/* Common controls for Quran and Seerah; content-specific typography stays in each section. */
:root{--shared-accent:#28554e;--shared-accent-ink:#fffefa}
.review-schedule:not([open]){width:fit-content;max-width:100%;margin-inline-start:0;margin-inline-end:auto;padding:12px 18px}.review-schedule:not([open])>summary{min-height:0;line-height:1.8}
.review-session .recall-cue{padding-bottom:0}.review-session .recall-cue p{margin-bottom:14px}#reviewAnswer{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}
.review-schedule{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.review-schedule>summary{cursor:pointer;color:var(--teal);font-weight:600;min-height:32px}.review-schedule>.muted{font-size:13px;line-height:1.9;margin:12px 0}.review-schedule-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.review-schedule-item h3{margin:5px 0;font-size:17px;line-height:1.8}.review-schedule-item small,.review-schedule-item p{color:var(--muted);font-size:12px;margin:0}.review-schedule-actions{display:flex;gap:8px;flex-shrink:0}.review-schedule-actions>*{font-size:12px;white-space:nowrap}@media(max-width:700px){.review-schedule-item{align-items:stretch;flex-direction:column;gap:12px}.review-schedule-actions>*{flex:1;text-align:center}}
.mushaf-footer-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}.mushaf-footer-actions .mushaf-back{display:inline-flex;align-items:center;justify-content:center;margin:0;max-width:100%;min-width:0}@media(max-width:420px){.mushaf-footer-actions{gap:8px}.mushaf-footer-actions .mushaf-back{flex:1;padding:8px;font-size:12px}}
.ayah .quran .verse-favorite{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;margin:0 0 0 10px;border:0;background:transparent;box-shadow:none;color:var(--green);font:28px/1 'Segoe UI',Tahoma,sans-serif;border-radius:50%}.ayah .quran .verse-favorite:hover{background:var(--soft)}.ayah .quran .verse-favorite[aria-pressed="true"]{color:#a54b59}body.dark .ayah .quran .verse-favorite[aria-pressed="true"]{color:#efacb5}.bookmark-toggle{font-family:'Segoe UI',Tahoma,sans-serif}.bookmark-toggle.saved{color:#a54b59}body.dark .bookmark-toggle.saved{color:#efacb5}
.topic-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.topic-heading-actions .review-add{margin:0;white-space:nowrap}.topic-top{gap:12px 16px;flex-wrap:wrap;margin-bottom:22px}.topic .topic-top h2{margin:0}
.ayah .card-note-slot{display:inline-flex;margin-inline-start:auto;align-self:center}.ayah .card-note-slot:empty{display:none}.ayah .card-note-slot .note-marker{margin:0}
.study-notes .note-selection-summary>button{margin:0;align-self:center;display:inline-flex;align-items:center;justify-content:center}
.study-session-actions{display:flex;justify-content:center;margin-top:22px}.study-session-actions #session-done{width:min(100%,380px);min-height:50px;margin:0;font-weight:600;border-color:transparent;background:var(--shared-accent);color:var(--shared-accent-ink)}.study-session-actions #session-done:hover{background:#34675e}body.dark .study-session-actions #session-done:hover{background:#bdd3b5}
.surah-heading[tabindex="-1"]:focus{outline:none}
.toolbar #full-surah{align-self:flex-end;margin:0;min-height:46px;padding:10px 14px;font-size:12px;white-space:nowrap}
.toolbar:has(#full-surah)>label input,.toolbar:has(#full-surah)>label select{min-height:46px}
.ayah[data-note-card]{cursor:pointer}.ayah.note-card-selected{border-color:var(--green);box-shadow:inset -4px 0 0 var(--green)}.ayah[data-note-card]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.ayah [data-select-note-card][aria-pressed="true"]{background:var(--soft);color:var(--green);border-color:var(--green)}.note-selection-summary{padding:12px;background:var(--soft);border-radius:9px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.note-selection-summary button{font-size:12px}
.needs-fix-filter{display:flex;align-items:center;gap:10px;margin:16px 0 22px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);cursor:pointer;font-size:14px}.needs-fix-filter input{width:18px;height:18px;margin:0;accent-color:var(--green);flex-shrink:0}
/* Hide the retired section if an older offline HTML copy is still open. */
#seerahOriginalBackup{display:none!important}
body.dark{--shared-accent:#a8c4a2;--shared-accent-ink:#173126}
body.dark{color-scheme:dark;--paper:#23332b;--ink:#edf2e9;--muted:#bbc7bd;--line:#46584c;--soft:#304638;--gold:#d8be91}
body.dark,body.dark *{scrollbar-color:#697e6d #17231f}
body.dark input::placeholder,body.dark textarea::placeholder{color:#aab8ae;opacity:1}
body.dark .child-guide{background:#294136;border-color:#496454;color:var(--ink)}
body.dark .primary,body.dark .tabs .active,body.dark .btn{background:var(--shared-accent);color:var(--shared-accent-ink)}
body.dark .primary:hover,body.dark .btn:hover{background:#bdd3b5;color:#173126}
body.dark .shared-main-nav>a:not(.active):hover,body.dark .shared-main-nav>button:not(.active):hover{background:#273c30;color:#e0ecda}
.top-actions,.top-account{display:flex;align-items:center;gap:9px;flex-shrink:0}
:is(#accountBtn,#homeBtn,#settingsBtn,#themeBtn,#account-link,#home-link,#font,#theme-btn):hover{background:var(--soft);border-color:var(--gold);color:var(--ink)}
@media(prefers-reduced-motion:no-preference){:is(#accountBtn,#homeBtn,#settingsBtn,#themeBtn,#account-link,#home-link,#font,#theme-btn){transition:background-color .18s ease,border-color .18s ease,color .18s ease}}
.top-actions .icon-btn,.top-account .icon-btn,header #font.reading-settings-trigger,#settingsBtn{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:20px/1 'Segoe UI',Tahoma,sans-serif;gap:2px}
.top-actions .text-btn,.top-account .text-btn{display:flex;align-items:center;gap:7px;min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:12px/1.5 'Segoe UI',Tahoma,sans-serif}
.shared-main-nav{display:grid;gap:6px;margin:20px 0}.shared-main-nav>a,.shared-main-nav>button{display:flex;align-items:center;gap:9px;text-align:right;min-height:42px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:13px/1.6 'Segoe UI',Tahoma,sans-serif;text-decoration:none;cursor:pointer}.shared-main-nav>button span{font-size:13px;margin:0}.shared-main-nav>.active,.shared-main-nav>a:hover,.shared-main-nav>button:hover{background:var(--soft);color:var(--green,var(--teal))}.shared-main-nav>button:last-child{margin-top:7px;border-top:1px solid var(--line);border-radius:0 0 9px 9px}.search-side{margin-top:12px}
.shared-dialog,#accountDialog,#quran-account-dialog{max-width:620px;width:calc(100% - 32px);max-height:88dvh;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);font:15px/1.9 'Segoe UI',Tahoma,sans-serif;box-shadow:0 20px 70px #10201a26}
.shared-dialog::backdrop,#accountDialog::backdrop,#quran-account-dialog::backdrop{background:#10201a80}
.shared-dialog-close,#accountClose,#quran-account-dialog>.unified-account-close{position:static;display:block;margin:0 0 14px auto;width:38px;min-width:38px;height:38px;min-height:38px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--muted);font-size:24px;line-height:1}
#accountDialog h2,#quran-account-dialog h2{font-size:25px;margin:7px 0 20px;color:var(--green,var(--teal));font-weight:600}
#accountDialog .account-identity h3,#quran-account-dialog .account-identity h3{font-size:20px;margin:0 0 4px}
#accountDialog .account-email,#quran-account-dialog .account-email{font-size:13px;color:var(--muted);margin:0;overflow-wrap:anywhere;display:block;text-align:right}
.account-scope{display:inline-block;background:var(--soft);color:var(--green,var(--teal));padding:4px 10px;border-radius:7px;font-size:12px;margin:16px 0 10px}
#accountDialog .account-intro,#quran-account-dialog .account-intro{font-size:13px;line-height:1.95;color:var(--muted);margin:6px 0 16px}
#accountDialog #syncStatus,#quran-account-dialog #sync-status{display:block;background:var(--soft);color:var(--ink);padding:12px 15px;border:1px solid var(--line);border-radius:10px;font-size:13px;margin:16px 0 9px}
.account-last-sync{font-size:11px!important;color:var(--muted);margin:0 0 18px}
#accountDialog .account-actions,#quran-account-dialog .account-actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}
#accountDialog button,#quran-account-dialog button,.shared-dialog button{font-family:inherit;cursor:pointer}
#accountDialog .account-actions button,#quran-account-dialog .account-actions button{min-height:42px;padding:9px 16px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);font-size:13px;font-weight:500}
#accountDialog #syncNow,#quran-account-dialog #sync-now{background:var(--shared-accent);color:var(--shared-accent-ink);border-color:transparent}
#accountDialog #resumeCloud{background:var(--paper)}
.account-profile-details,.data-management{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}
.account-profile-details summary,.data-management summary{font-size:13px;font-weight:600;cursor:pointer;color:var(--muted)}
#seerahNameForm,#quran-account-dialog .account-name-form{display:flex;align-items:end;gap:10px;background:transparent;border:0;padding:0;margin:16px 0}
#seerahNameForm label,#quran-account-dialog .account-name-form label{flex:1;font-size:13px;color:var(--ink)}
#seerahNameForm input,#quran-account-dialog .account-name-form input{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink)}
#seerahNameForm button,#quran-account-dialog .account-name-form button{white-space:nowrap;border:1px solid var(--line);padding:10px 14px;border-radius:9px;background:var(--soft);color:var(--ink);font-size:13px}
#accountDialog #accountSignedIn{margin:0}#accountDialog .account-backup{margin-top:16px}
.settings-section{padding:20px 0;border-top:1px solid var(--line);margin-top:16px}.settings-section h3{font-size:19px;margin:0 0 9px}.settings-section p{color:var(--muted);font-size:13px}
.settings-section .backup-actions{display:flex;flex-wrap:wrap;gap:10px}.settings-section .backup-actions button{flex:1;min-width:150px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:13px}
#seerahSettingsPage .offline-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:16px 0 0;border:1px solid var(--line);border-radius:10px;font-size:13px;background:var(--soft);color:var(--ink);line-height:1.8}
#seerahSettingsPage #offlineStatus{display:inline-flex;align-items:center;gap:8px}
#seerahSettingsPage #offlineStatus::before{margin:0}
.shared-note-status,#note-save-status,.popup-save-status{display:block;margin-top:8px;font-size:12px;color:var(--muted)}
#backToTop,#back-to-top{width:56px!important;height:56px!important;min-height:56px!important;padding:6px!important;border-radius:50%!important;gap:1px!important;font:11px/1.3 'Segoe UI',Tahoma,sans-serif!important;background:#28554e;color:#fffefa}
#backToTop svg,#back-to-top svg{width:23px;height:23px}#backToTop small{font-size:11px}
body.dark #backToTop,body.dark #back-to-top{background:#9ab792!important;color:#173126!important;border-color:#c1d5bb!important}body.dark #backToTop:hover,body.dark #back-to-top:hover{background:#b2c9aa!important;color:#173126!important}
@media(max-width:700px){.top-actions,.top-account{gap:6px}.top-actions .icon-btn,.top-account .icon-btn,header #font.reading-settings-trigger,#settingsBtn{width:36px;min-width:36px;height:36px;min-height:36px;font-size:19px}.top-actions .text-btn,.top-account .text-btn{width:36px;padding:5px;justify-content:center;font-size:19px;min-height:36px}.top-actions .text-btn span,.top-account .text-btn span{display:none}.shared-dialog,#accountDialog,#quran-account-dialog{padding:20px}.account-actions button{flex:1}#seerahNameForm,#quran-account-dialog .account-name-form{display:block}#seerahNameForm button,#quran-account-dialog .account-name-form button{margin-top:10px;width:100%}.shared-main-nav{margin:12px 0}}
@media(prefers-reduced-motion:no-preference){#backToTop svg{animation:shared-arrow 1.8s ease-in-out infinite}@keyframes shared-arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}}
.reading-small-letter,.small-a{font:12px/1 'Segoe UI',Tahoma,sans-serif;margin:0;transform:translateY(4px)}
.shared-main-nav{grid-template-columns:1fr!important}.shared-main-nav>a,.shared-main-nav>button{width:100%;min-width:0;white-space:normal}.shared-main-nav>button:last-child{border-radius:9px}.learning-nav.shared-main-nav{gap:4px}#sidebar{overflow-y:auto}#lessonNav{min-height:170px}#quranMenu,#quranCloseMenu{display:none}#quranScrim[hidden]{display:none!important}
@media(max-width:900px){#quranSidebar{position:fixed;inset:0 0 0 auto;width:min(290px,85vw);height:100dvh;overflow-y:auto;z-index:85;padding:20px;transform:translateX(105%);visibility:hidden;transition:transform .2s,visibility .2s;background:var(--paper)}.quran-nav-open #quranSidebar{transform:translateX(0);visibility:visible}#quranSidebar nav{display:grid;grid-template-columns:1fr!important}#quranSidebar .aside-bottom{margin-top:24px}#quranMenu{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;min-width:36px;min-height:36px;padding:4px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;font-size:20px}#quranCloseMenu{display:block;margin-inline-start:auto;font-size:12px;min-height:36px;margin-bottom:15px}#quranScrim{position:fixed;inset:0;z-index:80;width:100%;height:100%;border:0;border-radius:0;background:#10201a80}body:has(#quranSidebar) .workspace{margin:0}body:has(#quranSidebar) .workspace>header{height:auto;min-height:70px;padding:12px 14px;gap:7px;flex-wrap:wrap}body:has(#quranSidebar) .workspace>header>span{flex:1;min-width:0;font-size:11px}body:has(#quranSidebar) .workspace>header .sep{margin:0 5px}body:has(#quranSidebar) main{padding:25px 18px 40px}}
#accountDialog #accountForm label,#quran-account-dialog .auth-form label{display:block;font-size:13px;margin:12px 0;color:var(--ink)}#accountDialog #accountForm input:not([type=checkbox]),#quran-account-dialog .auth-form input{display:block;width:100%;min-height:44px;padding:10px 12px;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink)}#accountDialog #accountForm .account-check{display:flex;align-items:start;gap:9px;font-size:12px;color:var(--muted)}
#accountDialog .account-notice,#quran-account-dialog .account-notice{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:14px;font-size:13px}

/* Keep dropdown arrows comfortably inset on every screen, including RTL. */
select:not([multiple]){appearance:none;-webkit-appearance:none;padding-inline-start:14px!important;padding-inline-end:46px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23758078' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-size:16px 16px!important;background-repeat:no-repeat!important;background-position:left 18px center!important}
select:not([multiple]):dir(ltr){background-position:right 18px center!important}
.account-select:after{display:none}
.saved-header>.eyebrow{display:block;margin:0 0 22px;line-height:1.8}
.saved-header>h1{margin-top:0}
.search-header>.eyebrow{display:block;margin:0 0 22px;line-height:1.8}
.search-header>.back-link,.saved-header>.back-link{display:flex;width:fit-content;margin-bottom:18px}
#main #seerahSearchPanel{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:16px;margin:0 0 24px;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
#seerahSearchPanel label{display:grid;gap:8px;min-width:0;font-size:13px;color:var(--muted)}
#seerahSearchPanel input,#seerahSearchPanel select{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background-color:var(--paper);color:var(--ink);font:inherit;font-size:15px}
#seerahSettingsPage>.eyebrow{display:block;margin:0 0 18px}
#seerahSettingsPage>h1{font-size:32px;margin:0 0 26px;line-height:1.6}
#seerahSettingsPage .settings-section{margin:0 0 24px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
#seerahSettingsPage .settings-section p{line-height:2}
#sidebar .shared-main-nav>[data-seerah-settings].active{background:var(--soft);color:var(--teal)}
@media(max-width:700px){#main #seerahSearchPanel{grid-template-columns:1fr;padding:16px}#seerahSettingsPage .settings-section{padding:18px}#seerahSettingsPage>h1{font-size:27px}}
#seerahSearchPanel{padding:32px 48px 0}
#seerahSearchPanel .search-side{max-width:720px;margin:0}
#lessonLibrary{scroll-margin-top:0}
#quranSidebar{overflow-y:auto}
#quranSidebar>.shared-main-nav{margin-top:40px;margin-bottom:20px;flex-shrink:0}
#quranSidebar .aside-bottom{display:flex;justify-content:center;gap:9px;align-items:center;flex-shrink:0;margin-top:auto;padding:18px 6px 0;text-align:center;font-size:10px;line-height:1.8;border-top:1px solid var(--line)}
#quranSidebar .aside-bottom .leaf{display:block;font-size:28px;line-height:1;color:var(--gold);grid-column:1;grid-row:1;margin:0}
#quranSidebar .aside-bottom p{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--muted)}
#quranSidebar .aside-bottom p::before{content:none}
#quranSidebar .aside-bottom #offline{display:none}
/* Align Seerah page headings and content to one reading edge. */
#sidebar~.workspace #main{padding-top:32px}
#sidebar~.workspace .learning-heading{max-width:none;margin:0 0 28px}
#sidebar~.workspace .learning-heading>.eyebrow{display:block;margin-bottom:14px}
#sidebar~.workspace .learning-heading h1{margin-top:0}
#sidebar~.workspace .learning-heading .back-link{margin-bottom:18px}
#sidebar~.workspace .reader,#sidebar~.workspace .review-session,#sidebar~.workspace .learning-heading+.scope-note{margin-inline-start:0;margin-inline-end:auto}
#sidebar~.workspace .timeline{max-width:none;margin-inline:0}
#sidebar~.workspace .reader{max-width:900px}
#sidebar~.workspace .session-heading>.eyebrow{margin-bottom:12px}
.learning-nav.shared-main-nav>a:not(.active):hover,.learning-nav.shared-main-nav>button:not(.active):hover{background:var(--soft);color:var(--teal)}
.shared-main-nav>.active{box-shadow:inset -3px 0 0 var(--green,var(--teal));font-weight:600}
@media(max-width:700px){#sidebar~.workspace #main{padding-top:24px}}
#lessonIndexButton{justify-content:flex-start;margin:0;border:0}
#lessonIndexButton:hover{background:var(--soft);color:var(--teal)}
#sidebar .shared-main-nav>[data-seerah-settings],#quranSidebar .shared-main-nav>[data-view="settings"]{margin:0;padding:10px 12px;min-height:42px;border:0;border-radius:9px;background:transparent;font:13px/1.6 'Segoe UI',Tahoma,sans-serif;color:var(--muted)}
#sidebar .sidebar-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;flex-shrink:0;margin-top:auto;padding:18px 6px 0;text-align:center;line-height:1.8;border-top:1px solid var(--line)}
#sidebar .sidebar-motto-icon{flex:0 0 24px;color:var(--gold)}
#sidebar .sidebar-bottom #closeNav{flex-basis:100%}
/* Both section sidebars finish with the same centered motto row. */
#sidebar,#quranSidebar{padding-bottom:20px}
#sidebar .sidebar-bottom,#quranSidebar .aside-bottom{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;flex-shrink:0;box-sizing:border-box;min-height:56px;margin-top:auto;padding:18px 6px 0;border-top:1px solid var(--line);text-align:center;font:10px/1.8 'Segoe UI',Tahoma,sans-serif;color:var(--muted)}
#sidebar .sidebar-bottom>span,#quranSidebar .aside-bottom>p{margin:0;font:inherit;color:inherit}
#sidebar .sidebar-motto-icon,#quranSidebar .aside-bottom .leaf{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;margin:0;color:var(--gold);font-size:26px;line-height:1}
.shared-main-nav>[data-seerah-settings]::before,#quranSidebar .shared-main-nav>[data-view="settings"]::before{content:none}
.shared-main-nav>button:focus:not(:focus-visible){outline:none}
#sidebar .shared-main-nav>[data-seerah-settings]:hover,#quranSidebar .shared-main-nav>[data-view="settings"]:hover{background:var(--soft);color:var(--green,var(--teal))}
#quranSidebar .shared-main-nav>[data-view="settings"].active{background:var(--soft);color:var(--green)}
@media(max-width:700px){#seerahSearchPanel{padding:24px 20px 0}}

/* Home rhythm and account forms also need to stay compact in mobile Safari. */
#quran-account-dialog .auth-form,#accountDialog #accountForm{display:grid;gap:14px;margin-top:16px;align-content:start}
#quran-account-dialog .auth-form>label,#accountDialog #accountForm>label{margin:0;line-height:1.6}
#quran-account-dialog .auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 0}
#quran-account-dialog .auth-actions>button{margin:0;min-height:44px;padding:9px 12px;font-size:13px}
#quran-account-dialog #reset-password{grid-column:1/-1;justify-self:start;border:0;background:transparent;color:var(--green);padding:4px 0;min-height:36px;text-decoration:underline;text-underline-offset:4px}
#quran-account-dialog .auth-form>p{margin:0;line-height:1.8}#quran-account-dialog .auth-form .sync-status:empty{display:none}
#quran-account-dialog h2{margin-bottom:10px}#quran-account-dialog .account-intro{margin-bottom:12px}
.journey-map+.resume{margin-top:28px}.resume>div>small{display:block;margin-bottom:10px;line-height:1.6}.resume h2{margin:0 0 10px}.resume p{margin:0}
.home-start .section-title{align-items:center;flex-wrap:wrap;gap:8px 18px}.home-start .section-title h2{margin:0}.home-start .section-title .eyebrow{line-height:1.7}
.home-start .card-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.home-start .card-heading .symbol{margin:0;font-size:25px;line-height:1}.home-start .card-heading h3{margin:0;line-height:1.6}
body.dark .heart-scroll{background:#1d2d25;border-color:#46584c;box-shadow:none}body.dark .journey-tile{background:#293d31;border-color:#4c6252;color:#edf2e9}body.dark .journey-tile.progress{background:#415f48;border-color:#89aa81;color:#f0f5eb}body.dark .journey-tile.review{background:#594c32;border-color:#b49b65;color:#f4e7c8}body.dark .journey-tile.complete{background:#a8c4a2;border-color:#bfd6b9;color:#173126}body.dark .journey-tile .journey-tile-state{background:#1e3628;color:#e9f2e2}body.dark .journey-key-progress::before{background:#415f48!important;border-color:#89aa81!important}body.dark .journey-key-review::before{background:#594c32!important;border-color:#b49b65!important}
body.dark .resume{background:#2d4d3e;color:#edf2e9}body.dark .resume button{background:#a8c4a2;color:#173126;border-color:#a8c4a2}body.dark .resume button:hover{background:#bdd3b5;color:#173126}
@media(max-width:700px){.home-start .section-title{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.journey-map+.resume{margin-top:24px}}

/* Shared compact toolbar; stays available while studying. */
body:has(#quranSidebar) .workspace>header,.topbar{position:sticky;top:0;z-index:10;height:68px;min-height:68px;background:var(--bg)}
@media(max-width:900px){body:has(#quranSidebar) .workspace>header,.topbar{height:auto;min-height:60px;padding-block:10px}}
@media print{body:has(#quranSidebar) .workspace>header,.topbar{display:none}}