:root{
  --ground:#EDEEE9; --surface:#F7F8F4; --sunk:#E4E6DF;
  --ink:#1B1D1C; --ink-2:#3D423C; --mut:#5E6459; --faint:#8B9086;
  --rev:#8A6520; --ot:#2F5D57; --rule:#D3D6CC; --hair:#E1E3DB;
  --hinge:#F3EFE4;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#15171A; --surface:#1D2024; --sunk:#101215;
    --ink:#E9EAE4; --ink-2:#CBCDC4; --mut:#9AA095; --faint:#767C71;
    --rev:#D0A050; --ot:#79B3A8; --rule:#31363A; --hair:#282C30;
    --hinge:#23241D;
  }
}
:root[data-theme="dark"]{
  --ground:#15171A; --surface:#1D2024; --sunk:#101215;
  --ink:#E9EAE4; --ink-2:#CBCDC4; --mut:#9AA095; --faint:#767C71;
  --rev:#D0A050; --ot:#79B3A8; --rule:#31363A; --hair:#282C30;
  --hinge:#23241D;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);
  font-family:"Newsreader",Georgia,serif;font-size:18px;line-height:1.62;
  -webkit-font-smoothing:antialiased}
.u{font-family:"Archivo","Helvetica Neue",Arial,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:0 24px}
a{color:var(--ot)}
nav{position:sticky;top:0;z-index:5;background:var(--ground);border-bottom:1px solid var(--rule)}
nav .wrap{display:flex;gap:26px;align-items:center;height:52px;overflow-x:auto}
nav a{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--mut);text-decoration:none;white-space:nowrap;padding:4px 0;border-bottom:2px solid transparent}
nav a:hover,nav a:focus-visible{color:var(--ink);border-bottom-color:var(--rev);outline:none}
nav .brand{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--rev);white-space:nowrap;margin-right:auto}
header{padding:66px 0 10px}
.eyebrow{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--rev)}
h1{font-size:clamp(38px,6vw,54px);line-height:1.02;margin:14px 0 0;font-weight:500;letter-spacing:-.02em;text-wrap:balance}
.sub{font-size:22px;line-height:1.45;color:var(--mut);margin-top:14px;font-style:italic}
.intro{margin-top:30px}
.intro p{margin:0 0 16px}
.reassure{background:var(--surface);border-left:3px solid var(--rev);padding:16px 20px;margin:26px 0 0;
  font-size:17px;line-height:1.55;color:var(--ink-2)}
.chapter{margin-top:76px;scroll-margin-top:64px}
.chead{border-top:2px solid var(--rev);padding-top:16px}
.cmode{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--rev)}
.chapter h2{font-size:34px;line-height:1.1;margin:8px 0 0;font-weight:500;letter-spacing:-.015em}
.chapter h2 span{color:var(--mut);font-style:italic;font-size:24px;display:block;margin-top:4px;letter-spacing:0}
.clede{margin-top:18px;color:var(--ink-2)}
.item{background:var(--surface);border:1px solid var(--hair);border-radius:2px;padding:24px 26px;margin-top:22px}
.iref{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rev);font-variant-numeric:tabular-nums}
.iname{font-size:24px;line-height:1.2;margin:6px 0 0;font-weight:500;letter-spacing:-.01em}
.quote{margin:12px 0 0;padding-left:16px;border-left:2px solid var(--rev);color:var(--ink-2);font-style:italic}
.look{margin-top:18px}
.looklab{font-family:"Archivo",Arial,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ot)}
.refs{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;padding:0;list-style:none}
.refs li{font-family:"Archivo",Arial,sans-serif;font-size:14px;font-variant-numeric:tabular-nums;
  color:var(--ot);border:1px solid var(--ot);border-radius:2px;padding:4px 10px;background:transparent}
.none{font-style:italic;color:var(--mut);font-size:16px;margin-top:9px}
.note{margin-top:16px;font-size:16px;line-height:1.5;color:var(--mut)}
.ask{margin-top:20px;padding-top:16px;border-top:1px solid var(--hair)}
.asklab{font-family:"Archivo",Arial,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--rev)}
.askq{margin-top:8px;font-size:17px;line-height:1.5;color:var(--ink-2)}
.nb{margin-top:14px;display:flex;align-items:baseline;gap:9px;
  font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rev)}
.nb svg{flex-shrink:0;transform:translateY(2px)}
.qbox{background:var(--surface);border:1px solid var(--rev);border-radius:2px;padding:24px 26px;margin-top:26px}
.qbox .asklab{color:var(--rev)}
.qbox .askq{font-size:20px;line-height:1.45;margin-top:10px;color:var(--ink)}
.hinge{background:var(--hinge);border:1px solid var(--rev);border-radius:2px;padding:32px 30px;margin-top:26px}
.hinge .iname{font-size:30px}

