.naat-card h2{margin:2px 0 5px;font-size:18px;line-height:1.45;letter-spacing:0}
.prose h2{font-size:clamp(22px,3vw,30px);line-height:1.5;letter-spacing:0}
.reader-context .muted,.source-extra-line small{max-width:none}
.source-extra-line,.source-section-marker{font-size:18px;line-height:1.8;border-inline-start:3px solid var(--line);padding-inline-start:12px;color:var(--muted)}
.source-extra-line small{display:block;font-size:13px}
.lyrics .prose-paragraph{font-size:var(--lyric-size,24px);line-height:1.9;margin:0 0 1.3em;overflow-wrap:anywhere}
.lyrics.urdu .prose-paragraph{line-height:2.15;text-align:right}
.search-status{font-size:14px;color:var(--muted);margin:14px auto;max-width:780px}
body[data-search-page] .suggestions{position:static;display:grid;gap:4px;margin:26px 0 0;box-shadow:none}
body[data-search-page] .suggestions[hidden]{display:none}
body[data-search-page] .search-box{flex-wrap:wrap}
body[data-search-page] .search-box input{flex:1;min-width:120px}
body[data-search-page] .suggestions a{min-width:0;width:100%;overflow-wrap:anywhere}
.poet-context{margin:24px 0;max-width:780px;font-size:16px;line-height:1.8}
.edition-note{padding:14px;border:1px solid var(--line);border-radius:12px;font-size:15px;line-height:1.8;margin:20px 0}
.reader-context a,.edition-note a,.poet-context a{text-decoration:underline;text-underline-offset:3px}
/* Maintain the glass/gradient design without low-contrast dark text on green buttons. */
.search-box button,.primary-button{background:linear-gradient(135deg,#0f513e,#155641);color:#fff}
.naat-card.featured{background:linear-gradient(135deg,#0c4938,#155941);color:#fff}
.naat-card.featured .urdu,.naat-card.featured .number{color:#fff}
.naat-card.featured p{color:#edf4ee}
[data-theme=dark] .hero{background:radial-gradient(circle at 25% 22%,rgba(224,196,125,.14),transparent 34%),radial-gradient(circle at 82% 35%,rgba(54,152,118,.13),transparent 38%),linear-gradient(145deg,var(--soft),var(--bg))}
[data-theme=dark] .hero-copy{color:var(--ink)}
[data-theme=light]{--gold:#806323;--muted:#59615c}
footer{--gold:#e6cd8b;--green:#e6cd8b}
footer .brand-mark{color:#102319}
@media(max-width:800px){.source-extra-line,.source-section-marker{font-size:16px}.poet-context{font-size:15px}}