:root{color-scheme:light dark;--bg:light-dark(#f4f1e9,#0e100f);--paper:light-dark(#fffdf8,#151816);--ink:light-dark(#22251f,#eeefe8);--muted:light-dark(#62685f,#a4aaa1);--line:light-dark(#d4d0c7,#343a35);--soft:light-dark(#ebe7de,#1c211d);--accent:light-dark(#425f52,#8eb19f);--signal:light-dark(#315b69,#83b8c8);--response:light-dark(#8a563f,#d4a087);--theology:light-dark(#675384,#b5a4d7)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topin{max-width:1320px;margin:auto;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{font-family:Georgia,serif;font-size:1.08rem;white-space:nowrap}.brand small{font:700 .64rem ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-left:8px}.tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}button,input{font:inherit}.pill,.tab,.bookbtn,.tocbtn,.qbtn,.chip,.linkbtn,.searchbtn{appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;cursor:pointer;min-height:38px;padding:7px 11px}.tab[aria-pressed=true],.pill[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.main{max-width:1320px;margin:auto;padding:0 18px 60px}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:34px;padding:44px 0 30px;border-bottom:1px solid var(--line);align-items:end}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:800;color:var(--muted)}.hero h1{font:500 clamp(2.5rem,7vw,5.2rem)/.94 Georgia,serif;letter-spacing:-.045em;margin:8px 0 16px}.hero p{max-width:780px;color:var(--muted);line-height:1.7;margin:0}.rule{border-left:2px solid var(--accent);padding-left:18px;font:1.1rem/1.5 Georgia,serif}.entry{padding:26px 0;border-bottom:1px solid var(--line)}.entry h2{font:500 1.6rem Georgia,serif;margin:5px 0}.entry p{color:var(--muted);line-height:1.55}.entrygrid{display:grid;grid-template-columns:220px 1fr;gap:16px;margin-top:18px}.cats{display:grid;gap:6px;align-content:start}.qbtn,.tocbtn,.bookbtn{text-align:left;border-radius:11px}.cats .qbtn.active,.tocbtn.active,.bookbtn.active{background:var(--ink);color:var(--bg)}.questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.questions .qbtn{min-height:74px;line-height:1.35}.questions small{display:block;color:var(--muted);margin-top:6px;text-transform:uppercase;letter-spacing:.08em;font-size:.67rem}.threadgrid{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.threadgrid .chip{border-radius:10px}.searchbox{display:flex;gap:8px;margin:15px 0}.searchbox input{flex:1;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:8px 12px}.searchresults{display:grid;gap:8px;max-height:420px;overflow:auto}.result{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:11px;cursor:pointer}.result strong{display:block;font-size:.82rem}.result p{margin:4px 0 0;font: .9rem/1.45 Georgia,serif;color:var(--muted)}
.reader{display:grid;grid-template-columns:220px minmax(0,1fr) 330px;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;height:min(82vh,900px);min-height:660px;margin-top:28px}.reader.linear{grid-template-columns:220px minmax(0,1fr)}.reader.linear .margin{display:none}.rail{background:var(--soft);border-right:1px solid var(--line);overflow:auto;padding:16px 12px}.rail h3,.margin h3{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:4px 6px 10px}.bookbtn{display:block;width:100%;margin-bottom:5px}.bookbtn small{display:block;color:var(--muted);margin-top:2px}.toc{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;display:grid;gap:4px}.tocbtn{width:100%;font-size:.76rem;padding:6px 8px;min-height:34px}.reading{overflow-y:auto;padding:26px 42px 70px;scrollbar-gutter:stable}.readhead{position:sticky;top:-26px;z-index:10;margin:-26px -42px 24px;padding:18px 42px 12px;background:color-mix(in srgb,var(--paper) 95%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.readhead .crumb{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.readhead h2{font:500 1.35rem Georgia,serif;margin:0}.section{padding:18px 0 34px}.section+.section{border-top:1px solid var(--line);padding-top:38px}.part{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:800;margin-bottom:7px}.section h3{font:500 1.72rem Georgia,serif;margin:0 0 25px}.para{position:relative;font:1.13rem/1.86 Georgia,serif;margin:0 0 1.35em;padding:2px 5px;border-radius:8px;scroll-margin-top:100px}
.para[data-richness="medium"]::before{content:"";position:absolute;left:1px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.48}
.para[data-richness="high"]::before{content:"";position:absolute;left:1px;top:.64em;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 8px 0 color-mix(in srgb,var(--accent) 78%,transparent),0 16px 0 color-mix(in srgb,var(--accent) 55%,transparent);opacity:.9}
.reader.linear .para::before{display:none}
.para.active{background:color-mix(in srgb,var(--accent) 11%,transparent);box-shadow:inset 3px 0 0 var(--accent);padding-left:12px}.reader.linear .para.active{background:none;box-shadow:none;padding-left:5px}.anchor{font: .62rem ui-sans-serif,system-ui;color:var(--muted);vertical-align:top;margin-right:6px;letter-spacing:.05em;opacity:.65}.reader.linear .anchor{display:none}.reader.linear .claim{pointer-events:none;text-decoration:none;background:none}.claim{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.18em;border-radius:2px}.claim:hover,.claim:focus{background:color-mix(in srgb,var(--accent) 11%,transparent);text-decoration-color:var(--accent);outline:none}.margin{background:var(--soft);border-left:1px solid var(--line);overflow:auto;padding:18px}.marginhead{position:sticky;top:-18px;z-index:5;margin:-18px -18px 12px;padding:16px 18px 10px;background:color-mix(in srgb,var(--soft) 95%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.marginhead span{display:block;color:var(--muted);font-size:.7rem;margin-top:3px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:9px}.card h4{font-size:.78rem;margin:0 0 6px}.card p{font-size:.83rem;line-height:1.48;color:var(--muted);margin:0}.card p.primary{color:var(--ink)}.trace-card h4{margin-bottom:4px}.card p.trace-intro{font-size:.62rem;line-height:1.45;font-weight:400;opacity:.78;max-width:29em;margin:0 0 11px}.cue{border-left:3px solid var(--accent)}.chiprow{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.chip{min-height:31px;padding:5px 8px;font-size:.72rem}.linkbtn{width:100%;border-radius:10px;text-align:left;margin-top:6px;font-size:.78rem;line-height:1.35}.routebar{display:none;background:var(--soft);border:1px solid var(--line);border-radius:13px;padding:10px 12px;margin:0 0 16px;font-size:.78rem}.routebar.open{display:flex;align-items:center;justify-content:space-between;gap:10px}.returnbar{display:none;position:sticky;bottom:12px;z-index:12;margin:16px auto 0;width:max-content;max-width:90%;background:var(--ink);color:var(--bg);border-radius:999px;padding:6px 9px;box-shadow:0 5px 20px #0003}.returnbar.open{display:flex;gap:8px;align-items:center}.returnbar button{border:0;background:transparent;color:inherit;cursor:pointer;font-weight:700}.hidden{display:none!important}.footer{padding:28px 0;color:var(--muted);font-size:.78rem;line-height:1.5}.status{font-size:.68rem;color:var(--muted)}
@media(max-width:980px){.reader{grid-template-columns:180px 1fr}.margin{position:fixed;left:0;right:0;bottom:0;z-index:50;max-height:62vh;border:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:0 -10px 30px #0004;transform:translateY(calc(100% - 54px));transition:transform .2s}.margin.open{transform:translateY(0)}.marginhead{cursor:pointer}.reader.linear{grid-template-columns:180px 1fr}.reader.linear .margin{display:none}.entrygrid{grid-template-columns:1fr}.cats{display:flex;overflow:auto}.cats .qbtn{white-space:nowrap}.hero{grid-template-columns:1fr}}
@media(max-width:700px){
.top{position:relative}.topin{align-items:center;flex-direction:row;padding:8px 10px;gap:8px}.brand{font-size:.92rem}.brand small{display:none}.tools{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tools::-webkit-scrollbar{display:none}.tab,.pill{white-space:nowrap;min-height:34px;padding:6px 9px;font-size:.74rem}.main{padding:0 10px 30px}.hero{display:block;padding:18px 0 16px}.hero h1{font-size:2.08rem;margin:8px 0 10px}.hero p{font-size:.9rem;line-height:1.5}.rule{display:none}.entry{padding:18px 0}.entry>p{display:none}.entry h2{font-size:1.3rem}.reader,.reader.linear{display:block;height:auto;min-height:0;border:0;border-radius:0;overflow:visible;margin-top:16px}.rail{display:none}.reading{overflow:visible;padding:14px 16px 88px}.readhead{position:sticky;top:0;margin:-14px -16px 14px;padding:10px 16px 9px}.readhead .crumb{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readhead h2{font-size:1.15rem}.section{padding:14px 0 26px}.section h3{font-size:1.46rem;margin-bottom:18px}.questions{grid-template-columns:1fr}.para{font-size:1.06rem;line-height:1.72;margin-bottom:1.16em;padding:2px 2px 2px 13px;border-radius:0}.para.active{background:none;box-shadow:none;padding-left:13px}.anchor{display:none}.margin{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:50;max-height:min(58vh,520px);border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;padding:14px 16px 18px;box-shadow:0 -10px 30px #0004;transform:translateY(calc(100% - 46px));transition:transform .2s}.margin.open{transform:translateY(0)}.marginhead{top:-14px;margin:-14px -16px 10px;padding:10px 16px 8px;cursor:pointer}.marginhead:before{content:"";display:block;width:34px;height:4px;border-radius:99px;background:var(--line);margin:0 auto 7px}.marginhead h3{font-size:.62rem;margin:0 6px 4px}.footer{display:none}.returnbar{bottom:52px}}


.viewbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:.72rem;color:var(--muted)}
.viewbar strong{color:var(--ink)}
.viewbar[data-filtered="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--soft))}
.viewbar[data-filtered="true"] strong{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}
.viewbar[data-filtered="false"] #showfull{display:none}
.routebar.open{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--soft))}
@media(max-width:700px){.viewbar{margin-top:7px;padding:6px 8px}.viewbar #viewdetail{display:none}.viewbar .chip{min-height:28px;padding:4px 7px}.routebar.open{position:sticky;top:71px;z-index:9;margin:0 -6px 12px;border-radius:9px}}

.booknav{display:flex;gap:5px;margin-top:9px;overflow-x:auto;scrollbar-width:none}.booknav::-webkit-scrollbar{display:none}.bookjump{appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;min-height:30px;padding:5px 9px;font-size:.69rem;white-space:nowrap;cursor:pointer}.bookjump[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
@media(max-width:700px){.booknav{margin-top:7px}.bookjump{min-height:28px;padding:4px 8px;font-size:.66rem}}

.argumentpanel>p{max-width:780px}
.argumentgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:14px;margin-top:18px;align-items:start}
.argumentmap,.argumentdetail{background:var(--paper);border:1px solid var(--line);border-radius:18px}
.argumentmap{padding:12px;min-width:0}.argumentcanvas{overflow:hidden}.argumentcanvas svg{display:block;width:100%;height:auto}
.argband{fill:var(--soft);opacity:.38}.argband.alt{opacity:.18}.argbandlabel{fill:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.argaxis{fill:var(--muted);font-size:9px;font-weight:750;letter-spacing:.08em}.argaxisline{stroke:var(--line);stroke-width:1;opacity:.8}.argedge{stroke:var(--line);stroke-width:1.4;opacity:.72;marker-end:url(#argarrow)}.argedge.active{stroke:var(--accent);stroke-width:2.4;opacity:1}
.argnode{cursor:pointer}.argnode circle{fill:var(--paper);stroke:var(--line);stroke-width:2;transition:stroke-width .15s,fill .15s}
.argnode[data-book="signal"] circle{stroke:var(--signal)}.argnode[data-book="response"] circle{stroke:var(--response)}.argnode[data-book="theology"] circle{stroke:var(--theology)}
.argnode.selected circle{stroke-width:5;fill:var(--soft)}.argnode text{fill:var(--ink);font-size:11px;font-weight:760;pointer-events:none}.argnode .argbook{fill:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.argnode:focus-visible{outline:none}.argnode:focus-visible circle{stroke-width:5}
.argumentlegend{display:flex;gap:13px;flex-wrap:wrap;padding:8px 4px 0;color:var(--muted);font-size:.72rem}.argumentlegend span{display:flex;align-items:center;gap:5px}.argumentlegend i{width:8px;height:8px;border-radius:50%;display:inline-block}.argumentlegend i.signal{background:var(--signal)}.argumentlegend i.response{background:var(--response)}.argumentlegend i.theology{background:var(--theology)}
.argumentnote{margin:9px 4px 2px!important;font-size:.76rem!important}
.argumentdetail{padding:20px;position:sticky;top:12px}.argumentdetail h3{font:500 1.65rem/1.06 Georgia,serif;margin:5px 0 13px}.argsimple{font:1.14rem/1.55 Georgia,serif;color:var(--ink);padding:14px 0;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.argwhy{font-size:.85rem;line-height:1.5;color:var(--muted);margin:13px 0 0}.argsource{margin-top:15px}.argsource .chip{min-height:38px}
@media(max-width:820px){.argumentgrid{grid-template-columns:1fr}.argumentcanvas{overflow-x:auto}.argumentcanvas svg{min-width:820px}.argumentdetail{position:static}.argumentpanel{padding-bottom:8px}}
@media(max-width:700px){.argumentmap{padding:6px}.argumentdetail{padding:16px}.argumentdetail h3{font-size:1.48rem}.argsimple{font-size:1.08rem}}

.chapterjump{display:flex;align-items:center;gap:7px;margin-top:8px}.chapterjump label{font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:800}.chapterjump select{min-width:0;max-width:100%;height:31px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:4px 8px;font:inherit;font-size:.72rem}.morefocus{margin-top:7px}
@media(max-width:700px){.chapterjump{margin-top:6px}.chapterjump select{height:29px;font-size:.68rem;flex:1}.chapterjump label{font-size:.61rem}}

.navsummon{display:none}
@media(max-width:700px){
  .navsummon{display:block;position:fixed;z-index:70;top:8px;right:10px;pointer-events:none}
  .navsummonbtn{appearance:none;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 95%,transparent);color:var(--ink);border-radius:999px;min-height:38px;padding:7px 11px;font:750 .76rem ui-sans-serif,system-ui;box-shadow:0 6px 20px #0003;backdrop-filter:blur(10px);cursor:pointer;opacity:0;transform:translateY(-8px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}
  .navsummon[data-visible=true] .navsummonbtn{opacity:1;transform:translateY(0);pointer-events:auto}
  .flynav{position:fixed;left:10px;right:10px;top:8px;padding:13px;background:color-mix(in srgb,var(--paper) 98%,transparent);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 38px #0004;backdrop-filter:blur(14px);opacity:0;transform:translateY(calc(-100% - 18px));transition:opacity .2s ease,transform .2s ease;pointer-events:none}
  .navsummon[data-open=true]{pointer-events:auto}
  .navsummon[data-open=true] .flynav{opacity:1;transform:translateY(0);pointer-events:auto}
  .navsummon[data-open=true] .navsummonbtn{opacity:0;pointer-events:none}
  .flynavhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
  .flynavhead strong{font:500 1.12rem Georgia,serif}
  .flyclose{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.76rem;cursor:pointer;padding:6px}
  .flytools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .flytab{appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:11px;min-height:42px;padding:8px 10px;text-align:left;font:inherit;font-size:.78rem;cursor:pointer}
  .flytab[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
}


/* v2.4 — e-reader appearance controls */
.reading{background:var(--reader-bg,var(--paper));color:var(--reader-text,var(--ink))}
.readhead{background:color-mix(in srgb,var(--reader-bg,var(--paper)) 95%,transparent)}
.readhead .crumb,.part{color:color-mix(in srgb,var(--reader-text,var(--ink)) 62%,var(--reader-bg,var(--paper)))}
.readhead h2,.section h3{font-family:var(--reader-font,Georgia,serif)}
.section{max-width:var(--reader-width,44em);margin-left:auto;margin-right:auto}
.para{font-family:var(--reader-font,Georgia,serif);font-size:var(--reader-size,1.13rem);line-height:var(--reader-line,1.86);color:var(--reader-text,var(--ink))}
.chapterjump select{background:var(--reader-bg,var(--paper));color:var(--reader-text,var(--ink))}
.readerprefs{display:block;position:fixed;z-index:68;left:18px;bottom:var(--prefs-bottom,18px);pointer-events:none;transition:bottom .2s ease}
.readerprefsbtn{appearance:none;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 95%,transparent);color:var(--ink);border-radius:999px;min-width:46px;min-height:42px;padding:7px 12px;font:700 .92rem Georgia,serif;box-shadow:0 6px 20px #0003;backdrop-filter:blur(10px);cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}
.readerprefs[data-visible=true] .readerprefsbtn{opacity:1;transform:translateY(0);pointer-events:auto}
.prefspanel{position:fixed;left:18px;bottom:var(--prefs-bottom,18px);width:min(440px,calc(100vw - 36px));max-height:min(78vh,680px);overflow:auto;padding:16px;background:color-mix(in srgb,var(--paper) 98%,transparent);border:1px solid var(--line);border-radius:16px;box-shadow:0 -14px 38px #0004;backdrop-filter:blur(14px);opacity:0;transform:translateY(calc(100% + 80px));transition:opacity .2s ease,transform .2s ease,bottom .2s ease,max-height .2s ease;pointer-events:none}
.readerprefs[data-open=true]{pointer-events:auto}
.readerprefs[data-open=true] .prefspanel{opacity:1;transform:translateY(0);pointer-events:auto}
.readerprefs[data-open=true] .readerprefsbtn{opacity:0;pointer-events:none}
.prefshead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.prefshead strong{font:500 1.1rem Georgia,serif}.prefsclose{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.76rem;padding:7px;cursor:pointer}
.presetrow{display:flex;gap:6px;overflow-x:auto;padding-bottom:7px;scrollbar-width:none}.presetrow::-webkit-scrollbar{display:none}.preset{appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;min-height:40px;padding:7px 10px;font-size:.74rem;white-space:nowrap;cursor:pointer}.preset[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.prefsgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.prefgroup{min-width:0}.prefgroup label,.preflabel{display:block;margin-bottom:5px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:750}.prefselect{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:7px 9px;font:inherit;font-size:16px}.prefrange{width:100%;accent-color:var(--accent)}.prefcolor{display:flex;align-items:center;gap:7px}.prefcolor input[type=color]{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:3px}.prefvalue{font-size:.72rem;color:var(--muted);margin-top:4px}.prefreset{grid-column:1/-1;appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;min-height:42px;padding:7px 10px;font-size:.76rem;cursor:pointer}
@media(max-width:700px){
  .readerprefs{left:10px;bottom:var(--prefs-bottom,56px)}
  .readerprefsbtn{min-width:44px;min-height:40px;padding:7px 11px;font-size:.9rem}
  .prefspanel{left:10px;right:10px;width:auto;bottom:var(--prefs-bottom,56px);max-height:min(72vh,calc(100dvh - var(--prefs-bottom,56px) - 18px),620px);padding:14px}
  .para{font-size:var(--reader-size,1.06rem);line-height:var(--reader-line,1.72)}
}


/* First-encounter orientation */
body.orientation-open{overflow:hidden}
.orientation[hidden]{display:none!important}
.orientation{position:fixed;inset:0;z-index:200;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.orientation-shell{min-height:100%;display:grid;grid-template-columns:minmax(140px,.34fr) minmax(0,1fr);gap:clamp(28px,6vw,90px);max-width:1240px;margin:0 auto;padding:clamp(28px,6vw,84px) clamp(22px,6vw,84px)}
.orientation-mark{align-self:start;position:sticky;top:clamp(28px,6vw,84px);font:700 .72rem/1.3 ui-sans-serif,system-ui;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);justify-self:start}
.orientation-content{max-width:760px;align-self:center;padding:clamp(8px,2vw,24px) 0}
.orientation-content>.kicker{margin-bottom:12px}
.orientation h1{font:500 clamp(2.1rem,5vw,4.8rem)/.98 Georgia,serif;letter-spacing:-.035em;max-width:12ch;margin:0 0 clamp(28px,4vw,48px)}
.orientation-copy{font:400 clamp(1.02rem,1.5vw,1.18rem)/1.68 Georgia,serif;max-width:66ch}
.orientation-copy p{margin:0 0 1.05em}
.orientation-copy p:first-child{font-style:italic;font-size:1.08em}
.orientation-close-thought{margin-top:1.6em!important;font-weight:600;max-width:54ch}
.orientation-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:clamp(30px,5vw,52px);padding-bottom:18px}
.orientation-actions button{appearance:none;min-height:46px;border-radius:999px;padding:10px 17px;font:750 .83rem/1 ui-sans-serif,system-ui;cursor:pointer}
.orientation-primary{border:1px solid var(--ink);background:var(--ink);color:var(--bg)}
.orientation-secondary{border:1px solid var(--line);background:transparent;color:var(--ink)}
.orientation-primary:focus-visible,.orientation-secondary:focus-visible,.aboutreader:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:700px){
 .orientation-shell{display:block;padding:24px 20px max(28px,env(safe-area-inset-bottom))}
 .orientation-mark{position:static;writing-mode:horizontal-tb;transform:none;margin-bottom:48px}
 .orientation-content{padding:0;max-width:none}
 .orientation h1{font-size:clamp(2rem,11vw,3.3rem);max-width:10.5ch;margin-bottom:28px}
 .orientation-copy{font-size:1rem;line-height:1.62}
 .orientation-actions{position:sticky;bottom:0;margin-left:-20px;margin-right:-20px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--paper) 78%,color-mix(in srgb,var(--paper) 0%,transparent));}
 .orientation-actions button{flex:1 1 100%;width:100%}
}


/* v3.8 hardening: keyboard, contrast, and motion */
.skiplink{position:fixed;left:12px;top:10px;z-index:1000;transform:translateY(-180%);background:var(--ink);color:var(--bg);padding:9px 12px;border-radius:8px;font-weight:800;text-decoration:none}.skiplink:focus{transform:translateY(0);outline:3px solid var(--accent);outline-offset:3px}
.result{display:block;width:100%;text-align:left;font:inherit;color:inherit}
.result:focus-visible,.claim:focus-visible,.marginhead:focus-visible,.linkbtn:focus-visible,.chip:focus-visible,.flytab:focus-visible,.preset:focus-visible,.readerprefsbtn:focus-visible,.prefsclose:focus-visible,.prefreset:focus-visible,.prefselect:focus-visible,.prefrange:focus-visible,.prefcolor input:focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px!important}
.claim:focus-visible{text-decoration-color:var(--accent)}
.prefscontraststatus{min-height:1.2em;margin:4px 0 0;color:var(--muted);font-size:.74rem;line-height:1.4}
.citationtype{display:inline-block;margin:0 0 5px!important;padding:2px 6px;border:1px solid var(--line);border-radius:999px;font-size:.65rem!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}

/* v3.9 — question-bounded filtered paths and visible claim affordance */
.claim{background:color-mix(in srgb,var(--accent) 6%,transparent);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--accent) 52%,transparent);text-underline-offset:.19em}
.claim:hover,.claim:focus{background:color-mix(in srgb,var(--accent) 13%,transparent);text-decoration-color:var(--accent)}
.reader.linear .claim{pointer-events:none;text-decoration:none;background:none}
.route-section{max-width:var(--reader-width,44em);margin-left:auto;margin-right:auto;padding-top:22px;padding-bottom:28px}
.route-section+.route-section{border-top:1px solid var(--line);padding-top:34px}
.route-source{color:var(--accent);font-weight:800}
.route-section .para{margin-bottom:0}
.tocbtn small{display:block;color:var(--muted);font-size:.66rem;line-height:1.25;margin-top:2px;font-weight:500}
@media(max-width:700px){.route-section{padding-top:15px;padding-bottom:22px}.route-section+.route-section{padding-top:27px}.route-source{font-size:.63rem}}

.route-role{display:inline-block;color:var(--ink);background:color-mix(in srgb,var(--accent) 12%,var(--paper));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:999px;padding:2px 6px;font:700 .6rem ui-sans-serif,system-ui;letter-spacing:.055em;text-transform:uppercase;vertical-align:1px}

/* v4.1 discourse-complete paths */
.route-section .route-para{margin-bottom:1.02em}
.route-section .route-context-para{opacity:.96}
.route-section .route-anchor-para{position:relative}
.route-section .route-anchor-para::before{content:'';position:absolute;left:-13px;top:.35em;bottom:.35em;width:2px;border-radius:2px;background:color-mix(in srgb,var(--accent) 42%,transparent);opacity:.72}
.route-section .route-anchor-para .claim{text-decoration-thickness:1.5px;text-underline-offset:.16em}
@media(max-width:700px){.route-section .route-anchor-para::before{left:-8px}}

/* v4.2 question-relative argument composition */
.argument-scope{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 10px}.argument-scope .chip[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}
.questionargument{max-width:980px;margin-top:14px}.question-argument-intro{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:12px}.question-argument-intro h3{font:500 1.85rem/1.08 Georgia,serif;margin:6px 0 12px}.question-thesis{font:1.18rem/1.58 Georgia,serif;max-width:820px}.question-argument-note{font-size:.82rem;color:var(--muted);margin-top:12px}.movement-list{display:grid;gap:10px}.movement-card{display:grid;grid-template-columns:44px 1fr;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px}.movement-index{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:600 .78rem/1 system-ui;color:var(--muted)}.movement-copy h4{display:block;max-height:none;overflow:visible;text-overflow:clip;white-space:normal;-webkit-line-clamp:unset;font:500 1.25rem/1.2 Georgia,serif;margin:4px 0 9px}.movement-copy>p{font:1rem/1.52 Georgia,serif}.movement-actions{margin-top:11px}.movement-card details{margin-top:11px;border-top:1px solid var(--line);padding-top:9px}.movement-card summary,.guided-provenance summary{cursor:pointer;color:var(--muted);font-size:.78rem}.movement-grounding{display:grid;gap:6px;margin-top:8px}.movement-grounding .linkbtn{font-size:.78rem}
.guided-movement-head{margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--line)}.guided-movement-head h3{display:block;max-height:none;overflow:visible;text-overflow:clip;white-space:normal;-webkit-line-clamp:unset;font:500 1.55rem/1.16 Georgia,serif;margin:5px 0 10px}.guided-proposition{font:1.07rem/1.55 Georgia,serif;max-width:760px}.guided-provenance{margin-top:10px}.guided-provenance .linkbtn{display:block;margin-top:5px;font-size:.77rem}.route-source{margin-top:8px}.guided-local .primary{font:1.02rem/1.48 Georgia,serif}
@media(max-width:700px){.movement-card{grid-template-columns:32px 1fr;padding:13px;gap:10px}.movement-index{width:28px;height:28px}.question-argument-intro{padding:16px}.question-argument-intro h3{font-size:1.55rem}.question-thesis{font-size:1.06rem}.guided-movement-head h3{font-size:1.38rem}}


/* v4.6 — Guided question selection and compressed argument share one surface */
.guidedstage{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);gap:18px;margin-top:18px;align-items:start}
.guided-browser{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px;position:sticky;top:12px;align-self:start;max-height:calc(100vh - 30px)}
.guided-browser .cats{max-height:calc(100vh - 48px);overflow:auto;padding-right:2px}
.guided-browser .questions{grid-template-columns:1fr;max-height:calc(100vh - 48px);overflow:auto;padding-right:3px;align-content:start}
.guided-browser .questions .qbtn{min-height:0;padding:11px 12px}
.questions .qbtn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--paper));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 26%,transparent)}
.guided-answer{min-width:0}.guided-empty,.guided-answer-head{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:12px}
.guided-empty h3,.guided-answer-head h3{font:500 1.85rem/1.08 Georgia,serif;margin:6px 0 12px}.guided-empty p{color:var(--muted);max-width:42em}
.guided-answer-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.guided-answer-actions span{font-size:.75rem;color:var(--muted)}
.guided-readpath{min-height:38px;padding:7px 12px;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--paper))}.guided-change{display:none;margin-bottom:12px}
.guided-answer .movement-card{background:color-mix(in srgb,var(--paper) 97%,var(--soft))}
@media(max-width:980px){.guidedstage{grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr)}.guided-browser{display:block;position:static;max-height:none}.guided-browser .cats{display:flex;max-height:none;overflow:auto;margin-bottom:8px}.guided-browser .questions{max-height:none;overflow:visible}}
@media(max-width:700px){.guidedstage{display:block;margin-top:14px}.guided-change{display:inline-flex}.guided-entry[data-detail="false"] .guided-answer{display:none}.guided-entry[data-detail="true"] .guided-browser{display:none}.guided-entry[data-detail="true"]>h2,.guided-entry[data-detail="true"]>p,.guided-entry[data-detail="true"]>.kicker{display:none}.guided-empty,.guided-answer-head{padding:16px}.guided-answer-head h3{font-size:1.55rem}.guided-answer-actions{align-items:flex-start}.guided-readpath{width:100%;justify-content:center}.guided-answer .movement-list{gap:9px}}

/* v4.7: foundation movements list their actual prior claims instead of generic explanatory prose. */
.foundation-note{margin-top:12px}.foundation-intro{margin:0 0 7px;font-family:var(--sans);font-size:.82rem;color:var(--muted)}
.foundation-claims{list-style:none;margin:0;padding:0;display:grid;gap:6px}.foundation-claims li{margin:0;padding:0}
.foundation-claims .linkbtn{text-align:left;line-height:1.35;width:100%}

.foundation-claims li{display:flex;align-items:flex-start;gap:.55rem;flex-wrap:wrap}.foundation-kind{font:600 .68rem/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding-top:.14rem;min-width:4.5rem}.foundation-claims .linkbtn{flex:1;min-width:12rem;text-align:left}

/* v4.9 — canonical argument-map nodes expose every Guided local sense they generalize. */
.arg-senses{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}
.arg-senses-head{margin-bottom:10px}.arg-senses-head p{margin:5px 0 0;color:var(--muted);font-size:.8rem;line-height:1.45}
.arg-sense{border-top:1px solid var(--line);padding:10px 0}.arg-sense:last-of-type{border-bottom:1px solid var(--line)}
.arg-sense>summary{cursor:pointer;list-style:none;display:grid;gap:4px;padding-right:20px;position:relative;font:500 .93rem/1.38 Georgia,serif}.arg-sense>summary::-webkit-details-marker{display:none}.arg-sense>summary::after{content:'+';position:absolute;right:1px;top:0;color:var(--muted);font:600 1rem/1 var(--sans)}.arg-sense[open]>summary::after{content:'–'}
.arg-sense>summary small{font:600 .66rem/1.3 var(--sans);color:var(--muted);letter-spacing:.02em}
.arg-sense-contexts{display:grid;gap:8px;margin-top:10px}.arg-sense-context{padding:9px 0 3px;border-top:1px dashed var(--line)}.arg-sense-question{font:650 .78rem/1.35 var(--sans)}.arg-sense-meta{margin-top:3px;color:var(--muted);font-size:.67rem;line-height:1.4}.arg-sense-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:7px}.arg-sense-actions .linkbtn{font-size:.69rem}
.arg-prereq-uses{margin-top:11px}.arg-prereq-uses>summary{cursor:pointer;color:var(--muted);font-size:.72rem;line-height:1.4}.arg-prereq-list{display:grid;gap:5px;margin-top:8px}.arg-prereq-list .linkbtn{text-align:left;font-size:.7rem;line-height:1.35}.arg-prereq-list small{color:var(--muted)}
@media(max-width:700px){.arg-senses{margin-top:17px;padding-top:14px}.arg-sense>summary{font-size:.9rem}.arg-sense-actions{display:grid;gap:6px}.arg-sense-actions .linkbtn{text-align:left}}
@media(min-width:821px){.argumentdetail{max-height:calc(100vh - 24px);overflow:auto;overscroll-behavior:contain}}
@media(max-width:820px){.argumentdetail{max-height:none;overflow:visible}}


/* v5.0 — inhabited welcome instead of a permanent landing-page hero */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.welcome{padding:clamp(22px,4vw,42px) 0 24px;border-bottom:1px solid var(--line)}
.welcome-expanded{max-width:760px}
.welcome-expanded>.kicker{margin-bottom:8px}
.welcome h1{font:500 clamp(2.2rem,5.5vw,4.5rem)/.98 Georgia,serif;letter-spacing:-.04em;margin:0 0 14px;max-width:12ch}
.welcome-expanded>p{max-width:670px;margin:0;color:var(--muted);font:400 1.02rem/1.65 Georgia,serif}
.welcome-expanded>.welcome-use{margin-top:13px;color:var(--ink);font:500 .86rem/1.5 ui-sans-serif,system-ui}
.welcome-settle{appearance:none;margin-top:18px;border:0;background:transparent;color:var(--muted);padding:4px 0;cursor:pointer;font:700 .7rem/1.2 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.08em;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 40%,transparent);text-underline-offset:.28em}
.welcome-settle:hover,.welcome-settle:focus-visible{color:var(--ink);text-decoration-color:var(--accent);outline:none}
.welcome-summary{appearance:none;width:100%;border:0;background:transparent;color:var(--ink);padding:2px 0;display:flex;align-items:baseline;gap:10px;text-align:left;cursor:pointer}
.welcome-summary-books{font:500 .9rem/1.3 Georgia,serif}
.welcome-summary-thought{color:var(--muted);font-size:.72rem;line-height:1.35}
.welcome-summary-thought:before{content:'·';margin-right:10px}
.welcome-summary-action{margin-left:auto;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.welcome-summary:hover .welcome-summary-thought,.welcome-summary:focus-visible .welcome-summary-thought,.welcome-summary:hover .welcome-summary-action,.welcome-summary:focus-visible .welcome-summary-action{color:var(--ink)}
.welcome-summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:3px}
.welcome[data-collapsed=true]{padding:12px 0 11px;background:color-mix(in srgb,var(--bg) 96%,var(--paper));}
.orientation-build{margin-top:10px;color:var(--muted);font:700 .62rem/1.3 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.1em;opacity:.72}
@media(max-width:700px){
 .welcome{padding:20px 6px 18px}
 .welcome h1{font-size:2rem;margin-bottom:10px}
 .welcome-expanded>p{font-size:.94rem;line-height:1.55}
 .welcome-expanded>.welcome-use{font-size:.78rem}
 .welcome-settle{margin-top:14px}
 .welcome[data-collapsed=true]{padding:10px 6px 9px}
 .welcome-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center}
 .welcome-summary-books{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .welcome-summary-thought{grid-column:1;font-size:.66rem}
 .welcome-summary-thought:before{content:none;margin:0}
 .welcome-summary-action{grid-column:2;grid-row:1/3;align-self:center;font-size:.6rem}
}


/* v5.2 — adaptive Guided path navigation on mobile */
.routeinfo{min-width:0}.routeinfo #routeinfocompact{display:none}.routeactions{display:flex;align-items:center;gap:6px}.routebar button:disabled{opacity:.38;cursor:default}
@media(max-width:700px){
  .reading.route-active .readhead{position:relative;top:auto}
  .reading.route-active .routebar.open{position:sticky;top:8px;z-index:24;margin:0 -6px 12px;transition:width .16s ease,padding .16s ease,border-radius .16s ease,background .16s ease,box-shadow .16s ease,margin .16s ease;backdrop-filter:blur(12px)}
  .reading.route-active .routebar[data-compact="true"]{width:max-content;max-width:calc(100vw - 104px);margin-left:-2px;margin-right:auto;padding:4px 5px 4px 9px;border-radius:999px;background:color-mix(in srgb,var(--reader-bg,var(--paper)) 94%,transparent);box-shadow:0 6px 22px #0003;gap:7px}
  .reading.route-active .routebar[data-compact="true"] #routeinfofull{display:none}
  .reading.route-active .routebar[data-compact="true"] #routeinfocompact{display:inline;font-size:.66rem;font-weight:800;letter-spacing:.035em;color:color-mix(in srgb,var(--reader-text,var(--ink)) 70%,var(--reader-bg,var(--paper)))}
  .reading.route-active .routebar[data-compact="true"] .routeactions{gap:2px}
  .reading.route-active .routebar[data-compact="true"] .chip{min-width:30px;width:30px;height:30px;min-height:30px;padding:0;border-radius:999px;font-size:0;display:grid;place-items:center;background:transparent}
  .reading.route-active .routebar[data-compact="true"] .chip::after{content:attr(data-compact-label);font-size:1.08rem;line-height:1;font-weight:500}
  .reading.route-active .routebar[data-compact="true"] .chip:disabled{visibility:hidden;width:0;min-width:0;border:0;padding:0}
  .reading.route-active .routebar[data-compact="false"] #routeinfocompact{display:none}
}


/* v5.3 — keep compact Guided navigation clear of the fixed mobile Menu pill */
@media(max-width:700px){
  .reading.route-active .routebar[data-compact="true"]{justify-content:flex-start}
}

/* v5.6 — desktop reading canvas: prose is the page, not a portal */
@media(min-width:981px){
  .main{max-width:1760px;padding-left:clamp(18px,2vw,34px);padding-right:clamp(18px,2vw,34px)}
  .welcome,.entry,.footer{max-width:1320px;margin-left:auto;margin-right:auto}
  .reader,.reader.linear{
    --desktop-reading-pad:clamp(32px,4vw,72px);
    grid-template-columns:180px minmax(0,1fr) 300px;
    align-items:start;
    background:transparent;
    border:0;
    border-radius:0;
    overflow:visible;
    height:auto;
    min-height:calc(100dvh - 62px);
    margin-top:18px
  }
  .reader.linear{grid-template-columns:180px minmax(0,1fr)}
  .rail,.margin{
    position:sticky;
    top:62px;
    align-self:start;
    height:calc(100dvh - 74px);
    max-height:calc(100dvh - 74px);
    overflow:auto;
    background:transparent
  }
  .rail{border-right:1px solid var(--line);padding:14px 12px 28px 0}
  .margin{border-left:1px solid var(--line);padding:14px 0 28px 18px}
  .marginhead{
    top:-14px;
    margin:-14px 0 12px -18px;
    padding:14px 12px 10px 18px;
    background:color-mix(in srgb,var(--bg) 94%,transparent)
  }
  .reading{
    overflow:visible;
    min-width:0;
    min-height:100dvh;
    padding:28px var(--desktop-reading-pad) 120px;
    scrollbar-gutter:auto;
    background:var(--reader-bg,var(--paper))
  }
  .readhead{
    top:62px;
    margin-top:-28px;
    margin-right:calc(0px - var(--desktop-reading-pad));
    margin-bottom:28px;
    margin-left:calc(0px - var(--desktop-reading-pad));
    padding:20px var(--desktop-reading-pad) 14px;
    background:color-mix(in srgb,var(--reader-bg,var(--paper)) 96%,transparent)
  }
  .section,.route-section{max-width:min(var(--reader-width,44em),100%)}
  .para{scroll-margin-top:150px}
}