.ayah-page{padding-top:32px}.ayah-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.ayah-header .header-left h2{font-family:var(--display-font);color:var(--ink);margin:0;font-size:22px;font-weight:500;line-height:1.2}.ayah-header .header-right{flex-shrink:0}.lang-trigger .lang-flag{font-size:14px;line-height:1}.lang-trigger .lang-code{letter-spacing:.03em;font-weight:600}.lang-trigger svg{opacity:.6;flex-shrink:0}.arabic-text{background:var(--paper-raised);border:1px solid var(--hairline);text-align:right;border-radius:18px;margin-bottom:20px;padding:32px 28px}.arabic-text p{font-family:var(--arabic-font);color:var(--ink);margin:0;font-size:clamp(24px,4.5vw,32px);line-height:2.1}.latin-text{margin-bottom:18px}.latin-text p{color:var(--ink-muted);margin:0;font-size:15px;font-style:italic;line-height:1.7}.translation-text{margin-bottom:20px}.translation-text p{color:var(--ink);max-width:58ch;margin:0;font-size:16.5px;line-height:1.8}.footnotes{background:var(--emerald-soft);border:1px solid #0b5d4229;border-radius:14px;margin-bottom:32px;padding:16px 18px}.footnotes p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.65}.footnotes b{color:var(--emerald-deep)}.ayah-navigation{justify-content:space-between;align-items:center;gap:10px;margin-bottom:40px;display:flex}.ayah-navigation a{color:var(--ink-soft);background:var(--paper-raised);border:1px solid var(--hairline);white-space:nowrap;border-radius:999px;align-items:center;padding:10px 18px;font-size:13.5px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.ayah-navigation a:hover{border-color:var(--emerald);color:var(--emerald-deep)}.ayah-navigation a:not(:first-child):not(:last-child){color:var(--ink-muted);background:0 0;border-color:#0000}.ayah-navigation a:not(:first-child):not(:last-child):hover{color:var(--emerald-deep)}@media (width<=480px){.ayah-navigation{flex-wrap:wrap;justify-content:center}}.surah-ayat-grid{background:var(--paper-raised);border:1px solid var(--hairline);border-radius:16px;margin-bottom:32px;padding:18px 20px 20px}.grid-header{letter-spacing:.02em;color:var(--ink-muted);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;font-size:12.5px;font-weight:600;display:flex}.ayat-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;display:grid}.ayat-grid-item{aspect-ratio:1;color:var(--ink-soft);background:var(--paper);border:1px solid var(--hairline);border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:flex}.ayat-grid-item:hover{border-color:var(--emerald);color:var(--emerald-deep)}.ayat-grid-item.active{background:var(--emerald-deep);border-color:var(--emerald-deep);color:var(--paper)}.share-buttons{border-top:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;padding-top:24px;display:flex}.share-label{color:var(--ink-muted);margin-right:4px;font-size:12.5px;font-weight:600}.share-btn,.share-buttons a,.share-buttons button{color:var(--ink-soft);background:var(--paper-raised);border:1px solid var(--hairline);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.share-btn:hover,.share-buttons a:hover,.share-buttons button:hover{border-color:var(--emerald);color:var(--emerald-deep)}.lang-modal-overlay{z-index:50;backdrop-filter:blur(2px);background:#211d1473;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lang-modal-overlay[hidden]{display:none}.lang-modal{background:var(--paper-raised);border:1px solid var(--hairline);border-radius:22px;width:100%;max-width:360px;max-height:80vh;padding:22px 10px 14px;overflow-y:auto;box-shadow:0 20px 60px #211d1438}.lang-modal-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 14px 16px;display:flex}.lang-modal-header h3{font-family:var(--display-font);color:var(--ink);margin:0;font-size:17px;font-weight:500}.lang-modal-close{width:28px;height:28px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.lang-modal-close:hover{background:var(--hairline);color:var(--ink)}.lang-modal-body{flex-direction:column;gap:2px;display:flex}.lang-option{color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:background .12s;display:flex}.lang-option:hover,.lang-option.active{background:var(--emerald-soft)}.lang-option-flag{flex-shrink:0;font-size:18px;line-height:1}.lang-option-name{flex:1;font-size:15px;font-weight:500}.lang-option-code{letter-spacing:.03em;color:var(--ink-muted);font-size:11.5px;font-weight:600}.lang-option-check{color:var(--emerald-deep);flex-shrink:0;font-size:14px}.lang-option[data-lang=ar] .lang-option-name,.lang-option[data-lang=ur] .lang-option-name{font-family:var(--arabic-font);font-size:16.5px}@media (width<=480px){.arabic-text{border-radius:14px;padding:24px 20px}.ayah-header .header-left h2{font-size:19px}.ayat-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}}