.close{margin-top:30px;border-top:2px solid var(--rev);padding-top:18px}
.closelab{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--rev)}
.closeq{font-size:22px;line-height:1.42;margin-top:10px;font-style:italic;text-wrap:pretty}
footer{margin:84px 0 60px;border-top:1px solid var(--rule);padding-top:18px;
  font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
@media print{
  nav{display:none} body{background:#fff;font-size:11.5pt}
  .item,.hinge{break-inside:avoid;page-break-inside:avoid;background:#fff}
  .chapter{page-break-before:always}
}
@media (max-width:560px){ body{font-size:17px} .item,.hinge{padding:20px 18px} h1{font-size:34px} }

.view{display:block}
nav a[aria-current="true"]{color:var(--ink);border-bottom-color:var(--rev)}
nav .wrap{gap:20px;max-width:900px}
@media (max-width:900px){ nav .sk{display:none} nav .wrap{gap:16px} }
@media (max-width:560px){ nav .brand{display:none} }
.seq{width:100%;border-collapse:collapse;margin-top:18px}
.seq th{font-family:"Archivo",Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--rev);text-align:left;font-weight:500;padding:0 14px 8px 0;border-bottom:1.5px solid var(--rev);vertical-align:bottom}
.seq td{font-size:16px;line-height:1.42;padding:14px 14px 14px 0;border-bottom:1px solid var(--hair);vertical-align:top}
.seq .n{font-family:"Archivo",Arial,sans-serif;font-size:17px;color:var(--rev);width:26px}
.seq .sk{font-weight:500;width:190px}
.mut{color:var(--mut)}
.brief{background:var(--surface);border:1px solid var(--hair);border-radius:2px;padding:24px 26px;margin-top:20px}
.brief h3{font-size:26px;line-height:1.15;margin:0;font-weight:500;color:var(--rev);letter-spacing:-.01em}
.beat{margin-top:12px}
.beat b{color:var(--ink)}
.frame{background:var(--hinge);border-left:3px solid var(--rev);padding:20px 24px;margin-top:24px;color:var(--ink-2)}
.steps{counter-reset:st;margin-top:14px}
.step{display:flex;gap:14px;margin-top:11px;align-items:baseline}
.stepn{font-family:"Archivo",Arial,sans-serif;font-size:15px;color:var(--rev);min-width:15px}
.trk{width:100%;border-collapse:collapse;margin-top:18px;font-size:15px}
.trk th{font-family:"Archivo",Arial,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--rev);text-align:left;font-weight:500;padding:0 12px 8px 0;border-bottom:1.5px solid var(--rev);vertical-align:bottom}
.trk td{padding:12px 12px 12px 0;border-bottom:1px solid var(--hair);vertical-align:top;line-height:1.4}
.trk .ch{font-weight:500;white-space:nowrap}
.trk b{font-variant-numeric:tabular-nums;color:var(--rev);font-weight:500}
.tablewrap{overflow-x:auto;margin-top:4px}
.mvt{border-top:2px solid var(--rev);padding-top:16px;margin-top:56px}
.mvtn{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--rev)}
.mvt h2{font-size:32px;line-height:1.12;margin:8px 0 0;font-weight:500;letter-spacing:-.015em}
.mvt .msub{font-size:20px;line-height:1.45;color:var(--mut);font-style:italic;margin-top:6px}
.thesis{background:var(--hinge);border:1px solid var(--rev);border-radius:2px;padding:28px 30px;margin-top:26px}
.thesis p{margin:0;font-size:22px;line-height:1.42;font-style:italic;text-wrap:pretty}
.thesis .attrib{margin-top:12px;font-family:"Archivo",Arial,sans-serif;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--rev);font-style:normal}
.play{background:var(--surface);border:1px solid var(--hair);border-radius:2px;padding:24px 26px;margin-top:18px}
.play .pn2{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.14em;color:var(--rev);
  font-variant-numeric:tabular-nums}
