/* Three independent visual directions over the same reader and content. */
html[data-theme=edition]{--paper:#fffefa;--ink:#191919;--muted:#67645f;--green:#b13224;--line:#d9d5cc;--wash:#f3eee5;--verse:23px}
[data-theme=edition] .site-header{border-top:7px solid var(--green);border-bottom:2px solid var(--ink);height:112px}
[data-theme=edition] .wordmark{font:bold 34px/1 'Arial Black','Segoe UI',sans-serif;letter-spacing:-2px;color:var(--ink)}
[data-theme=edition] .wordmark::after{content:'.';color:var(--green)}
[data-theme=edition] .wordmark span{letter-spacing:3px;font-size:9px;margin-top:10px}
[data-theme=edition] .layout{max-width:1260px;grid-template-columns:160px minmax(0,760px);gap:65px;padding-top:38px}
[data-theme=edition] .rail{border-left:2px solid var(--green);padding:20px 0 0 20px;margin-top:135px}
[data-theme=edition] .rail-quote{font:14px/1.6 'Segoe UI',sans-serif;color:var(--muted)}
[data-theme=edition] h1{font:800 clamp(40px,4.6vw,72px)/1.02 'Segoe UI',sans-serif;letter-spacing:-2.5px;max-width:760px;margin:18px 0 20px}
[data-theme=edition] .author{font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:2px}
[data-theme=edition] .date{font-family:Consolas,monospace}
[data-theme=edition] .relationship-strip,[data-theme=edition] .relation{background:none;border-radius:0;border-left:3px solid var(--green);padding:8px 16px}
[data-theme=edition] .actions{border-top:1px solid var(--line);padding-top:16px}
[data-theme=edition] h2,[data-theme=edition] .related-section>summary{font-family:'Segoe UI',sans-serif;font-weight:650;letter-spacing:-.7px}
[data-theme=edition] .annotation{border-top:3px solid var(--ink)}
[data-theme=edition] .annotation .eyebrow{color:var(--green);font-weight:700}
[data-theme=edition] .end-mark{color:var(--green);font-size:28px}
[data-theme=edition] footer{border-top:2px solid var(--ink);font-family:'Arial Black','Segoe UI',sans-serif;font-weight:bold;color:var(--ink)}

html[data-theme=atlas]{--paper:#f3f6fb;--ink:#172c50;--muted:#586d89;--green:#244ec0;--line:#c9d5e6;--wash:#e5edf9;--verse:23px}
[data-theme=atlas] .site-header{height:124px;position:relative;justify-content:center;border:0;margin:0 5vw;border-bottom:1px solid var(--line)}
[data-theme=atlas] .wordmark{font:42px/1 Georgia,serif;letter-spacing:-2px;color:var(--ink);text-align:center}
[data-theme=atlas] .wordmark span{font-size:9px;letter-spacing:3px;margin-top:10px}
[data-theme=atlas] .site-header nav{position:absolute;left:0;gap:14px;font-size:12px}
[data-theme=atlas] .search{position:absolute;right:0}
[data-theme=atlas] .search span{display:none}
[data-theme=atlas] .layout{display:block;max-width:760px;padding:40px 40px 0}
[data-theme=atlas] .rail{display:none}
[data-theme=atlas] .breadcrumb{text-align:center;margin-bottom:35px}
[data-theme=atlas] .poem-heading{text-align:center}
[data-theme=atlas] .author{font-variant:small-caps;font:18px Georgia,serif}
[data-theme=atlas] h1{font:normal 52px/1.1 Georgia,serif;letter-spacing:-1.8px;max-width:600px;margin:15px auto 20px}
[data-theme=atlas] .relationship-strip,[data-theme=atlas] .relation{background:none;border:1px solid var(--line);border-radius:0;text-align:center;margin-top:25px}
[data-theme=atlas] .relationship-strip>div{justify-content:center}
[data-theme=atlas] .actions{justify-content:center;border-bottom:0;margin-bottom:28px;gap:24px}
[data-theme=atlas] .actions button:last-child{margin-left:0}
[data-theme=atlas] .verse{width:fit-content;max-width:100%;margin:0 auto;font-family:'Palatino Linotype','Book Antiqua',Georgia,serif;line-height:1.7}
[data-theme=atlas] .end-mark{text-align:center;color:var(--green);margin:24px 0 34px}
[data-theme=atlas] .annotation{padding:28px 32px;background:var(--wash);border:0;border-radius:0}
[data-theme=atlas] .annotation .eyebrow{text-align:center}
[data-theme=atlas] .annotation h2{text-align:center}
[data-theme=atlas] .related-section{margin-top:32px}
[data-theme=atlas] footer{text-align:center;font-size:28px}
[data-theme=atlas] body.panel-wide .layout{margin-left:auto;margin-right:440px;max-width:none;padding-left:40px;padding-right:40px}

html[data-theme=night]{--paper:#181724;--ink:#eeedf4;--muted:#aaa7bf;--green:#d5ed99;--line:#3e3b51;--wash:#252338;--verse:22px;color-scheme:dark}
[data-theme=night] .site-header{height:94px;border-bottom:1px solid var(--line);padding:0 5vw}
[data-theme=night] .wordmark{font:600 27px/1.1 'Segoe UI',sans-serif;letter-spacing:-1.2px;color:var(--ink)}
[data-theme=night] .wordmark::before{content:'◒';color:var(--green);font-size:33px;margin-right:10px;vertical-align:-2px}
[data-theme=night] .wordmark span{padding-left:40px;font-size:8px;letter-spacing:2px}
[data-theme=night] .layout{max-width:1180px;grid-template-columns:140px minmax(0,720px);gap:75px;padding-top:45px}
[data-theme=night] .rail{padding-top:130px}
[data-theme=night] .rail-label{color:var(--green)}
[data-theme=night] .rail-quote{color:var(--muted)}
[data-theme=night] h1{font:300 56px/1.1 'Segoe UI',sans-serif;letter-spacing:-1.8px;margin:15px 0 20px}
[data-theme=night] .author{color:var(--green);font-size:13px}
[data-theme=night] .relationship-strip,[data-theme=night] .relation{border:1px solid var(--line);border-radius:12px;background:var(--wash)}
[data-theme=night] .actions{border-bottom:0;gap:12px;flex-wrap:wrap}
[data-theme=night] .actions button{border:1px solid var(--line);border-radius:30px;padding:8px 14px;color:var(--ink)}
[data-theme=night] .verse{border-left:1px solid #66617f;padding-left:30px;font-family:Georgia,serif}
[data-theme=night] .annotation{border-top:0;padding:25px 28px;background:var(--wash);border-radius:14px}
[data-theme=night] h2,[data-theme=night] .related-section>summary{font-family:'Segoe UI',sans-serif;font-weight:350}
[data-theme=night] .eyebrow{color:var(--green)}
[data-theme=night] .explore-row{padding:18px;margin-bottom:8px;border:1px solid var(--line);border-radius:12px;background:var(--wash)}
[data-theme=night] .end-mark{color:var(--green)}
[data-theme=night] dialog{box-shadow:-20px 0 80px #0006}
[data-theme=night] dialog::backdrop{background:#05040f80}
[data-theme=night] .panel-header{border-bottom-color:var(--line)}
[data-theme=night] footer{font-family:'Segoe UI',sans-serif;font-weight:300}

@media(max-width:1000px){
 [data-theme=edition] .layout,[data-theme=night] .layout{display:block;max-width:800px;padding:32px 36px 0}
 [data-theme=atlas] .site-header nav{display:none}
}
@media(max-width:600px){
 html[data-theme]{--verse:19px}
 [data-theme] .site-header{padding:0 22px;height:82px}
 [data-theme] .layout{padding:24px 22px 0}
 [data-theme=edition] .wordmark{font-size:28px}
 [data-theme=edition] .wordmark span{font-size:8px;letter-spacing:2px}
 [data-theme=edition] h1{font-size:42px;letter-spacing:-1.8px}
 [data-theme=atlas] .site-header{height:96px;margin:0 22px;padding:0}
 [data-theme=atlas] .wordmark{font-size:35px}
 [data-theme=atlas] .search{right:0}
 [data-theme=atlas] h1{font-size:38px;letter-spacing:-1px}
 [data-theme=atlas] .author{font-size:17px}
 [data-theme=atlas] .actions{gap:18px}
 [data-theme=atlas] .annotation{padding:24px 20px}
 [data-theme=night] h1{font-size:40px;letter-spacing:-1px}
 [data-theme=night] .wordmark{font-size:25px}
 [data-theme=night] .verse{padding-left:16px}
 [data-theme=night] .actions{gap:8px}
 [data-theme=night] .actions button{padding:7px 10px;font-size:12px}
 [data-theme=night] .annotation{padding:22px 20px}
}

html[data-theme=night][data-reading-white=true]{--ink:#292638;--muted:#625d78;--green:#4d427d;--line:#d5d0e0;--wash:#f2eff8;color-scheme:light}

/* Refinements: journal palette and font families, original reader borders. */
html[data-theme=quiet],html[data-theme=margin]{--paper:#fffefa;--ink:#191919;--muted:#67645f;--green:#b13224;--line:#dedbd3;--wash:#f5f0e9;--verse:23px}
:is([data-theme=quiet],[data-theme=margin]) .wordmark{font:600 30px/1.1 'Segoe UI',sans-serif;letter-spacing:-1.3px;color:var(--ink)}
:is([data-theme=quiet],[data-theme=margin]) .wordmark::after{content:'.';color:var(--green)}
:is([data-theme=quiet],[data-theme=margin]) .wordmark span{font-size:9px;letter-spacing:2px;margin-top:7px}
:is([data-theme=quiet],[data-theme=margin]) .site-header{height:90px;border-bottom:1px solid var(--line)}
:is([data-theme=quiet],[data-theme=margin]) h1{font:500 48px/1.14 'Segoe UI',sans-serif;letter-spacing:-1.3px;margin:14px 0 18px}
:is([data-theme=quiet],[data-theme=margin]) .author{font-size:13px;letter-spacing:.2px}
:is([data-theme=quiet],[data-theme=margin]) h2,:is([data-theme=quiet],[data-theme=margin]) .related-section>summary{font-family:'Segoe UI',sans-serif;font-weight:500;letter-spacing:-.4px}
:is([data-theme=quiet],[data-theme=margin]) .relationship-strip{background:var(--wash);border:0;border-radius:4px}
:is([data-theme=quiet],[data-theme=margin]) .annotation{border-top:1px solid var(--line);background:transparent}
:is([data-theme=quiet],[data-theme=margin]) .actions{border-bottom:1px solid var(--line)}
:is([data-theme=quiet],[data-theme=margin]) .rail-quote{color:var(--muted)}
:is([data-theme=quiet],[data-theme=margin]) .end-mark{color:var(--green)}
:is([data-theme=quiet],[data-theme=margin]) footer{font:500 24px 'Segoe UI',sans-serif;color:var(--ink);border-top:1px solid var(--line)}
[data-theme=margin] .layout{max-width:1080px;grid-template-columns:150px minmax(0,610px);gap:65px}
[data-theme=margin] h1{font-weight:400;font-size:43px;line-height:1.2;letter-spacing:-.8px}
[data-theme=margin] .poem-heading{position:relative}
[data-theme=margin] .poem-heading::before{content:'';position:absolute;width:18px;height:2px;left:-34px;top:12px;background:var(--green)}
[data-theme=margin] .breadcrumb{margin-bottom:24px}
[data-theme=margin] .verse{line-height:1.75}
[data-theme=margin] .relationship-strip{padding:12px 0;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}
[data-theme=margin] .actions{margin-top:14px;gap:20px}
[data-theme=margin] h2,[data-theme=margin] .related-section>summary{font-weight:400}
@media(max-width:1000px){[data-theme=margin] .layout{display:block;max-width:690px;padding:32px 40px 0}}
@media(max-width:600px){
 html[data-theme=quiet],html[data-theme=margin]{--verse:19px}
 :is([data-theme=quiet],[data-theme=margin]) .site-header{height:77px}
 :is([data-theme=quiet],[data-theme=margin]) .wordmark{font-size:27px}
 [data-theme=quiet] h1{font-size:36px;letter-spacing:-.8px}
 [data-theme=margin] h1{font-size:34px;letter-spacing:-.6px}
 [data-theme=margin] .layout{padding:24px 22px 0}
 [data-theme=margin] .poem-heading::before{left:-13px;width:6px}
}

/* Neutral scrim and panel shadow for the selected light direction. */
:is([data-theme=quiet],[data-theme=margin],[data-theme=edition]) dialog::backdrop{background:rgba(25,25,25,.24)}
:is([data-theme=quiet],[data-theme=margin],[data-theme=edition]) dialog{box-shadow:-20px 0 80px rgba(25,25,25,.12)}