/* Second design review: compact navigation, quiet depth, and readable chapters. */
header{--header-offset:104px}
main{--reading-offset:124px}
:is(.presence-feature,.guide-reading,#prayer-stage){scroll-margin-top:var(--reading-offset)}
.learning-path-art{width:100%;max-width:430px;margin:18px 0 22px;color:var(--accent)}
.learning-path-art svg{display:block;width:100%;height:auto}
.home-path-grid>a{padding-right:32px;background:linear-gradient(125deg,var(--white) 55%,var(--soft));border-radius:20px}
.home-path-grid>a h3{padding-right:75px}
.home-path-grid>a>p{max-width:44ch}
.home-path-grid .visual-tile{background:var(--white)}
.home-path-grid>a>strong{display:flex;align-items:center;padding-top:18px;border-top:1px solid var(--line)}
:is(.home-path-grid>a,.home-phase,.home-school-grid>a,.guide-chapters>a,.library-card,.mini-card){transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
@media(hover:hover) and (pointer:fine){:is(.home-path-grid>a,.home-phase,.home-school-grid>a,.guide-chapters>a,.mini-card):hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 28px #00000009}.btn:not(:disabled):hover{box-shadow:0 4px 12px #00000012}}
.presence-chapter-picker{display:none}
.presence-feature{border-top:3px solid var(--accent);box-shadow:0 8px 30px #00000004}
.presence-feature-count{font-variant-numeric:tabular-nums}
.heart-reading p{font-size:17px;line-height:1.9}
.presence-feature-actions{gap:10px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line)}
.presence-feature-actions .btn{min-height:48px}
.presence-list{max-height:calc(100dvh - 145px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain}
.presence-list button{transition:background .16s ease}
.library-controls{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.library-controls input{border-color:var(--muted);min-height:48px}
.library-controls select{min-height:48px;background-color:var(--white)}
.guide-reading h2,.heart-reading h2{text-wrap:balance}
.guide-prose p,.heart-reading p{text-wrap:pretty}
.guide-tree{top:124px;max-height:calc(100dvh - 145px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
@media(min-width:761px) and (max-width:1200px){header{height:auto;min-height:104px;padding-top:12px;padding-bottom:12px;row-gap:10px}main{--reading-offset:178px}.guide-tree{top:178px;max-height:calc(100dvh - 195px)}.presence-list{top:178px;max-height:calc(100dvh - 195px)}}
@media(max-width:760px){
 header{display:grid;grid-template-columns:auto 1fr;gap:9px 10px;padding:12px 5% 10px;min-height:0;height:auto}
 header>.approved-brand{grid-column:1;grid-row:1;margin:0;padding:0}
 header>.approved-brand img{height:42px}
 header>.header-actions{grid-column:2;grid-row:1;width:auto;margin:0;justify-content:flex-end}
 .theme-picker{width:auto;justify-content:flex-end}.theme-label{display:none}
 .theme-options{padding:2px;gap:0}.theme-options label{padding:6px 7px;gap:4px;font-size:11px;min-height:44px}.theme-options .swatch{width:9px;height:9px}
 header>nav{grid-column:1/-1;grid-row:2;margin:0}
 main{--reading-offset:148px}
 .learn-submenu{right:-78px}
 .home-path-grid>a{padding:25px}.home-path-grid>a h3{padding-right:54px}.home-path-grid .visual-tile{right:22px;top:24px}
 .learning-path-art{margin:12px 0 20px}
 .presence-chapter-picker{display:flex;flex-direction:column;gap:9px;padding:16px;margin:20px 0 14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--ink)}
 .presence-chapter-picker>span{font-size:13px;font-weight:650;color:var(--accent)}
 .presence-chapter-picker select{width:100%;min-width:0;min-height:48px;padding:12px 38px 12px 14px;font-size:14px;border:1px solid var(--muted);border-radius:8px;background-color:var(--white)}
 .presence-content>.presence-list{display:none}
 .presence-feature{scroll-margin-top:148px;padding:24px 22px}
 .presence-feature-actions .btn{flex:1 1 140px}
 .heart-reading p{font-size:16px;line-height:1.85}
 .library-controls{padding:12px}.library-controls input{min-width:100%;width:100%}.library-controls select{width:100%}
 .library-card{min-height:0}.library-card .visual-tile{margin-bottom:18px}
 .guide-tree{max-height:none;overflow:visible}
}
@media(max-width:359px){header{column-gap:6px;padding-left:4%;padding-right:4%}header>.approved-brand img{height:36px}.theme-options label{padding-left:5px;padding-right:5px;font-size:10px}.theme-options .swatch{width:8px;height:8px}}
@media(prefers-reduced-motion:reduce){:is(.home-path-grid>a,.home-phase,.home-school-grid>a,.guide-chapters>a,.library-card,.mini-card,.presence-list button){transition:none;transform:none!important}}
@media(min-width:761px){.guide-sidebar{top:124px}.guide-tree{max-height:calc(100dvh - 265px)}}
@media(min-width:761px) and (max-width:1200px){.guide-sidebar{top:178px}.guide-tree{max-height:calc(100dvh - 320px)}}
/* v0.25: crafted graphic scenes and aligned practice controls. */
.learning-path-art{max-width:none;margin:27px 0 26px;padding:18px 0 0;border-top:1px solid var(--line)}
.journey-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;gap:16px}
.journey-track:before{content:'';position:absolute;left:16%;right:16%;top:37px;height:1px;background:linear-gradient(90deg,var(--accent),var(--line),var(--accent));opacity:.65}
.journey-stop{position:relative;display:flex;align-items:center;flex-direction:column;gap:14px;font-size:13px;color:var(--ink)}
.journey-medallion{position:relative;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:var(--white);border:1px solid var(--line);box-shadow:0 0 0 7px color-mix(in srgb,var(--soft) 80%,transparent),inset 0 0 0 6px var(--paper);color:var(--accent)}
.journey-medallion>.visual-icon{width:30px;height:30px}.journey-medallion i{position:absolute;right:-3px;bottom:-3px;border:3px solid var(--white);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;background:var(--action);color:var(--on-action);font-size:9px;font-style:normal;letter-spacing:.02em}
.home-phase{position:relative;overflow:hidden;background:var(--white)!important;display:flex;flex-direction:column;padding:26px 28px;border-radius:20px}
.phase-artwork{height:160px;width:calc(100% + 56px);margin:-26px -28px 28px;background:linear-gradient(140deg,var(--soft),var(--white));position:relative;color:var(--accent);border-bottom:1px solid var(--line)}
.phase-artwork svg{display:block;width:100%;height:100%;max-width:400px;margin:auto;overflow:hidden}
.phase-arch{stroke:currentColor;stroke-width:.8;opacity:.23}.phase-ground{stroke:currentColor;stroke-width:.8;opacity:.15}.phase-main{stroke:currentColor;stroke-width:1.8;fill:color-mix(in srgb,var(--accent) 7%,transparent);stroke-linejoin:round}.phase-detail{stroke:currentColor;stroke-width:1.2;stroke-linecap:round}.phase-dot{fill:currentColor;opacity:.45}
.home-phase h3{font-size:26px}.home-phase strong{margin-top:auto;padding-top:22px;border-top:1px solid var(--line);color:var(--accent);font-size:14px}.home-phase>p{margin-bottom:28px}.home-phase .eyebrow{font-size:11px}
.day-cycle{padding:20px 20px 15px;background:linear-gradient(160deg,var(--white),var(--soft));border-radius:20px;overflow:hidden}
.cycle-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--accent);font-size:9px;letter-spacing:.12em;font-weight:700;margin-bottom:15px}.cycle-eyebrow>span:last-child{font-size:19px}
.cycle-line{stroke-width:2;stroke-dasharray:none;opacity:.8}.cycle-night{stroke:var(--accent);stroke-width:2;stroke-dasharray:3 5;fill:none}.cycle-zenith{stroke:var(--accent);stroke-width:1;opacity:.35}.cycle-marker{stroke-width:3}.cycle-label{font-size:13px;font-weight:600}.cycle-note{font-size:7px;letter-spacing:.1em;fill:var(--muted);text-anchor:start}.day-cycle figcaption{font-size:9px;letter-spacing:.12em;margin-top:5px}.day-cycle figcaption span{padding:0 5px;color:var(--accent)}
.presence-art{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at center,#17615b,#073639 74%);min-height:500px;display:flex;justify-content:center;align-items:center}
.presence-geometry{position:absolute;width:110%;max-width:690px;height:100%;max-height:580px;top:-25px;left:50%;transform:translateX(-50%);color:#e7c783}
.presence-fine{stroke:#b4d2c4;stroke-width:.65;fill:none;opacity:.32}.presence-petals{stroke:#e7c783;stroke-width:1;fill:#e7c783;fill-opacity:.018;opacity:.8}.presence-beads{fill:#e7c783;opacity:.7}.presence-center{fill:#e7c783}
.presence-art-word{position:absolute!important;bottom:62px;left:0;right:0;text-align:center;font-family:'Noto Naskh Arabic',serif;font-size:38px;z-index:2;color:#fff}
.presence-art-caption{position:absolute!important;bottom:30px;left:12px;right:12px;text-align:center;color:#d3e5db;font-size:9px;letter-spacing:.22em;z-index:2}
.presence-tabs button:last-child{grid-column:auto}
.presence-hero h1{font-size:clamp(46px,5.2vw,76px);line-height:1.04}.presence-hero h1 em{display:inline-block;text-wrap:balance}
.movement-navigator{scroll-margin-top:124px}
.practice-toolbar{grid-template-columns:230px minmax(0,1fr) 46px auto;align-items:end}
.practice-toolbar .prayer-choice{width:230px}.practice-toolbar .prayer-select select{min-height:46px;padding-right:35px;font-size:14px}
.practice-toolbar .prayer-select-cue{font-size:0;right:14px;gap:0}
.practice-toolbar .unit-tabs{justify-content:center;min-height:46px;gap:3px}
.practice-toolbar .unit-tabs button{min-height:46px;padding:7px 9px;font-size:12px}.practice-toolbar .progress-ring{width:46px;height:46px}
.workspace-top{gap:20px;align-items:center}.workspace-top h2{margin:0}
.school-choice{display:grid!important;grid-template-columns:auto 138px;gap:12px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:5px 6px 5px 12px;margin:0;flex-shrink:0}
.school-choice>span:first-child{font-size:12px;font-weight:600;color:var(--accent)}.school-select-wrap{position:relative;display:block}
.school-select-wrap select{appearance:none;width:138px;min-height:44px;padding:10px 32px 10px 13px;background:var(--white);border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}
.school-select-wrap>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:18px;color:var(--accent)}
@media(min-width:761px) and (max-width:1100px){.practice-toolbar{grid-template-columns:230px minmax(0,1fr);gap:10px}.practice-toolbar .unit-tabs{grid-column:2;grid-row:1;justify-content:flex-end;flex-wrap:wrap}.practice-toolbar .progress-ring{grid-column:1;grid-row:2}.practice-toolbar .studio-primary{grid-column:2;grid-row:2;justify-self:end}.movement-navigator{scroll-margin-top:178px}.workspace-top{flex-wrap:wrap}.school-choice{margin-left:auto}}
@media(max-width:760px){
 .journey-medallion{width:62px;height:62px;box-shadow:0 0 0 5px var(--soft),inset 0 0 0 5px var(--paper)}.journey-medallion>.visual-icon{width:26px;height:26px}.journey-track:before{top:31px}.journey-stop{font-size:12px;gap:12px}.journey-track{gap:8px}.learning-path-art{margin-top:24px}
 .phase-artwork{height:160px}.home-phase{padding:26px 28px}.home-phase h3{font-size:26px;clear:none}
 .presence-art{min-height:360px}.presence-geometry{max-height:380px;top:-24px;width:112%}.presence-art-word{bottom:53px;font-size:30px}.presence-art-caption{bottom:25px;font-size:8px;letter-spacing:.13em}
 .presence-hero h1{font-size:clamp(40px,10.5vw,60px);letter-spacing:-.04em}
 .presence-tabs button:last-child{grid-column:auto;justify-content:flex-start}
 .practice-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.practice-toolbar .prayer-choice{width:100%}.practice-toolbar .unit-tabs{justify-content:flex-start}.practice-toolbar .unit-tabs button{min-height:40px;padding:4px 7px}.practice-toolbar .progress-ring{width:42px;height:42px}
 .workspace-top{flex-wrap:wrap;align-items:center;gap:16px}.school-choice{margin-left:auto;grid-template-columns:auto 128px;padding-left:10px;gap:10px}.school-select-wrap select{width:128px}
 .movement-navigator{scroll-margin-top:148px}
 .day-cycle{padding:16px 14px}.cycle-eyebrow{font-size:9px}
}
.cycle-label{font-size:16px}.cycle-note{font-size:9px}.day-cycle figcaption{font-size:10px}
body[data-page=times] .visual-page-head{grid-template-columns:minmax(0,1fr) 400px}
@media(max-width:1000px){body[data-page=times] .visual-page-head{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:760px){body[data-page=times] .visual-page-head{grid-template-columns:1fr}.visual-page-head>.day-cycle{padding:16px 14px}}