.play h3{font-size:24px;line-height:1.2;margin:6px 0 0;font-weight:500;letter-spacing:-.01em}
.play .psub{color:var(--mut);font-style:italic;font-size:19px;margin-top:2px}
.play .pgloss{margin-top:12px;color:var(--ink-2)}
.lt{background:var(--surface);border:1px solid var(--hair);border-radius:2px;padding:22px 26px;margin-top:16px}
.lt .lref{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rev);font-variant-numeric:tabular-nums}
.lt h3{font-size:24px;line-height:1.2;margin:5px 0 0;font-weight:500;letter-spacing:-.01em}
.lt .nudge{margin-top:10px;color:var(--mut);font-size:16px;line-height:1.5}
.worked{background:var(--hinge);border:1px solid var(--rev);border-radius:2px;padding:30px 30px;margin-top:22px}
.worked h3{font-size:28px;line-height:1.18;margin:6px 0 0;font-weight:500;letter-spacing:-.01em}
.wrow{margin-top:18px;padding-top:16px;border-top:1px solid var(--rule)}
.wq{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rev)}
.wa{margin-top:7px;color:var(--ink-2)}
.fam{border-left:3px solid var(--rev);padding:2px 0 2px 20px;margin-top:26px}
.fam .flab{font-family:"Archivo",Arial,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--rev)}
.fam h3{font-size:25px;line-height:1.2;margin:6px 0 0;font-weight:500;letter-spacing:-.01em}
.pt{margin-top:18px;padding-top:16px;border-top:1px solid var(--hair)}
.pt .ptn{font-size:20px;font-weight:500;line-height:1.25}
.pt .ptr{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.1em;color:var(--ot);
  font-variant-numeric:tabular-nums;margin-top:3px}
.pt .ptg{margin-top:8px;color:var(--ink-2);font-size:17px;line-height:1.5}
.verbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:0;list-style:none}
.verbs li{font-family:"Archivo",Arial,sans-serif;font-size:14px;color:var(--rev);border:1px solid var(--rev);
  border-radius:2px;padding:4px 12px}
.guard{border:1px solid var(--rev);border-radius:2px;padding:20px 24px;margin-top:22px;font-size:17px;line-height:1.55;color:var(--ink-2)}
.guard b{color:var(--ink)}
.read{background:var(--hinge);border:1px solid var(--rev);border-radius:2px;padding:30px 30px;margin-top:24px}
.read .rlab{font-family:"Archivo",Arial,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--rev)}
.read p{margin:14px 0 0;font-size:19px;line-height:1.55;font-style:italic;color:var(--ink)}
.read .attrib{margin-top:16px;font-family:"Archivo",Arial,sans-serif;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mut);font-style:normal}
.pairs{margin-top:16px}
.pr{display:flex;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid var(--hair);flex-wrap:wrap}
.pr .a,.pr .b{flex:1 1 200px;font-size:18px;line-height:1.35}
.pr .a{text-align:right;color:var(--ink)}
.pr .b{color:var(--ink)}
.pr .amp{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--rev);flex:0 0 auto}
.cx{background:var(--surface);border:1px solid var(--hair);border-radius:2px;padding:24px 26px;margin-top:18px}
.cx .cref{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rev);font-variant-numeric:tabular-nums}
.cx h3{font-size:23px;line-height:1.22;margin:6px 0 0;font-weight:500;letter-spacing:-.01em}
.cx .ctxt{margin:12px 0 0;padding-left:16px;border-left:2px solid var(--rev);color:var(--ink-2);font-style:italic}
.cx .conj{margin-top:14px;color:var(--ink-2)}
.cx .med{margin-top:16px;padding-top:14px;border-top:1px solid var(--hair);font-size:17px;line-height:1.5;color:var(--rev)}
.snb{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding:0;list-style:none}
.snb li{font-family:"Archivo",Arial,sans-serif;font-size:15px;color:var(--ink);border:1px solid var(--rev);
  border-radius:2px;padding:6px 14px;background:var(--surface)}
.disc{margin-top:22px}
.disc .dh{font-family:"Archivo",Arial,sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--rev);margin-top:26px}
.disc .db{margin-top:8px;color:var(--ink-2)}
.disc .db p{margin:0 0 14px}
.disc .db p:last-child{margin-bottom:0}
.owner{background:var(--hinge);border:1px solid var(--rev);border-radius:2px;padding:24px 26px;margin-top:28px}
.owner p{margin:0 0 12px}
.owner p:last-child{margin-bottom:0}
footer a{color:var(--faint);text-decoration:none;border-bottom:1px solid var(--rule)}
footer a:hover{color:var(--rev);border-bottom-color:var(--rev)}
.todo{border:1px dashed var(--rev);border-radius:2px;padding:18px 22px;margin-top:24px;color:var(--mut);font-size:16px;line-height:1.5}
.todo b{color:var(--ink-2)}
h2.sec{font-size:34px;line-height:1.1;margin:0;font-weight:500;letter-spacing:-.015em}
.sechead{border-top:2px solid var(--rev);padding-top:16px;margin-top:8px}
h3.sub2{font-size:13px;letter-spacing:.22em;text-transform:uppercase;font-family:"Archivo",Arial,sans-serif;
  color:var(--rev);font-weight:500;margin:46px 0 0}
@media print{ .view{display:block!important} nav{display:none} }
@media (max-width:620px){ .seq .sk{width:auto} }
@media (max-width:560px){ .play,.lt,.worked,.cx,.read{padding:20px 18px} .pr .a{text-align:left} .thesis{padding:22px 20px} .thesis p{font-size:20px} }