/* Scoped theme for My Mushaf only. */
@font-face{font-family:MushafiReviewArabic;src:url('../assets/ui.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:MushafiReviewKufi;src:url('../assets/title.ttf') format('truetype');font-weight:700;font-display:swap}
.mushafi-review{color-scheme:light;--paper:#faf9f3;--card:#fffef9;--green:#154e3d;--ink:#163f35;--gold:#b18a43;--line:#e0e4d7;--muted:#64776a}
.mushafi-review *{box-sizing:border-box}
.mushafi-review{min-height:100%;background:var(--paper);scroll-behavior:auto}
.mushafi-review{margin:0;color:var(--ink);font-family:MushafiReviewArabic,system-ui,sans-serif;font-size:17px;line-height:1.8;background:radial-gradient(ellipse at 0 0,#f4efdf,transparent 50%),var(--paper)}
.mushafi-review button,.mushafi-review a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mushafi-review button{font:inherit;color:inherit;cursor:pointer}
.mushafi-review a{color:inherit;text-decoration:none}
.mushafi-review button:focus-visible,.mushafi-review a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.mushafi-review button:active,.mushafi-review a:active{filter:brightness(.94)}
.mushafi-review .icon{width:28px;height:28px;flex:none;vertical-align:middle}
.mushafi-review .app-shell{width:min(100%,640px);margin:0 auto;min-height:100dvh;padding:0 22px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column}
.mushafi-review .top{padding-top:max(12px,env(safe-area-inset-top));margin-bottom:22px}
.mushafi-review .top-row{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.mushafi-review .brand{display:flex;gap:10px;align-items:center;font-family:MushafiReviewKufi,MushafiReviewArabic,sans-serif;font-size:27px;line-height:1.6}
.mushafi-review .brand .icon{color:var(--gold);width:33px;height:33px}
.mushafi-review .round-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:var(--card);border-radius:50%;padding:10px}
.mushafi-review .round-button .icon{width:23px;height:23px}
.mushafi-review .review-mark{font-size:17px;color:#8c743f;text-align:center;line-height:20px}
.mushafi-review .content{flex:1;width:100%;min-width:0}
.mushafi-review .home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.mushafi-review .tile{height:145px;display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 2px 3px #23402a03;padding:13px;text-align:center}
.mushafi-review .tile>.icon{width:42px;height:42px;color:#23614d}
.mushafi-review .card-label{font-size:17px;font-weight:700;line-height:1.5}
.mushafi-review .tile.selected,.mushafi-review .tile:active{background:var(--green);color:#fffdf4;border-color:var(--green);box-shadow:0 5px 15px #173e2e15}
.mushafi-review .tile.selected>.icon,.mushafi-review .tile:active>.icon{color:#d5b879}
.mushafi-review .council-banner{display:flex;align-items:center;gap:14px;background:#f1ead8;border:1px solid #e2d5b5;border-radius:20px;min-height:87px;padding:15px 20px;margin-top:15px;font-size:20px;font-weight:700}
.mushafi-review .banner-icon{display:grid;place-items:center;width:52px;height:52px;color:var(--green);background:#fff9e8;border-radius:16px}
.mushafi-review .banner-icon .icon{width:33px;height:33px}
.mushafi-review .chevron{margin-inline-start:auto;width:20px;height:20px;color:#839382}
.mushafi-review .footer{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:24px 2px 0;font-size:17px;color:var(--muted);flex-wrap:wrap}
.mushafi-review .footer a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.mushafi-review .home-content+.footer{justify-content:center}
.mushafi-review .page-heading{display:flex;gap:14px;align-items:center;margin:6px 0 22px}
.mushafi-review .page-heading h1{font-size:27px;line-height:1.55;font-weight:700;margin:0;overflow-wrap:anywhere}
.mushafi-review .section-icon{width:51px;height:51px;border-radius:17px;background:#efeadd;color:#a5833e;display:grid;place-items:center;flex:none}
.mushafi-review .page-note{font-size:17px;color:var(--muted);margin:-7px 0 22px;line-height:1.9}
.mushafi-review .route-list{display:flex;flex-direction:column;gap:12px}
.mushafi-review .route-card{display:flex;gap:16px;align-items:center;padding:19px 18px;border:1px solid var(--line);background:var(--card);border-radius:19px;min-height:80px}
.mushafi-review .route-card>.icon:first-child{width:31px;height:31px;color:#4f705b}
.mushafi-review .route-card .card-label{font-size:17px}
.mushafi-review .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.mushafi-review .action{min-height:48px;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:9px 20px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:17px;font-weight:600;flex:1 1 auto}
.mushafi-review .action.accent{background:var(--green);color:#fffdf4;border-color:var(--green)}
.mushafi-review .feature-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 18px;background:var(--card);border:1px solid var(--line);border-radius:22px;margin-bottom:20px;text-align:center}
.mushafi-review .feature-panel p{margin:0;font-size:17px;color:var(--muted)}
.mushafi-review .feature-panel small{font-size:17px;color:var(--muted)}
.mushafi-review .large-symbol{width:70px;height:70px;background:#f1eddc;border-radius:25px;display:grid;place-items:center;color:var(--gold)}
.mushafi-review .large-symbol .icon{width:40px;height:40px}
.mushafi-review .feature-panel strong{font-size:20px}
.mushafi-review .badges{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}
.mushafi-review .badge{background:#efeee5;border-radius:20px;line-height:1.8;padding:2px 9px;font-size:17px;color:#69705c}
.mushafi-review .badge.available{background:#e4efdd;color:#3d693f}
.mushafi-review .badge.busy{background:#f1e9d4;color:#8f6e30}
.mushafi-review .filter-row{display:flex;gap:8px;margin-bottom:7px}
.mushafi-review .chip{padding:6px 14px;min-height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:var(--card);flex:1;font-size:17px}
.mushafi-review .chip.selected{background:var(--green);color:#fffdf4;border-color:var(--green)}
.mushafi-review .quiet-note{font-size:17px;color:var(--muted);margin:0 0 16px}
.mushafi-review .councils-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mushafi-review .council-card{aspect-ratio:1;min-height:0;display:flex;align-items:flex-start;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:21px;padding:12px;position:relative}
.mushafi-review .council-card>.icon{position:absolute;inset-inline-end:15px;top:15px;color:var(--gold);width:24px;height:24px}
.mushafi-review .council-card h2{font-size:17px;margin:0 0 8px;padding-inline-end:23px;line-height:1.6}
.mushafi-review .council-card p{font-size:17px;margin:0 0 6px}
.mushafi-review .council-card .badges{justify-content:flex-start;gap:4px}
.mushafi-review .council-card .badge{font-size:17px;padding:1px 7px}
.mushafi-review .gender-label{font-size:17px;color:#71836e}
.mushafi-review .participants{border-top:1px solid #e9ecdf;padding-top:6px;margin-top:auto;font-size:17px;color:#6b7e65;width:100%;display:flex;align-items:center;gap:4px;min-height:27px}
.mushafi-review .participants .icon{width:14px;height:14px}
.mushafi-review .join-bar{position:sticky;bottom:0;background:var(--paper);padding:16px 0 max(10px,env(safe-area-inset-bottom));display:flex;gap:12px;margin-top:24px;border-top:1px solid var(--line);z-index:2}
.mushafi-review .join-bar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;flex:1;border-radius:16px;font-size:17px;font-weight:700;color:#fffdf4}
.mushafi-review .join-bar .icon{width:22px;height:22px}
.mushafi-review .join-reader{background:var(--green)}
.mushafi-review .join-teacher{background:#2d6489}
.mushafi-review .with-join .footer{padding-top:6px}
.mushafi-review .privacy-note{padding:12px;border-radius:13px;font-size:17px;background:#f3f0e5}
.mushafi-review .queue-row{display:flex;gap:18px;align-items:center;justify-content:space-between;width:100%;padding-top:16px;border-top:1px solid var(--line)}
.mushafi-review .timer{font:400 30px/1.6 ui-monospace,monospace;direction:ltr;letter-spacing:3px}
.mushafi-review .wave{height:45px;display:flex;align-items:center;gap:5px}
.mushafi-review .wave i{width:4px;height:10px;background:#a5bfa9;border-radius:3px}
.mushafi-review .wave .wave-1{height:20px}
.mushafi-review .wave .wave-2{height:36px}
.mushafi-review .wave .wave-3{height:28px}
.mushafi-review .wave .wave-4{height:15px}
.mushafi-review .verse-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f7f0dc;border:1px solid #d9ccab;outline:1px solid #d9ccab;outline-offset:-7px;border-radius:20px;padding:40px 15px;margin-bottom:23px;min-height:200px;color:#8a774a}
.mushafi-review .verse-placeholder .icon{width:46px;height:46px}
.mushafi-review .verse-placeholder small{font-size:17px}
.mushafi-review .profile-panel{align-items:stretch;text-align:start}
.mushafi-review .field-title{font-size:17px;color:var(--muted)}
.mushafi-review .sample-value{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:13px;background:#f5f4eb;border:1px solid var(--line);border-radius:12px}
.mushafi-review .mock-options{display:flex;gap:12px}
.mushafi-review .mock-options>*{flex:1;text-align:center;justify-content:center}
.mushafi-review .mock-options button{min-height:50px;border:1px solid var(--line);border-radius:12px;background:#fffdf4}
.mushafi-review .retention-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:min(100%,270px)}
.mushafi-review .retention-grid i{height:31px;border-radius:6px;background:#dce9d5}
.mushafi-review .retention-grid .level-1{background:#b6ceb0}
.mushafi-review .retention-grid .level-2{background:#698f6c}
.mushafi-review .retention-grid .level-3{background:#e8d29d}
.mushafi-review .garden{min-height:240px;background:radial-gradient(ellipse at bottom,#e7efd9,transparent 70%),var(--card)}
.mushafi-review dialog{border:1px solid var(--line);border-radius:24px;background:var(--card);color:var(--ink);padding:28px;width:min(88vw,360px);text-align:center;box-shadow:0 15px 70px #12332928}
.mushafi-review dialog::backdrop{background:#143b3066}
.mushafi-review dialog h2{font-size:23px;margin:12px 0}
.mushafi-review dialog p{font-size:17px;line-height:2;color:var(--muted)}
.mushafi-review dialog .action{width:100%;margin-top:23px}
.mushafi-review .dialog-symbol{color:var(--gold)}
.mushafi-review .dialog-symbol .icon{width:37px;height:37px}
.mushafi-review .sr-only,.mushafi-review .skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mushafi-review .skip:focus{position:fixed;top:5px;right:5px;padding:12px;background:white;z-index:100}
.mushafi-review .notice[hidden]{display:none}
@media(min-width:700px){.mushafi-review .app-shell{padding-top:15px}
.mushafi-review .top{margin-bottom:30px}
.mushafi-review .tile{height:170px}
.mushafi-review .card-label{font-size:20px}
.mushafi-review .council-card{padding:20px}
.mushafi-review .council-card h2{font-size:21px}
.mushafi-review .council-card p{font-size:17px}
.mushafi-review .council-card .badge,.mushafi-review .gender-label{font-size:17px}
.mushafi-review .participants{font-size:17px}
.mushafi-review .council-banner{min-height:97px}}
@media(max-width:360px){.mushafi-review .app-shell{padding-inline:15px}
.mushafi-review .top{margin-bottom:15px}
.mushafi-review .tile{height:132px;gap:9px}
.mushafi-review .tile>.icon{width:36px;height:36px}
.mushafi-review .card-label{font-size:17px}
.mushafi-review .councils-grid{gap:9px}
.mushafi-review .council-card{padding:10px}
.mushafi-review .council-card h2{font-size:17px;margin-bottom:4px}
.mushafi-review .council-card>.icon{width:20px;height:20px;inset-inline-end:10px;top:11px}
.mushafi-review .council-card p{font-size:17px;margin-bottom:4px}
.mushafi-review .page-heading h1{font-size:23px}
.mushafi-review .join-bar a{font-size:17px;gap:5px}
.mushafi-review .council-banner{font-size:18px}}
@media(orientation:landscape) and (max-height:500px){.mushafi-review .top{margin-bottom:12px}
.mushafi-review .tile{height:120px}
.mushafi-review .app-shell{max-width:740px}
.mushafi-review .page-heading{margin-bottom:14px}
.mushafi-review .join-bar{position:static}
.mushafi-review .home-grid{gap:12px}}
@media(prefers-reduced-motion:no-preference){.mushafi-review .tile,.mushafi-review .route-card,.mushafi-review .action,.mushafi-review .round-button{transition:background-color .15s,box-shadow .15s}
.mushafi-review dialog[open]{animation:mushafi-review-appear .15s ease-out}
@keyframes mushafi-review-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}
.mushafi-review .real-recording{display:flex;align-items:center;gap:14px;margin-top:20px;padding:17px;border:1px solid #b8cdb3;background:#edf4e8;border-radius:18px;min-height:82px}
.mushafi-review .real-recording strong{display:block;font-size:17px}
.mushafi-review .real-recording small{display:block;font-size:17px;color:#54734d;line-height:1.8}
.mushafi-review .real-recording>.icon{color:#326743}
.mushafi-review .top{display:block;width:100%;max-width:none;margin-inline:0;padding-inline:0}
.mushafi-review .top-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:8px;height:60px}
.mushafi-review .brand{min-width:0;justify-content:center;font-size:clamp(20px,5.8vw,27px);white-space:nowrap}
.mushafi-review .top .round-button{min-width:44px;width:44px;height:44px;margin:0}
.mushafi-review .review-mark{display:block;width:max-content;max-width:100%;white-space:nowrap;margin:4px auto 0;padding:0 11px;line-height:21px;background:#f1ead8;border-radius:20px;font-size:17px}
.mushafi-review .home-content{padding-bottom:20px}
.mushafi-review .home-top-row{grid-template-columns:44px minmax(0,1fr) 44px}
.mushafi-review .detail-top-row [data-back]{grid-column:4}
.mushafi-review .tile{position:relative}
.mushafi-review .tile.selected::after{content:"✓";position:absolute;top:9px;inset-inline-end:12px;font-size:17px;color:#e1cb90}
.mushafi-review .council-banner{min-height:110px;padding-block:18px}
.mushafi-review .home-return-wrap{display:flex;justify-content:center;padding-top:18px}
.mushafi-review .home-return{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:180px;max-width:100%;padding:8px 18px;border:1px solid #b9c9b7;border-radius:8px;background:#fffef9;font-size:17px;color:#2f5847;font-weight:600}
.mushafi-review .home-return:active{background:var(--green);color:#fffdf4}
#mushafi-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#faf9f3;color:#163f35;overflow:auto;overscroll-behavior:contain}#mushafi-dialog::backdrop{background:#f7f1e3}.mushafi-review{direction:rtl;min-height:100%;isolation:isolate}.mushafi-review .content{display:block;position:static;height:auto;min-height:0;padding:0}.mushafi-review .top{position:static;max-width:none;background:transparent}.mushafi-review .app-shell{min-height:100dvh}.mushafi-review .inline-reader-back{display:flex;align-items:center;gap:8px;min-height:44px;background:transparent;border:0;padding:0;font-size:17px;color:#547363}.mushafi-review .inline-reader-back .icon{width:20px;height:20px}.mushafi-review .live-tools{display:block;width:100%;text-align:center;min-height:48px;padding:10px 15px;margin:16px 0;border:1px solid #b8cdb3;border-radius:14px;background:#eef4e8;color:#245438;font-weight:600}.mushafi-review .footer .live-tools{margin:0;width:auto}.mushafi-review .inline-note{margin:25px;padding:20px;text-align:center}.mushafi-review .inline-loading{display:grid;place-items:center;min-height:60dvh}.mushafi-review .inline-header{max-width:640px;margin:auto;padding:14px 22px 0}.mushafi-review [hidden]{display:none!important}

.mushafi-review>.mushafi-recording{padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
/* Keep loading/error navigation on the same physical side as detail pages. */
.mushafi-review .inline-header{display:grid;grid-template-columns:minmax(0,1fr)}
.mushafi-review .inline-header>.inline-reader-back{justify-self:left;min-width:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}

.voice-recitation{padding:0;border:0;margin:8px 0}.voice-recitation label{display:block;padding:6px 0}.voice-settings{font-size:17px}.voice-settings p{margin:8px 0}.voice-settings input{min-width:22px;min-height:22px;vertical-align:middle}.voice-dock{position:fixed;right:max(20px,calc((100vw - 760px)/2 + 20px),env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:1100;display:flex;align-items:center;gap:10px;direction:rtl;pointer-events:none;max-width:calc(100vw - 40px)}.voice-recitation .voice-mic{position:relative;pointer-events:auto;display:grid;place-items:center;width:64px;height:64px;min-width:64px;padding:17px;margin:0;border:2px solid #fff;border-radius:50%;background:#195a47;color:#fff;box-shadow:0 4px 18px #133f3440;touch-action:manipulation;cursor:pointer}.voice-mic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.voice-mic:focus-visible{outline:3px solid #b18a43;outline-offset:4px}.voice-status{pointer-events:none;margin:0!important;padding:8px 13px;border:1px solid #d7dfd4;border-radius:20px;background:#fffef9f5;color:#154e3d;font-size:17px!important;line-height:1.5;max-width:min(65vw,270px);box-shadow:0 2px 10px #133f3415}.voice-status[hidden]{display:none}.voice-recitation[data-state=preparing] .voice-mic{background:#ad8640}.voice-recitation[data-state=preparing] .voice-mic:after{content:"";position:absolute;width:72px;height:72px;border:3px solid transparent;border-top-color:#ad8640;border-radius:50%;animation:mic-load 1s linear infinite}.voice-recitation[data-state=recording] .voice-mic{background:#b23c30;box-shadow:0 0 0 6px #b23c3025,0 4px 18px #133f3440}.voice-recitation[data-warning] .voice-status{border-color:#b23c30;color:#962d22}.compact-learning{padding-bottom:112px}.voice-recitation[data-state=recording] .voice-mic svg{opacity:.9}@keyframes mic-load{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.voice-recitation[data-state=preparing] .voice-mic:after{animation:none}}

.voice-recitation[data-state=recording] .voice-mic{box-shadow:0 0 0 calc(5px + var(--voice-level,0)*12px) #b23c3025,0 4px 18px #133f3440;transition:box-shadow .15s}.voice-recitation[data-hearing] .voice-mic{border-color:#f5d58a}.spatial-stage{scroll-margin-top:8px}

.voice-mic .voice-ring,.teaching-live-mic .voice-ring{position:absolute;inset:-5px;border:2px solid #258d6a;border-radius:50%;pointer-events:none;opacity:0;transform:scale(1);animation:none}
[data-hearing][data-state=recording] .voice-mic .voice-ring,.teaching-reading[data-hearing] .teaching-live-mic .voice-ring{animation:voice-sound-ring .8s ease-out infinite}
[data-hearing][data-state=recording] .voice-mic .voice-ring:last-child,.teaching-reading[data-hearing] .teaching-live-mic .voice-ring:last-child{animation-delay:.4s}
@keyframes voice-sound-ring{from{transform:scale(1);opacity:.7}to{transform:scale(calc(1.3 + var(--voice-level,0)*.4));opacity:0}}
.teaching-live-mic{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#195a47;color:white;margin:16px auto}.teaching-live-mic svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){[data-hearing][data-state=recording] .voice-mic .voice-ring,.teaching-reading[data-hearing] .teaching-live-mic .voice-ring{animation:none;opacity:.5;transform:scale(calc(1.1 + var(--voice-level,0)*.2))}}

.reading-assessment{margin:18px 0;padding:16px;border:1px solid #aac8b7;border-radius:16px;background:#f0f7ef;color:#164b3c;text-align:center;line-height:1.7}.reading-assessment[hidden]{display:none}.reading-assessment h3{margin:0 0 8px;font-size:1.35rem}.reading-assessment p{font-size:17px;margin:8px 0}.reading-assessment details{text-align:start}.reader-voice-session .reading-assessment{position:fixed;z-index:1101;inset-inline:16px;top:max(20px,env(safe-area-inset-top));max-height:45vh;overflow:auto;max-width:620px;margin:0 auto;box-shadow:0 6px 24px #163f3430}
/* Completion certificate: compact controls, export matches this visual language. */
.reading-assessment:has(.recitation-certificate){padding:0;background:transparent;border:0}
.recitation-certificate{position:relative;text-align:center;padding:28px 22px;background:#faf7ed;border:1px solid #b69b59;outline:1px solid #d8cda8;outline-offset:-8px;border-radius:3px;color:#174d3e;font-family:MushafiReviewArabic,system-ui,sans-serif}
.recitation-certificate h3{font-size:27px;margin:4px 0 20px}.recitation-certificate h4{font-size:25px;margin:12px 0 0}.recitation-certificate p{margin:8px 0}.certificate-brand{font-size:17px}.certificate-star{color:#a78a47;font-size:30px}.certificate-score{display:flex;flex-direction:column;align-items:center;justify-content:center;width:112px;height:112px;border:1px solid #b69b59;border-radius:50%;margin:22px auto}.certificate-score strong{font-size:44px;line-height:1.2;font-variant-numeric:tabular-nums}.certificate-score span{font-size:17px}.certificate-dua{font-size:17px;line-height:1.9}.recitation-certificate small{display:block;font-size:17px;color:#637267;margin-top:14px}.certificate-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}.certificate-actions button{flex:1 1 130px;border:1px solid #b6c8bb;border-radius:12px;padding:12px;background:#f5f7ef;color:#174d3e;font:inherit}.certificate-actions button:first-child{background:#174d3e;color:#fff}.certificate-actions button:disabled{opacity:.5}.certificate-share-status{font-size:17px;color:#637267}.reader-voice-session .reading-assessment:has(.recitation-certificate){background:#faf7ed;padding:12px;max-height:70vh}

/* Store sections: calm square navigation, shared by the inline and standalone views. */
.store-section .route-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.store-section .route-list>.route-card{aspect-ratio:1;min-height:0;min-width:0;flex-direction:column;justify-content:center;gap:16px;padding:16px 10px;text-align:center;border-radius:22px;box-shadow:0 3px 12px #154e3d05}
.store-section .route-list>.route-card>.icon:first-child{width:42px;height:42px;color:var(--green)}
.store-section .route-list>.route-card>.chevron{display:none}
.store-section .route-list>.route-card .card-label{font-size:17px;line-height:1.6;overflow-wrap:anywhere}
.store-section .route-list>.route-card:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(hover:hover){.store-section .route-list>.route-card:hover{background:#f1f5ea;border-color:#b6cbbd}}
@media(min-width:600px){.store-section .route-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mushafi-review .top-row{height:auto;min-height:64px}
.mushafi-review .section-title{min-width:0;margin:0;text-align:center;font-family:MushafiReviewKufi,MushafiReviewArabic,sans-serif;font-size:clamp(18px,5vw,25px);line-height:1.7;overflow-wrap:anywhere}
.mushafi-review .detail-top-row{grid-template-columns:44px 44px minmax(0,1fr) 44px 44px;gap:4px}
.mushafi-review .detail-top-row>.section-title{grid-column:3;grid-row:1}
.mushafi-review .detail-top-row>.round-button:first-child{grid-column:1;grid-row:1}
.mushafi-review .detail-top-row>.round-button:not(:first-child):not([data-back]){grid-column:4;grid-row:1}
.mushafi-review .detail-top-row>[data-back]{grid-column:5;grid-row:1}
/* Keep screen-reader route announcements without a native blue heading ring. */
.mushafi-review .section-title[tabindex="-1"]:focus{outline:none}


/* Consistent navigation: back right, account and settings left. */
.mushafi-review .top-row.detail-top-row{display:grid;grid-template-columns:48px 48px minmax(0,1fr) 48px 48px;gap:4px;min-height:64px;height:auto;direction:rtl}
.mushafi-review .top-row.detail-top-row>.section-title{grid-column:3;grid-row:1;text-align:center;min-width:0}
.mushafi-review .top-row.detail-top-row>[data-back]{grid-column:1;grid-row:1}
.mushafi-review .top-row.detail-top-row>.round-button:first-child{grid-column:5;grid-row:1}
.mushafi-review .top-row.detail-top-row>.round-button:not(:first-child):not([data-back]){grid-column:4;grid-row:1}
.mushafi-review .top-row .round-button{width:48px;height:48px;min-width:48px;padding:11px;border-radius:50%}
.mushafi-review .top-row .round-button .icon{width:24px;height:24px}