/* 99 Names mobile legibility and completed learning-page presentation. */
@media(max-width:800px){
 .hero-content{top:28px!important}
 .names-archive{padding-top:82px!important}
 .archive-head{padding:0 6px 28px}
 .archive-grid{gap:14px!important;margin-top:10px!important}
 .archive-grid .name-card{display:flex!important;min-height:0!important;padding:25px 22px!important;flex-direction:column!important;gap:4px!important;justify-content:center;align-items:center;text-align:center!important}
 .archive-grid .name-card .arabic{display:block!important;width:100%;font-size:52px!important;line-height:1.35!important;margin:4px 0 2px!important;text-align:center!important}
 .archive-grid .name-card h3{font-size:30px!important;line-height:1.15!important;margin:2px 0!important;text-align:center!important}
 .archive-grid .name-card p{font-size:16px!important;line-height:1.4!important;margin:3px 0 0!important;text-align:center!important}
 .archive-grid .name-card .num{top:13px!important;right:16px!important}
 .name-detail{padding:82px 0 55px!important}
 .name-detail-card{padding:30px 20px!important}
 .name-detail-top{padding-top:6px}
 .name-detail-arabic{font-size:66px!important;line-height:1.3!important}
 .name-detail-top .section-title{font-size:43px!important;line-height:1.08!important}
 .journey-action-buttons{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
 .name-foundation{padding:20px!important;margin:25px 0 20px!important}
 .detail-content{font-size:15px!important;line-height:1.75!important}
 .detail-grid{margin-top:22px!important;gap:11px!important}
 .detail-box{padding:20px!important}
 .detail-box h3{font-size:23px!important}
}
@media(max-width:430px){.hero-content{top:24px!important}.archive-grid .name-card .arabic{font-size:48px!important}.archive-grid .name-card h3{font-size:28px!important}}
.name-foundation{margin:32px 0 24px;padding:22px 26px;background:#0a0a0a;color:#fff;border-left:4px solid var(--gold)}
.name-foundation span{display:block;margin-bottom:7px;color:var(--gold);font:700 10px Poppins,Inter,sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.name-foundation p{margin:0;line-height:1.65}.name-foundation b{color:var(--gold)}
.detail-when_to_call,.detail-related_dua{background:#fff8e8!important;border-left-color:#aa7d25!important}
.detail-when_to_call{grid-column:1/-1}.detail-related_dua p{font-style:italic;color:#332919!important}
.compass-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.compass-actions .tool-button{margin-top:0!important}.compass-actions [hidden]{display:none!important}[data-compass-status][data-state="active"]{color:#d3b568!important}[data-compass-status][data-state="warning"]{color:#e7bd68!important}
@media(max-width:800px){.compass-actions{display:grid;grid-template-columns:1fr}.compass-actions .tool-button{width:100%}}
.app-alert-section{padding:34px 0;background:#080808;color:#fff}.app-alert-card{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;padding:28px;border:1px solid rgba(200,164,91,.55);background:linear-gradient(135deg,#15120d,#080808)}.app-alert-card h2{margin:6px 0 8px;font:34px/1.15 Georgia,serif}.app-alert-card p{margin:0;color:#aaa}.app-status-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.app-status-list>span{padding:12px;border:1px solid rgba(200,164,91,.25)}.app-status-list b{display:block;color:#888;font-size:8px;text-transform:uppercase;letter-spacing:1px}.app-status-list strong{color:var(--gold);font-size:12px}.app-alert-toggle{grid-column:1/-1;width:100%;min-height:42px;border-radius:3px!important}.app-alert-note{margin:10px 0 0;color:#777;font-size:10px;text-align:center}@media(max-width:700px){.app-alert-card{grid-template-columns:1fr;padding:22px;gap:20px}.app-alert-card h2{font-size:28px}}