/* fonts: self-hosted Latin cuts of Old Standard TT, IBM Plex Sans and IBM Plex Mono (SIL OFL 1.1, licences in /assets/fonts/) */
@font-face{font-family:"Old Standard TT";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/old-standard-tt-400.fa80322d27.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Old Standard TT";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/old-standard-tt-700.6a613ae1e4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-400.6bef8925a3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-600.984aad776c.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-400.a49ad5a957.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-500.0103fcc042.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Written Before: site.css (step 8 prototype, builder A, 2026-11-10)
   One stylesheet for every page. Part 1 is the brand's own CSS from brand/final/final-hero.html (the approved
   live homepage), put on the type scale in the review round. Part 2 adds the shared header and footer, the idea
   pages and the map. Builders B and C: add page rules in Part 3 at the end, using the --fs-* sizes only. */

/* ======================= Part 1: the brand (from final-hero.html) ======================= */
/* metric-matched fallbacks (measured against the Google Latin files and their Liberation twins), so the swap does not shift the page */
@font-face{font-family:"Old Standard TT Fallback";src:local("Times New Roman"),local("Liberation Serif"),local("Tinos");font-weight:400;size-adjust:107.42%;ascent-override:70.93%;descent-override:22.16%;line-gap-override:21.97%}
@font-face{font-family:"Old Standard TT Fallback";src:local("Times New Roman Bold"),local("TimesNewRomanPS-BoldMT"),local("Liberation Serif Bold"),local("Tinos Bold");font-weight:700;size-adjust:103.78%;ascent-override:73.43%;descent-override:22.93%;line-gap-override:22.74%}
@font-face{font-family:"IBM Plex Sans Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("Arimo");font-weight:400;size-adjust:101.57%;ascent-override:100.92%;descent-override:27.07%;line-gap-override:0%}
@font-face{font-family:"IBM Plex Sans Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Arimo Bold");font-weight:600;size-adjust:97.14%;ascent-override:105.52%;descent-override:28.31%;line-gap-override:0%}
@font-face{font-family:"IBM Plex Mono Fallback";src:local("Courier New"),local("CourierNewPSMT"),local("Liberation Mono"),local("Cousine");font-weight:400 500;size-adjust:99.98%;ascent-override:102.52%;descent-override:27.5%;line-gap-override:0%}
:root{
  --paper:#FBFBF8; --ink:#111111; --red:#C8281E; --blue:#1E4FA8;
  --grey:#5C5C58; --hair:#D8D8D2; --band:#F1F0EA; --hl:#E4F23A;
  --old:"Old Standard TT", "Old Standard TT Fallback", Georgia, serif;
  --sans:"IBM Plex Sans", "IBM Plex Sans Fallback", Arial, sans-serif;
  --mono:"IBM Plex Mono", "IBM Plex Mono Fallback", "Courier New", monospace;
  /* the type scale (review round, 2026-11-10): use only these sizes. 17 is the reading size and the floor for Old Standard. */
  --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-15:15px; --fs-17:17px; --fs-18:18px; --fs-20:20px; --fs-23:23px;
  --fs-26:26px; --fs-29:29px; --fs-34:34px; --fs-40:40px; --fs-52:52px; --fs-64:64px; --fs-72:72px;
  --track:.08em; /* the one tracking for mono caps */
}
*{box-sizing:border-box;margin:0;padding:0}
a{color:inherit;text-decoration:none}
u{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-skip-ink:auto}
.gl{display:inline-block;width:.86em;height:.86em;fill:currentColor;vertical-align:-.06em;margin-right:.42em;overflow:visible}
.ev{display:inline-block;width:15px;height:11px;vertical-align:-1px;margin-right:9px}
.ev rect{fill:var(--grey)} .ev rect.off{fill:var(--hair)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;font-size:var(--fs-14)}

/* wordmark: Old Standard 700, the band behind Before (the inline box runs ascender to descender) */
.wm{font:700 30px/1 var(--old);letter-spacing:-.008em;white-space:nowrap;color:var(--ink);display:inline-block}
.wm .b{background:var(--hl);color:var(--ink);padding:0 .14em}
.wm .dk{font:500 .9em/1 var(--mono);letter-spacing:-.01em;margin-left:.36em}

/* ---------- homepage (container queries: the same rules serve the boards and the live page) ---------- */
i,em{font-style:normal}
.hp{container-type:inline-size;container-name:hp;background:var(--paper);color:var(--ink);font-family:var(--sans);--pad:72px}
.hd{display:flex;align-items:center;justify-content:space-between;height:84px;margin:0 var(--pad);border-bottom:1px solid var(--ink)}
.hd .wm{margin-top:2px}
.hd nav{display:flex;gap:30px;font:400 var(--fs-15)/1 var(--sans)}
.hd nav a:hover{color:var(--red)}
.hd .menu{display:none;align-items:center;gap:8px;font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase}
.hd .menu i{display:block;width:18px;height:9px;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}

.kick{font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);color:var(--red);text-transform:uppercase}
.hm-top{padding:20px var(--pad) 0}
.hm-h{font:700 var(--fs-52)/1.06 var(--old);letter-spacing:-.014em;margin-top:11px}
.hm-deck{font:400 var(--fs-20)/1.45 var(--sans);margin-top:8px;max-width:780px;text-wrap:pretty}

.hm-body{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:24px;padding:0 var(--pad);margin-top:12px}
.pick-h{font:600 var(--fs-20)/1 var(--sans);letter-spacing:-.01em;color:var(--ink);height:40px;display:flex;align-items:flex-end;padding-bottom:11px;white-space:nowrap}
.pl{list-style:none;border-top:1px solid var(--ink)}
.pl li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:baseline;padding:7px 0 8px;border-bottom:1px solid var(--hair)}
.pl .t{font:400 var(--fs-15)/20px var(--sans);color:var(--ink);text-align:left;background:none;border:0;padding:0;cursor:pointer;display:block}
.pl .tt{background:linear-gradient(var(--hl),var(--hl)) no-repeat 0 0/0% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:1px .16em 2px;margin:0 -.16em;transition:background-size .2s ease-out}
.pl li:hover .tt,.pl .t:focus-visible .tt,.pl li.on .tt{background-size:100% 100%}
.pl .t:focus-visible{outline:none}
.pl .py{font:400 var(--fs-13)/20px var(--mono);color:var(--grey)}
.pl li.on .py{color:var(--ink);font-weight:500}
.pl li.ask{display:block;border-bottom:0;font:400 var(--fs-15)/20px var(--sans);color:var(--grey)}
.pl li.ask a{color:var(--ink);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.pick-p{display:none}

/* the stack: year rail | line | fragment over credit | margin label | red citation lines */
.stk{position:relative;min-width:0}
.stk-h{height:40px;display:flex;align-items:flex-end;gap:16px;padding:0 0 11px 128px}
.stk-idea{font:700 var(--fs-26)/1 var(--old);letter-spacing:-.01em}
.stk-idea a:hover{color:var(--red)}
.stk-join{font:400 var(--fs-15)/1 var(--sans);color:var(--grey)}
.rows{list-style:none;position:relative}
.rows::before{content:"";position:absolute;left:116px;top:-38px;height:38px;border-left:1.5px dotted var(--ink);
  -webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}
.r{position:relative;display:grid;grid-template-columns:104px 24px minmax(0,1fr) 180px;align-items:baseline;min-height:48px;padding-top:0}
.r::before{content:"";position:absolute;left:116px;top:0;bottom:0;border-left:1px solid var(--ink)}
.r:last-child::before,.r.ln::before{bottom:auto;height:14px}
.r.aft::before{display:none}
.yr{grid-column:1;justify-self:end;text-align:right;font:500 var(--fs-23)/27px var(--mono);white-space:nowrap;position:relative}
.yr b{font-weight:inherit}
.yr small{font-size:var(--fs-12);letter-spacing:.02em}
.yr .y0{margin-right:0} .yr .y3{margin-left:0}
.yr .y2{display:block;font:500 var(--fs-12)/15px var(--mono)}
.yr::after{content:"";position:absolute;left:calc(100% + 7px);top:14px;width:10px;border-top:1px solid var(--ink)}
.r.ci .yr::after{border-top:2px solid var(--red);margin-top:-.5px}
.m{grid-column:3;min-width:0}
.fr{display:block;font:400 var(--fs-23)/26px var(--old);letter-spacing:0;color:var(--ink)}
.fr.new{font:400 var(--fs-17)/26px var(--sans);letter-spacing:0}
a.fr:hover{color:var(--red)}
.cr{font:400 var(--fs-14)/18px var(--sans);color:var(--grey);margin-top:1px}
.cr b{font-weight:600;color:var(--ink)}
.cr .tr{font-size:var(--fs-13);margin-left:6px}
.cr .sh{color:var(--grey);margin-left:6px;white-space:nowrap}
.cr .sh::before{content:"";display:inline-block;width:9px;height:9px;border:1.5px solid var(--grey);border-radius:50%;margin-right:6px;vertical-align:-.5px}
.lab{position:absolute;right:38px;width:142px;top:9px;font:500 var(--fs-12)/15px var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--ink)}
.lab .nm{text-transform:none;letter-spacing:0;font-weight:400;font-size:var(--fs-12);margin-left:0}
.lab .gl{width:10px;height:10px;margin-right:6px;vertical-align:-1px}
.r.ci .lab{color:var(--red)}
/* secondhand: grey words, the word itself on the credit line */
.r.sh .fr{color:var(--grey)}
.r.sh .fr u{text-decoration-color:var(--grey)}
/* the visitor's pick: the yellow goes on the tag, never on a report */
.tag{display:inline-block;font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--ink);background:linear-gradient(var(--hl),var(--hl)) no-repeat 0 0/100% 100%;padding:3px 7px 3px;margin-left:8px;white-space:nowrap;vertical-align:1px}

/* the empty stretch: 175 to 1580 is drawn dotted, with the line that says why */
.r.gb::before{bottom:auto;height:14px}
.r.gb::after{content:"";position:absolute;left:115.5px;top:14px;bottom:0;border-left:1.5px dotted var(--ink)}
.r.ga::before{top:14px}
.r.ga::after{content:"";position:absolute;left:115.5px;top:0;height:14px;border-left:1.5px dotted var(--ink)}
.gapr{position:relative;display:grid;grid-template-columns:104px 24px minmax(0,1fr) 180px;min-height:24px;align-items:center}
.gapr::before{content:"";position:absolute;left:115.5px;top:0;bottom:0;border-left:1.5px dotted var(--ink)}
.gapr p{grid-column:3;font:400 var(--fs-13)/1.35 var(--sans);color:var(--grey);margin:1px 0 3px}

/* the earliest source: grey band, red head rule, the biggest year */
.r.e0{background:var(--band);border-top:2px solid var(--red);padding:8px 0 9px;min-height:0;margin-bottom:5px;align-items:start}
.r.e0::before{top:26px}
.r.e0 .yr{font-size:var(--fs-34);line-height:34px;color:var(--red)}
.r.e0 .yr small{font-size:var(--fs-12)}
.r.e0 .yr .y2{font-size:var(--fs-12);line-height:15px;margin-top:3px}
.r.e0 .yr::after{width:9px;height:9px;border:0;background:var(--red);left:calc(100% + 7.5px);top:12.5px}
.r.e0 .m{margin-top:3px}
.r.e0 .lab{color:var(--red);top:14px}
.r.e0 .cr{margin-top:2px}
.gp{position:absolute;right:180px;bottom:10px;font:500 var(--fs-15)/18px var(--mono);color:var(--ink);white-space:nowrap}
.r.e0 .cr{width:fit-content;max-width:calc(100% - 250px)}
.lab br{display:inline}
.r.e0 .fr{text-wrap:pretty}

/* Conflicts: off the line, offset one column, blue year, cross and label; the words stay ink */
.r.cf .yr{color:var(--blue)}
.mx{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:baseline;margin-left:110px}
.mx .yr{grid-column:1;grid-row:1;justify-self:start}
.mx .yr::after{display:none}
.mx .fr,.mx .cr{grid-column:2}
.mx .fr{text-wrap:balance}
.r.cf u{text-decoration-color:var(--blue)}
.r.cf .lab{color:var(--blue)}
.conn{position:absolute;left:116px;top:14px;width:114px;border-top:1px solid var(--blue);height:0}
.conn svg{position:absolute;left:-5.5px;top:-6px;width:11px;height:11px;overflow:visible}
.r.cf.old::before{border-left:1.5px dotted var(--ink)}
/* the key: the three labels and secondhand, nothing else */
.lgd{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;padding-left:128px;font:400 var(--fs-12)/1.4 var(--sans);color:var(--grey)}
.lgd span{white-space:nowrap}
.lgd b{font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--ink);margin-right:2px}
.lgd .c b{color:var(--red)} .lgd .x b{color:var(--blue)}
.lgd .gl{width:10px;height:10px;margin-right:5px;vertical-align:-1px}
.lgd .c .gl{color:var(--red)} .lgd .x .gl{color:var(--blue)}
.lgd .s::before{content:"";display:inline-block;width:9px;height:9px;border:1.5px solid var(--grey);border-radius:50%;margin-right:6px;vertical-align:-.5px}
.fnote{font:400 var(--fs-12)/1.5 var(--mono);color:var(--grey);margin-top:6px;padding-left:128px;max-width:1000px}
.marg{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}

/* the index of twelve: a collation table */
.ix{padding:0 var(--pad);margin-top:84px}
.ix-h{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;padding-bottom:18px}
.ix-h h2{grid-column:1/7;font:600 var(--fs-34)/1 var(--sans);letter-spacing:-.015em}
.ix-h p{grid-column:7/13;font:400 var(--fs-15)/1.5 var(--sans);text-align:right}
.ix-h .pr{grid-column:1/8;grid-row:2;text-align:left;font:400 var(--fs-20)/1.5 var(--sans);margin-top:14px;max-width:640px}
.ix-h .pr span{display:inline;font:inherit;color:var(--grey);margin:0}
.ix-h p span{display:block;font:400 var(--fs-12)/1.5 var(--mono);color:var(--grey);margin-top:4px}
.ixt{width:100%;border-collapse:collapse;border-top:3px solid var(--ink)}
.ixt thead th{font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--grey);text-align:left;padding:12px 0 11px;border-bottom:1px solid var(--ink)}
.ixt th.yb,.ixt td.yb{text-align:right}
.ixt td{vertical-align:baseline;padding:15px 0 15px;border-bottom:1px solid var(--hair)}
.ixt .n{width:48px;font:500 var(--fs-13)/1 var(--mono);color:var(--grey)}
.ixt .ad{width:412px;padding-right:24px}
.ixt .ad a{font:400 var(--fs-23)/1.2 var(--old);letter-spacing:0}
.ixt .ad a:hover{color:var(--red)}
.ixt .kf{width:330px;padding-right:24px;font:400 var(--fs-15)/1.4 var(--sans)}
.ixt .kf .y{font:400 var(--fs-13)/1 var(--mono);color:var(--grey);margin-left:4px;white-space:nowrap}
.ixt .ea{padding-right:24px;font:400 var(--fs-15)/1.4 var(--sans)}
.ixt .ea .d{font:500 var(--fs-14)/1 var(--mono);color:var(--red);margin-right:6px;white-space:nowrap}
.ixt .yb{width:150px;white-space:nowrap}
.ixt .yb b{font:500 var(--fs-23)/1 var(--mono);letter-spacing:-.01em}
.ixt .yb small{font:400 var(--fs-12)/1 var(--sans);color:var(--grey);margin-right:0}
.ixt .yb .yu{display:none}

/* the letter signup */
.su{margin:72px var(--pad) 0;padding:34px 0 38px;border-top:3px solid var(--ink);position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end}
.su::before{content:"";position:absolute;left:0;right:0;top:2px;border-top:1px solid var(--ink)}
.su-l{grid-column:1/6}
.su-l h2{font:600 var(--fs-34)/1 var(--sans);letter-spacing:-.015em}
.su-l p{font:400 var(--fs-17)/1.45 var(--sans);margin-top:12px}
.su-f{grid-column:6/11;display:flex;gap:0}
.su-f input{flex:1;min-width:0;height:52px;border:1px solid var(--ink);border-right:0;background:#fff;padding:0 16px;font:400 var(--fs-17)/1 var(--sans);color:var(--ink);border-radius:0}
.su-f input::placeholder{color:var(--grey)}
.su-f button{height:52px;padding:0 26px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font:600 var(--fs-17)/1 var(--sans);cursor:pointer;border-radius:0}
.su-f button:hover{background:var(--red);border-color:var(--red)}
.su-n{grid-column:11/13;font:400 var(--fs-13)/1.5 var(--sans);color:var(--grey)}
.su-n b{display:block;font:500 var(--fs-12)/1.4 var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--ink);margin-bottom:4px}
.su-n a{color:var(--ink);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}

/* the site footer: the ditto beside the name, the reading note */
.sf{margin:0 var(--pad);padding:30px 0 40px;border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.sf-m{grid-column:1/3;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.sf-m svg{display:block;width:44px;height:44px}
.sf-m .wm{font-size:20px}
.sf nav{grid-column:3/6;display:flex;flex-direction:column;gap:9px;font:400 var(--fs-15)/1.2 var(--sans)}
.sf-tx{grid-column:6/13;max-width:640px}
.sf-t{font:400 var(--fs-14)/1.6 var(--sans);color:var(--grey)}
.sf-t + .sf-t{margin-top:10px}
.sf-t b{color:var(--ink);font-weight:600}

/* ---------- phone ---------- */
@container hp (max-width:1079px){
  .hp-in{--pad:16px}
  .hd{height:64px;margin:0 16px}
  .hd .wm{font-size:26px}
  .hd nav{display:none}
  .hd .menu{display:flex}
  .hm-top{padding:22px 16px 0}
  .kick{font-size:var(--fs-12)}
  .hm-h{font-size:var(--fs-34);line-height:1.08;margin-top:12px;text-wrap:balance}
  .hm-deck{font-size:var(--fs-17);line-height:1.5;margin-top:10px;white-space:normal;text-wrap:balance}
  .hm-body{display:block;padding:0;margin-top:18px}
  .pick{display:none}
  .pick-p{display:block;margin:0 16px}
  .pick-p summary{list-style:none;cursor:pointer;display:block}
  .pick-p summary::-webkit-details-marker{display:none}
  .pick-p .pk-k{display:block;font:600 var(--fs-18)/1.2 var(--sans);letter-spacing:-.005em;color:var(--ink);margin-bottom:9px}
  .pick-p .pk-b{display:grid;grid-template-columns:minmax(0,1fr) auto auto 22px;column-gap:12px;align-items:center;min-height:54px;padding:0 14px 0 14px;border:1.5px solid var(--ink);background:#fff}
  .pick-p .pk-t{font:400 var(--fs-18)/24px var(--sans);min-width:0}
  .pick-p .pk-t .tt{background:var(--hl);padding:1px .16em 2px;margin:0 -.16em}
  .pick-p .pk-y{font:500 var(--fs-14)/1 var(--mono)}
  .pick-p .pk-ch{font:600 var(--fs-14)/1 var(--sans);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
  .pick-p .pk-c{width:14px;height:14px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translate(-4px,-4px);justify-self:end}
  .pick-p[open] .pk-c{transform:rotate(-135deg) translate(-3px,-3px)}
  .pick-p[open] .pk-b{border-bottom-width:1px}
  .pick-p .pl{border-top:0}
  .pick-p:not([open]) > .pl{display:none}
  .pick-p .pl li{padding:0;min-height:44px;align-items:center}
  .pick-p .pl .t{font-size:var(--fs-17);line-height:22px;padding:11px 0}
  .stk{margin-top:22px}
  .stk-h{height:auto;display:block;padding:0 16px 14px}
  .stk-idea{font-size:var(--fs-23);line-height:1.15}
  .stk-join{font-size:var(--fs-14);line-height:1.4;margin-top:6px}
  .rows::before{left:84px;top:-30px;height:30px}
  .r{grid-template-columns:60px 16px minmax(0,1fr);padding:8px 16px 9px;min-height:0}
  .r::before{left:84px}
  .r:last-child::before,.r.ln::before{height:22px}
  .r.gb::before{height:23px} .r.gb::after{left:83.5px;top:23px}
  .r.ga::before{top:23px} .r.ga::after{left:83.5px;height:23px}
  .gapr{grid-template-columns:60px 16px minmax(0,1fr);padding:0 16px;height:auto;min-height:30px}
  .gapr::before{left:83.5px}
  .gapr p{font-size:var(--fs-13);line-height:1.4;margin:4px 0}
  .yr{font-size:var(--fs-18);line-height:26px;white-space:normal}
  .yr small{font-size:var(--fs-12)}
  .yr .y0{display:block;margin:0;line-height:14px}
  .yr .y2{white-space:normal}
  .yr::after{left:calc(100% + 3px);top:13px}
  .yr.y0on::after{top:27px}
  .m{grid-column:3}
  .fr{font-size:var(--fs-20);line-height:26px}
  .fr.new{font-size:var(--fs-17);line-height:24px}
  .cr{font-size:var(--fs-13);line-height:18px;margin-top:5px}
  .cr .tr{display:block;margin:2px 0 0;font-size:var(--fs-12)}
  .cr .sh{display:block;margin:3px 0 0}
  .lab{position:static;display:block;width:auto;font-size:var(--fs-12);line-height:18px;margin:0 0 2px;letter-spacing:var(--track)}
  .lab .nm{font-size:var(--fs-12)}
  .tag{margin:6px 0 0 0}
  .r.e0{padding:13px 16px 15px;margin-bottom:4px}
  .r.e0::before{top:24px}
  .r.e0 .yr{font-size:var(--fs-26);line-height:26px}
  .r.e0 .yr .y0{font-size:var(--fs-12);margin:0}
  .r.e0 .yr .y3{display:block;font-size:var(--fs-12);line-height:14px;margin:3px 0 0}
  .r.e0 .yr::after{top:8.5px;left:calc(100% + 3.5px)}
  .r.e0 .yr.y0on::after{top:22.5px}
  .r.e0::before{top:24px}
  .r.e0.y0row::before{top:38px}
  .r.e0 .m{margin-top:0}
  .r.e0 .lab{display:block;margin:0 0 2px}
  .gp{position:static;display:block;margin:6px 0 0;font-size:var(--fs-13)}
  .r.e0 .cr{width:auto;max-width:none}
  .lab br{display:none}
  .mx{display:contents}
  .mx .yr{grid-column:1;justify-self:end}
  .mx .yr::after{display:block;content:"\00d7";border:0;left:calc(100% + 2px);top:-1px;font:400 var(--fs-18)/26px var(--mono);color:var(--blue);width:auto}
  .mx .yr.y0on::after{top:13px}
  .mx .fr,.mx .cr{grid-column:3;margin-left:20px}
  .conn{display:none}
  .lgd{padding:0 16px;margin-top:16px;gap:6px 16px}
  .fnote{padding:0 16px;margin-top:10px}
  .marg{display:none}
  .ix{padding:0 16px;margin-top:40px}
  .ix-h{display:block;padding-bottom:14px}
  .ix-h h2{font-size:var(--fs-26)}
  .ix-h p{text-align:left;font-size:var(--fs-15);margin-top:10px}
  .ix-h .pr{font-size:var(--fs-17);margin-top:10px}
  .ixt thead{display:none}
  .ixt,.ixt tbody,.ixt tr,.ixt td{display:block;width:auto}
  .ixt tr{display:grid;grid-template-columns:30px minmax(0,1fr) auto;column-gap:8px;padding:11px 0 12px;border-bottom:1px solid var(--hair)}
  .ixt td{border:0;padding:0}
  .ixt .n,.ixt .ad,.ixt .kf,.ixt .ea,.ixt .yb{width:auto}
  .ixt .n{grid-row:1;padding-top:5px}
  .ixt .ad{grid-column:2/4;padding:0}
  .ixt .ad a{font-size:var(--fs-20)}
  .ixt .kf{grid-column:2;margin-top:5px;font-size:var(--fs-14);padding:0}
  .ixt .ea{grid-column:2;margin-top:4px;font-size:var(--fs-14);padding:0}
  .ixt .ea .d{font-size:var(--fs-13)}
  .ixt .yb{grid-column:3;grid-row:2/4;align-self:end;text-align:right;width:auto}
  .ixt .yb b{font-size:var(--fs-18)}
  .ixt .yb small{display:block;margin:0 0 4px}
  .ixt .yb small.yu{display:inline;margin:0}
  .su{display:block;margin:40px 16px 0;padding:22px 0 26px}
  .su-l h2{font-size:var(--fs-26)}
  .su-l p{font-size:var(--fs-17)}
  .su-f{margin-top:18px}
  .su-f input,.su-f button{height:48px}
  .su-n{margin-top:16px}
  .sf{display:block;margin:0 16px;padding:22px 0 28px}
  .sf-m{flex-direction:row;align-items:center;gap:14px}
  .sf nav{flex-direction:row;flex-wrap:wrap;gap:10px 18px;margin-top:18px}
  .sf-t{margin-top:18px}
}

html{background:var(--paper)}
body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
.hp{--pad:clamp(24px,5vw,72px)}
.hp-in{max-width:1440px;margin:0 auto}
.pl .t{width:100%}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.pl .t:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@container hp (min-width:760px) and (max-width:1079px){
  .hp-in{--pad:40px}
  .hd{margin:0 40px}
  .hm-top{padding:32px 40px 0}
  .hm-h{font-size:var(--fs-40)}
  .hm-deck{font-size:var(--fs-20)}
  .pick-p{margin:0 40px}
  .stk-h{padding:0 40px 14px}
  .r{grid-template-columns:76px 16px minmax(0,1fr);padding-left:40px;padding-right:40px}
  .r.e0{padding-left:40px;padding-right:40px}
  .r::before,.rows::before{left:124px}
  .r.gb::after,.r.ga::after,.gapr::before{left:123.5px}
  .gapr{grid-template-columns:76px 16px minmax(0,1fr);padding:0 40px}
  .lgd{padding:0 40px}
  .fr{font-size:var(--fs-23);line-height:28px}
  .fr.new{font-size:var(--fs-17);line-height:26px}
  .fnote{padding:0 40px}
  .ix,.su,.sf{margin-left:40px;margin-right:40px}
  .ix{padding:0}
}
/* motion on a pick: rows set in oldest first, 60 ms apart; the year counts back; the citations draw; the band wipes last.
   First load shows the finished page at once. */
.marg.pre{display:none}
@container hp (min-width:1440px){ .marg.pre{display:block} }
.stk.anim .rows > .r{opacity:0;transform:translateY(8px)}
.stk.anim .rows > .gapr{opacity:0}
.stk.anim.go .rows > .r,.stk.anim.go .rows > .gapr{animation:setin .45s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i) * 60ms)}
@keyframes setin{to{opacity:1;transform:none}}
.stk.anim .yp .tag{background-size:0% 100%}
.stk.anim.wipe .yp .tag{background-size:100% 100%;transition:background-size .2s ease-out}
.r.e0 .yr.counting small{visibility:hidden}
.r.e0 .yr.counting small.y3{visibility:visible}
@media (prefers-reduced-motion:reduce){ .pl .tt{transition:none} }

/* ======================= Part 2: the site (builder A) ======================= */
/* ---------- page frame: the shared header and footer ---------- */
.skip{position:absolute;left:16px;top:-60px;z-index:30;background:var(--ink);color:var(--paper);font:600 var(--fs-15)/1 var(--sans);padding:12px 16px}
.skip:focus{top:12px}
.hd{position:relative}
.hd .home{display:block}
.hd nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.4em}
.sf nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.sf nav a:hover,.sf-t a:hover{color:var(--red)}
.sf-t a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.sf-t.ad a{text-decoration:none;font:500 var(--fs-14)/1.6 var(--mono)}
.sf-t.ad a:hover{text-decoration:underline}
@container hp (max-width:1079px){
  .hd .menu{padding:12px 0 12px 12px;margin-right:-0px}
  .hd.open nav{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:63px;z-index:20;background:var(--paper);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:4px 0 6px;font:400 var(--fs-18)/1.2 var(--sans)}
  .hd.open nav a{padding:13px 0;border-bottom:1px solid var(--hair)}
  .hd.open nav a:last-child{border-bottom:0}
  .hd.open .menu i{height:0;border-bottom:0;transform:translateY(0)}
}

/* ---------- shared bits ---------- */
.r12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:0 var(--pad)}
.pre{display:none}

/* ---------- idea pages: the title block ---------- */
.ip .ih{padding-top:26px;align-items:start}
.ip .ih > *{grid-column:3/10}
.ip .ih > .claim,.ip .ih > .tally{grid-column:3/9}
.kick a{color:inherit}
.kick a:hover{color:var(--ink)}
.kick .sp{color:var(--grey);text-transform:none;letter-spacing:0;font-weight:400;margin-left:14px}
.ip h1{font:700 var(--fs-64)/1.02 var(--old);letter-spacing:-.014em;margin-top:16px;text-wrap:balance}
.dsamp{justify-self:start;font:400 var(--fs-13)/1.45 var(--mono);color:var(--grey);border:1px dashed var(--grey);padding:6px 10px;margin-top:18px}
.ip .claim{font:400 var(--fs-20)/1.5 var(--sans);margin-top:16px;text-wrap:pretty}
.ip .tally{font:400 var(--fs-14)/1.6 var(--mono);margin-top:12px}
.tally a{border-bottom:1px dotted var(--grey);white-space:nowrap}
.tally a:hover{border-bottom-style:solid}
.tally a.c{color:var(--red);border-color:var(--red)}
.tally a.x{color:var(--blue);border-color:var(--blue)}
.ip .strip{margin-top:12px;height:106px;position:relative}
.strip svg{position:absolute;left:0;top:0;overflow:visible}
.strip .pre svg{position:static;display:block;max-width:100%;height:auto}
.strip a:hover text{text-decoration:underline}
.ip .intro{font:400 var(--fs-17)/1.6 var(--sans);margin-top:14px;max-width:640px;text-wrap:pretty}
.ip .ih > .consp{grid-column:10/13;grid-row:2/span 8;margin-top:10px;border-top:1px solid var(--ink)}
.consp h2{font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--red);padding:11px 0 10px}
.consp ol{list-style:none}
.consp li{border-top:1px solid var(--hair)}
.consp li a{display:grid;grid-template-columns:62px 18px 1fr;align-items:baseline;padding:5px 0}
.consp li a:hover .n{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.consp .y{font:500 var(--fs-13)/1 var(--mono);text-align:right;padding-right:10px}
.consp .y small{font-size:var(--fs-12)}
.consp li svg{width:10px;height:10px;fill:currentColor;align-self:center}
.consp .n{font:400 var(--fs-14)/1.3 var(--sans);color:var(--ink)}
.consp li.c{color:var(--red)} .consp li.x{color:var(--blue)} .consp li.x .n{color:var(--blue)}
.consp li.e .y{color:var(--red)}
.consp li.sh .n{color:var(--grey)}

/* ---------- idea pages: the line. The rail is CSS, so it is there without JS.
   Every row carries its own piece of the rail: from its top to its tick (::before) and from the tick down (::after).
   Rows touch (spacing is padding), so the pieces join. --rx is the rail's x in the row, --ty the tick's y. ---------- */
.tl{padding:0 var(--pad);--rx:calc((100% - 264px) / 6 + 35.5px)}
.tl .w9{--rx:calc((100% - 192px) * 2 / 9 + 35.5px)}
.r12.w9{grid-template-columns:repeat(9,minmax(0,1fr))}
.rl{position:relative}
.rl::before,.rl::after{content:"";position:absolute;left:var(--rx);border-left:1px solid var(--ink)}
.rl::before{top:0;height:var(--ty)}
.rl::after{top:var(--ty);bottom:0}
.rl.ga::before,.rl.gb::after,.rl.dot::before{border-left:1.5px dotted var(--ink);margin-left:-.25px}
.rl.end::after{display:none}
.rl.thru::before{height:auto;bottom:0}
.rl.thru::after{display:none}
.rl.dot::before{height:auto;bottom:0}
.rl.dot::after{display:none}

/* older hints: the dotted stub that fades in above the source */
.older{padding:18px 0 12px;align-items:start}
.older .oh{grid-column:3/9;max-width:610px;font:400 var(--fs-14)/1.5 var(--sans);color:var(--grey);position:relative}
.older.rl::before{top:20px;-webkit-mask-image:linear-gradient(rgba(0,0,0,.15),#000 60%);mask-image:linear-gradient(rgba(0,0,0,.15),#000 60%)}
.older .oh::before{content:"";position:absolute;left:-9px;top:10.5px;width:6px;border-top:1.2px dotted var(--grey)}

/* the earliest source: grey band, red head rule, the biggest year, a red square on the rail */
.band{background:var(--band);border-top:2px solid var(--red);padding:20px 0 23px;align-items:start;position:relative;--yf:clamp(52px,5cqw,72px);--ty:calc(24px + var(--yf) * .45)}
.band::before{content:"";position:absolute;left:calc(var(--rx) - 4px);top:calc(var(--ty) - 4.5px);width:9px;height:9px;background:var(--red)}
.band::after{content:"";position:absolute;left:var(--rx);top:var(--ty);bottom:0;border-left:1px solid var(--ink)}
.band.gb::after{border-left:1.5px dotted var(--ink);margin-left:-.25px;top:calc(var(--ty) + 6px)}
.tl > .band:first-child{margin-top:34px}
.band .yr2{grid-column:1/3;justify-self:end;text-align:right;color:var(--red);font:500 var(--yf)/.9 var(--mono);letter-spacing:-.02em;white-space:nowrap;margin-top:4px}
.band .yr2 small{font-size:var(--fs-18);letter-spacing:.02em}
.band .yr2 small:first-child{margin-right:0} .band .yr2 .era{margin-left:0}
.band .yr2 .rng{display:block;margin:10px 0 0;font-size:var(--fs-17);letter-spacing:0}
.band .eb{grid-column:3/10}
.elab{font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--red)}
.who{font:600 var(--fs-18)/1.3 var(--sans);margin-top:12px}
.who i{font-weight:400}
.band .q{font:400 var(--fs-29)/1.36 var(--old);margin-top:12px;letter-spacing:0;max-width:760px}
.band .q.new{font:400 var(--fs-23)/1.45 var(--sans)}
.app{grid-column:10/13;font:400 var(--fs-13)/1.55 var(--mono);color:var(--grey);overflow-wrap:anywhere}
.app p + p{margin-top:8px}
.app i,.cr2 i{font-style:normal}
.app .lv,.cr2 .lv{color:var(--ink);font-weight:500}
.band .app{margin-top:54px}

/* the entries */
.sec{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:stretch}
.sec > *{grid-column:1/13}
.sec > .w9{grid-column:1/10}
.sec > .bbk{grid-column:10/13}
.sec > .bbk.row{grid-column:3/10;padding-top:52px}
.shr{padding-top:24px;--ty:0px}
.shr .sh2{grid-column:3/10}
.sh2{font:600 var(--fs-26)/1.15 var(--sans);letter-spacing:-.012em;padding-top:14px;border-top:1px solid var(--ink)}
.en{align-items:start;padding-top:var(--sp);--sp:30px;--ty:calc(var(--sp) + 14px)}
.en > .yr3{grid-column:1/3;justify-self:end;text-align:right;font:500 var(--fs-23)/1 var(--mono);white-space:nowrap;margin-top:3px;position:relative}
.en > .yr3 small{font-size:var(--fs-12);letter-spacing:.02em}
.en > .yr3 em{display:block;font:400 var(--fs-13)/1 var(--mono);font-style:normal;color:var(--grey);margin-top:9px}
.en > .yr3 em.w{font:400 var(--fs-13)/1.35 var(--mono);white-space:normal;max-width:9em;margin-left:auto;margin-top:8px}
.gapw{display:none}
.en > .yr3::after{content:"";position:absolute;left:calc(100% + 7px);top:10.5px;width:10px;border-top:1px solid var(--ink)}
.en.ci > .yr3::after{border-top:2px solid var(--red);margin-top:-.5px}
.en > .mn{grid-column:3/10;min-width:0}
.en > .cr2{grid-column:10/13;margin-top:2px}
.eh{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:18px;row-gap:4px}
.en .who{margin-top:0}
.lab2{font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;white-space:nowrap}
.lab2 .nm{text-transform:none;letter-spacing:0;font-weight:400;font-size:var(--fs-12);margin-left:0}
.lab2 .gl{width:11px;height:11px;margin-right:7px}
.lab2.c{color:var(--red)} .lab2.x{color:var(--blue)}
.why{font:400 var(--fs-17)/1.6 var(--sans);margin-top:9px;max-width:640px;text-wrap:pretty}
.en .q{font:400 var(--fs-23)/1.42 var(--old);margin-top:10px;max-width:660px;letter-spacing:0}
.en .q.new{font:400 var(--fs-20)/1.5 var(--sans);max-width:680px}
.rep{font:400 var(--fs-17)/1.6 var(--sans);margin-top:10px;max-width:640px}
.rep b{font-weight:600}
.cr2{font:400 var(--fs-12)/1.5 var(--mono);color:var(--grey);overflow-wrap:anywhere;max-width:60ch}
.cr2 p + p{margin-top:4px}
.cr2 details{margin-top:6px}
.cr2 summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--ink);font-weight:500;list-style:none}
.cr2 summary::-webkit-details-marker{display:none}
.cr2 summary::before{content:"";width:6px;height:6px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(-45deg);margin-right:2px}
.cr2 details[open] summary::before{transform:rotate(45deg)}
.cr2 details p{margin-top:4px}
.cr2 a{border-bottom:1px dotted var(--grey)}
.cr2 a:hover{color:var(--ink)}
.en:target .who,.band:target .who{background:linear-gradient(var(--hl),var(--hl)) no-repeat 0 100%/100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.en[id],.band[id]{scroll-margin-top:8px}
/* the empty stretch */
.gapl{padding-top:14px}
.gapl p{grid-column:3/10;font:400 var(--fs-14)/1.5 var(--sans);color:var(--grey)}
/* Conflicts: off the line, offset two columns, blue year, a blue lead and cross on the rail */
.en.cf{--sp:44px}
.en.cf > .yr3{grid-column:3/5;color:var(--blue)}
.en.cf > .yr3::after{display:none}
.en.cf > .mn,.en.cf > .cr2{grid-column:5/10}
.en.cf > .cr2{margin-top:14px}
.en.cf .q{max-width:526px}
.en.cf .q u{text-decoration-color:var(--blue)}
.icn{position:absolute;left:var(--rx);top:calc(var(--sp) - 16px);right:calc(25% + 6px);border-top:1px solid var(--blue);height:0}
.w9 > .icn{right:0}
.icn svg{position:absolute;left:-5px;top:-6px;width:11px;height:11px;overflow:visible}
.en.cf.old{padding-bottom:30px}
.en.cf.old.rl::before{-webkit-mask-image:linear-gradient(rgba(0,0,0,.15),#000 45%);mask-image:linear-gradient(rgba(0,0,0,.15),#000 45%)}
/* the one book worth reading, beside the Conflict */
.bbk{padding-top:28px}
.bbk .bt{font:400 var(--fs-17)/1.6 var(--sans);margin-top:12px;max-width:640px}
.bbk .bt b{font-weight:600}
.bbk .bt a{border-bottom:1px dotted var(--grey)}
.bbk .ctn{font:400 var(--fs-15)/1.6 var(--sans);color:var(--grey);margin-top:12px}
/* still being checked: held back, off the line */
.pend{padding-top:40px;align-items:start}
.pend .yr3{grid-column:1/3;justify-self:end;text-align:right;font:500 var(--fs-23)/1 var(--mono);color:var(--grey);margin-top:25px}
.pend .pb{grid-column:3/10;border-top:1px dashed var(--grey);padding-top:12px}
.pend .plab{font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--grey)}
.pend .who{color:var(--ink);margin-top:10px}
.pend .why{color:var(--grey)}
/* how this page was made */
.made{margin-top:64px;padding-top:26px;padding-bottom:34px;position:relative;align-items:start}
.made::before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:5px;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink)}
.made .mt{grid-column:3/10;font:400 var(--fs-14)/1.6 var(--sans);color:var(--grey)}
.made .mt b{color:var(--ink);font-weight:600}
.made .side{grid-column:10/13;font:400 var(--fs-14)/1.6 var(--sans);color:var(--grey)}
.made .side p + p{margin-top:12px}
.made .side a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}

/* ---------- idea pages on the phone ---------- */
@container hp (max-width:1079px){
  .ip .ih{display:block}
  .ip h1{font-size:var(--fs-40);line-height:1.04;letter-spacing:-.012em;margin-top:14px}
  .kick .sp{margin-left:6px}
  .dsamp{display:block;font-size:var(--fs-12);margin-top:14px}
  .ip .claim{font-size:var(--fs-17);margin-top:16px}
  .ip .tally{font-size:var(--fs-13);margin-top:14px}
  .ip .strip{height:118px;margin-top:14px;--lay:p}
  .ip .intro{font-size:var(--fs-17);line-height:1.65;margin-top:16px}
  .ip .ih > .consp{display:none}
  .tl{--rx:67.5px}
  .tl .w9{--rx:67.5px}
  .r12,.r12.w9{grid-template-columns:60px minmax(0,1fr);column-gap:16px}
  .older{padding:30px 0 14px}
  .older .oh{grid-column:2}
  .band{margin:0 calc(-1 * var(--pad));padding:22px var(--pad) 28px;--rx:calc(var(--pad) + 67.5px);--ty:41px}
  .band::before{left:calc(var(--rx) - 4px)}
  .tl > .band:first-child{margin-top:34px}
  .band .yr2{grid-column:1;font:500 var(--fs-29)/1 var(--mono);white-space:normal}
  .band .yr2 small{display:block;font-size:var(--fs-12);letter-spacing:.02em;margin:0}
  .band .yr2 small:first-child{margin:0 0 4px}
  .band .yr2 .era{margin:5px 0 0}
  .band .yr2 .rng{margin:5px 0 0;font-size:var(--fs-12);line-height:1.3}
  .band .eb{grid-column:2}
  .band .who{font-size:var(--fs-17);margin-top:10px}
  .band .q{font-size:var(--fs-20);line-height:1.45}
  .band .q.new{font-size:var(--fs-17)}
  .band .app{grid-column:2;margin-top:16px;font-size:var(--fs-12)}
  .sec{display:flex;flex-direction:column}
  .sec > .bbk{order:1;margin-left:76px}
  .shr{padding-top:46px}
  .shr .sh2{grid-column:2;font-size:var(--fs-23);line-height:1.2}
  .en{--sp:30px;--ty:calc(var(--sp) + 11px)}
  .en > .yr3{grid-column:1;grid-row:1/span 2;font-size:var(--fs-18);margin-top:2px;white-space:normal}
  .en > .yr3 small{display:block;line-height:1.25}
  .en > .yr3 em{font-size:var(--fs-13);margin-top:7px}
  .en > .yr3 em.w{display:none}
  .gapw{display:block;font:400 var(--fs-13)/1.3 var(--mono);color:var(--grey);margin-top:8px}
  .en > .yr3::after{left:calc(100% + 3px);top:7.5px}
  .en > .mn{grid-column:2}
  .en > .cr2{grid-column:2;margin-top:16px;font-size:var(--fs-12);max-width:none}
  .eh{display:block}
  .en .who{font-size:var(--fs-17)}
  .lab2{display:block;font-size:var(--fs-12);margin-top:9px;white-space:normal}
  .lab2 .nm{font-size:var(--fs-12)}
  .why{font-size:var(--fs-17);margin-top:10px}
  .en .q{font-size:var(--fs-20);line-height:1.45}
  .en .q.new{font-size:var(--fs-17)}
  .rep{font-size:var(--fs-17)}
  .gapl{padding-top:20px}
  .gapl p{grid-column:2}
  .en.cf{--sp:40px}
  .en.cf > .yr3{grid-column:1}
  .en.cf > .mn,.en.cf > .cr2{grid-column:2}
  .icn,.w9 > .icn{right:0;top:calc(var(--sp) - 14px)}
  .bbk{padding-top:44px}
  .bbk .sh2{font-size:var(--fs-23);line-height:1.2}
  .bbk .bt{margin-top:10px}
  .pend{padding-top:40px}
  .pend .yr3{grid-column:1;font-size:var(--fs-18);margin-top:24px}
  .pend .pb{grid-column:2}
  .made{display:block;margin:48px var(--pad) 0;padding:22px 0 30px}
  .made::before{left:0;right:0}
  .made .side{margin-top:12px}
}

/* ---------- the map (ideas/index.html): twelve lanes on one stretched scale ---------- */
.mp .ih{padding-top:22px;align-items:end}
.mp .ih .kick{grid-column:1/9}
.mp h1{grid-column:1/9;font:700 var(--fs-52)/1.06 var(--old);letter-spacing:-.014em;margin-top:11px}
.mp .deck{grid-column:1/8;font:400 var(--fs-20)/1.45 var(--sans);margin-top:10px;max-width:700px;text-wrap:pretty}
.mp .how{grid-column:9/13;grid-row:2/4;align-self:end;border-top:1px solid var(--ink);padding-top:12px}
.mp .how p{font:400 var(--fs-14)/1.5 var(--sans);color:var(--grey)}
.mp .how p + p{margin-top:8px}
.mp .how .hint{color:var(--ink)}
.mp .how .hint mark{background:var(--hl);color:var(--ink);padding:1px .16em 2px;margin:0 -.04em}
.mp .lgd{padding:0;margin-top:0;grid-column:1/13;padding-top:22px}
.map{position:relative;margin:14px var(--pad) 0;--lay:d}
.map::before{content:"";position:absolute;left:0;right:0;top:-6px;height:5px;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink)}
.map .pre{position:relative}
.mp-g{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.mp-sl{position:absolute;left:0;top:22px;font:500 var(--fs-12)/1.3 var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--grey)}
.ln{position:absolute;left:0;right:0;border-top:1px solid var(--hair);transition:opacity .18s ease}
.ln-s{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.ln-y{position:absolute;left:0;top:16px;font:500 var(--fs-26)/26px var(--mono);color:var(--red);letter-spacing:-.02em;white-space:nowrap}
.ln-y small{font:500 var(--fs-13)/1 var(--mono);letter-spacing:0}
.ln-y .rg{font:500 var(--fs-17)/26px var(--mono);letter-spacing:0}
.ln-tx{position:absolute;left:0;top:50px;width:calc(33.333% - 16px)}
.ln-n{font:400 var(--fs-23)/1.2 var(--old);letter-spacing:0;text-wrap:pretty}
.ln-n span{font:500 var(--fs-12)/1 var(--mono);color:var(--grey);margin-right:2px;letter-spacing:0;vertical-align:2px}
.ln-n a:hover{color:var(--red)}
.ln-w{font:400 var(--fs-14)/1.35 var(--sans);color:var(--grey);margin-top:6px}
.ln-q{position:absolute;margin:0;font:400 var(--fs-18)/1.32 var(--old);color:var(--ink);letter-spacing:0;text-wrap:pretty;padding-right:4px}
.ln-q u{text-underline-offset:.18em}
.ln-q a:hover{color:var(--red)}
.ln-gap{position:absolute;margin:0;font:400 var(--fs-13)/1.35 var(--sans);color:var(--grey)}
.bk{position:absolute;font:400 var(--fs-13)/16px var(--sans);white-space:nowrap;color:var(--ink);background:var(--paper);padding:0 2px;margin-left:-2px;letter-spacing:-.003em;cursor:default}
.js .bk{cursor:pointer}
.bk b{font:500 var(--fs-12)/16px var(--mono);letter-spacing:-.02em}
.bk.sh{color:var(--grey)}
.bk.c{color:var(--red)} .bk.x{color:var(--blue)}
.ln-w .bk{position:static;padding:1px 2px 2px;margin:0 -2px;background:transparent;font:inherit;white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.bk:hover,.bk:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;outline:none}
.bk.on{background:var(--hl);color:var(--ink);z-index:2}
.map.hi .ln:not(.on){opacity:.2}
.map.hi .ln.on{z-index:1}
.rd{position:absolute;z-index:6;display:none;width:280px;background:#fff;border:1px solid var(--ink);padding:10px 13px 12px;pointer-events:none}
.rd.pin{pointer-events:auto}
.rd-t{font:400 var(--fs-15)/1.35 var(--sans)}
.rd-t b{font-weight:600}
.rd-n{font:400 var(--fs-14)/1.4 var(--sans);color:var(--grey);margin-top:4px}
.rd-r{font:500 var(--fs-12)/1.5 var(--mono);letter-spacing:var(--track);text-transform:uppercase;margin-top:6px;display:flex;flex-wrap:wrap;gap:2px 14px}
.rd-r span{white-space:nowrap}
.rd-r .gl{width:10px;height:10px;margin-right:5px;vertical-align:-1px}
.rd-r .sq{display:inline-block;width:9px;height:9px;background:var(--red);margin-right:6px;vertical-align:0}
.rd-r .c{color:var(--red)} .rd-r .x{color:var(--blue)}
.rd-a{display:inline-block;margin-top:8px;font:600 var(--fs-14)/1.3 var(--sans);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.rd-a:hover{color:var(--red)}
.rd.fx{position:fixed;left:16px;right:16px;bottom:16px;top:auto;width:auto;z-index:40;padding:12px 16px 14px}
.rd-x{float:right;margin:-2px -4px 4px 12px;padding:6px 4px;background:none;border:0;font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--ink);cursor:pointer;text-decoration:underline;text-underline-offset:.25em}
@container hp (min-width:1440px){ .map .pre-d{display:block} }
@container hp (min-width:1080px) and (max-width:1439px){ .map .pre-m{display:block} }
@container hp (max-width:1079px){ .map .pre-p{display:block} }
@container hp (min-width:1080px){ .strip .pre-d{display:block} }
@container hp (max-width:1079px){ .strip .pre-p{display:block} }

/* the same map as a plain list (it carries everything when JS is off) */
.mpl{margin:72px var(--pad) 0;padding-top:30px;border-top:3px solid var(--ink);position:relative}
.mpl::before{content:"";position:absolute;left:0;right:0;top:2px;border-top:1px solid var(--ink)}
.mpl > h2{font:600 var(--fs-34)/1 var(--sans);letter-spacing:-.015em}
.mpl > p{font:400 var(--fs-17)/1.5 var(--sans);color:var(--grey);margin-top:12px;max-width:760px}
.mpl-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:34px;margin-top:30px}
.mpi{border-top:1px solid var(--ink);padding-top:12px;scroll-margin-top:12px}
.mpi h3{font:400 var(--fs-23)/1.2 var(--old);letter-spacing:0;display:flex;gap:10px;align-items:baseline}
.mpi h3 span{font:500 var(--fs-12)/1 var(--mono);color:var(--grey);flex:0 0 auto}
.mpi h3 a:hover{color:var(--red)}
.mpi:target h3 a{background:var(--hl)}
.mpi .src{font:400 var(--fs-14)/1.45 var(--sans);margin-top:8px}
.mpi .src .d{font:500 var(--fs-13)/1 var(--mono);color:var(--red);margin-right:2px}
.mpi ol{list-style:none;margin-top:8px;border-top:1px solid var(--hair)}
.mpi li{display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:12px;align-items:baseline;padding:6px 0 7px;border-bottom:1px solid var(--hair);font:400 var(--fs-14)/1.4 var(--sans)}
.mpi li .y{font:500 var(--fs-13)/1 var(--mono);text-align:right;white-space:nowrap}
.mpi li .l{font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;margin-right:8px;white-space:nowrap}
.mpi li .l .gl{width:10px;height:10px;margin-right:5px;vertical-align:-1px}
.mpi li.c .l,.mpi li.c .y{color:var(--red)}
.mpi li.x .l,.mpi li.x .y{color:var(--blue)}
.mpi li .s{color:var(--grey);white-space:nowrap}
.mpi li .s::before{content:"";display:inline-block;width:8px;height:8px;border:1.5px solid var(--grey);border-radius:50%;margin:0 5px 0 8px;vertical-align:0}
.mpi li a{text-decoration:underline;text-decoration-color:var(--hair);text-decoration-thickness:1px;text-underline-offset:.2em}
.mpi li a:hover{color:var(--red);text-decoration-color:currentColor}
.mpm{margin-top:44px;border-top:1px solid var(--ink);padding-top:12px}
.mpm h3{font:600 var(--fs-20)/1.2 var(--sans)}
.mpm > p{font:400 var(--fs-14)/1.5 var(--sans);color:var(--grey);margin-top:6px}
.mpm ul{list-style:none;margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.mpm li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding:8px 0 9px;border-top:1px solid var(--hair);font:400 var(--fs-14)/1.45 var(--sans);align-items:baseline}
.mpm li b{font-weight:600}
.mpm li .n{font:500 var(--fs-13)/1 var(--mono);white-space:nowrap}
.mpm li .on{grid-column:1/3;color:var(--grey);font-size:var(--fs-14);margin-top:2px}
.mpm li a{text-decoration:underline;text-decoration-color:var(--hair);text-decoration-thickness:1px;text-underline-offset:.2em}
.mpm li a:hover{color:var(--red);text-decoration-color:currentColor}

@container hp (max-width:1079px){
  .mp .ih{display:block}
  .mp h1{font-size:var(--fs-34);line-height:1.08;margin-top:12px}
  .mp .deck{font-size:var(--fs-17);line-height:1.5}
  .mp .how{margin-top:18px}
  .mp .lgd{padding-top:16px;gap:6px 16px}
  .map{margin:18px var(--pad) 0;--lay:p}
  .mp-sl{top:10px}
  .ln-y{top:14px;font-size:var(--fs-20);line-height:22px}
  .ln-y .rg{line-height:22px}
  .ln-tx{width:auto;right:0}
  .ln-n{font-size:var(--fs-20);line-height:1.2}
  .ln-w{font-size:var(--fs-13);margin-top:5px}
  .ln-q{font-size:var(--fs-17);line-height:1.35}
  .bk{font-size:var(--fs-12);line-height:15px}
  .bk b{font-size:var(--fs-12);line-height:15px}
  .ln-gap{font-size:var(--fs-12)}
  .rd{width:250px}
  .mpl{margin:48px var(--pad) 0;padding-top:22px}
  .mpl > h2{font-size:var(--fs-26)}
  .mpl > p{font-size:var(--fs-15)}
  .mpl-g{display:block;margin-top:10px}
  .mpi{margin-top:26px}
  .mpi h3{font-size:var(--fs-20)}
  .mpi .src{padding-left:0}
  .mpi li{grid-template-columns:84px minmax(0,1fr);column-gap:10px;font-size:var(--fs-14)}
  .mpm ul{display:block}
}

/* ---------- review round (2026-11-10): shared pieces ---------- */
/* the phone menu: a real button; About and Corrections only in the open phone menu, on paper to the bottom of the screen */
.hd nav .xm{display:none}
button.menu{background:none;border:0;color:var(--ink);cursor:pointer;font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase}
@container hp (max-width:1079px){
  .hd.open nav{left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));padding:4px var(--pad) 24px;min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);border-bottom:0}
  .hd.open nav .xm{display:block}
  .hd.open nav a.xm:first-of-type{border-top:1px solid var(--ink);margin-top:10px}
}
/* book titles are links to their book pages (reader 2) */
a.bt{border-bottom:1px dotted var(--grey)}
a.bt:hover{color:var(--red);border-bottom-color:var(--red)}
.who a.bt i{font-weight:400}
/* a copy link beside each year (reader 5); without JS it is a plain link to the entry */
.cpl{display:block;margin-top:9px;font:400 var(--fs-12)/1 var(--mono);color:var(--grey);letter-spacing:0;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;padding:4px 0}
.cpl:hover{color:var(--ink)}
.band .yr2 .cpl{margin-top:14px;text-align:right}
/* a secondhand entry says why, beside its level (reader 6) */
.cr2 .cpy,.app .cpy{font:400 var(--fs-14)/1.45 var(--sans);color:var(--grey);margin:4px 0 6px}
/* the evidence travels with the label (culture editor 1) */
.lab2 .nm.nq{margin-left:0}
.consp .q{color:var(--grey)}
/* the end of an idea page: the next idea, then the letter */
.nx{padding-top:48px}
.nx-b{grid-column:3/10;border-top:1px solid var(--ink);padding-top:14px}
.nx-k{font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--red)}
.nx-a{display:inline-block;font:400 var(--fs-23)/1.2 var(--old);margin-top:10px}
.nx-a span{font:500 var(--fs-13)/1 var(--mono);color:var(--grey);vertical-align:3px}
.nx-a:hover{color:var(--red)}
.ip .su{margin-top:0}
.su-l .ph.blk{margin-top:12px;max-width:440px}
/* the map: skip past the drawing; the card names every idea a book sits on */
.mp .skm{grid-column:1/13;font:400 var(--fs-14)/1.4 var(--sans);margin-top:12px}
.mp .skm a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.mp .skm a:hover{color:var(--red)}
.mpl > h2:focus{outline:none}
.rd{width:330px}
.rd-l{list-style:none;margin-top:8px;border-top:1px solid var(--hair)}
.rd-l li{font:400 var(--fs-14)/1.35 var(--sans);padding:6px 0 7px;border-bottom:1px solid var(--hair)}
.rd-l .t{display:block;font:500 var(--fs-12)/1.3 var(--mono);letter-spacing:var(--track);text-transform:uppercase;margin-bottom:2px}
.rd-l .t .nm{text-transform:none;letter-spacing:0;font-weight:400}
.rd-l .t .gl{width:10px;height:10px;margin-right:5px;vertical-align:-1px}
.rd-l li.c .t{color:var(--red)} .rd-l li.x .t{color:var(--blue)} .rd-l li.e .t{color:var(--red)}
.rd-l .sq{display:inline-block;width:9px;height:9px;background:var(--red);margin-right:6px}
.mpi li .l .nm{text-transform:none;letter-spacing:0;font-weight:400;white-space:normal}
.mpi li .l{white-space:normal}
@container hp (max-width:1079px){
  .cpl{margin-top:8px}
  .nx{padding-top:40px}
  .nx-b{grid-column:2}
  .nx-a{font-size:var(--fs-20)}
  .ip .su{margin-top:0}
  .rd{width:auto}
}

/* ======================= Part 3: page rules from builders B and C (add below, never above) ======================= */

/* --- builder C: letter.html, welcome.html (start; written by _build/build_c.py from _build/c.css, edit there) --- */
/* a gap Alex fills before launch (the [Alex: ...] lines): a sticky-note yellow, never the brand's pen yellow */
.ph{background:#FFF0A3;color:var(--ink);font:400 var(--fs-13)/1.55 var(--mono);letter-spacing:0;padding:2px 6px;border:1px dashed #9A8000;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ph.blk{display:block;justify-self:start;padding:8px 11px 9px;max-width:560px}

/* the letter page: the promise and the form on the left, the top of No. 1 (live text) on the right, then the archive */
.mp.lp .ih{align-items:start;padding-top:22px}
.lt-tx{grid-column:1/7;min-width:0}
.lt-tx .deck{margin-top:12px}
.lt-l2{font:400 var(--fs-17)/1.5 var(--sans);margin-top:12px}
.lt-l2 a,.wl-tx > p:not(.kick) a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.lt-l2 a:hover,.wl-tx > p:not(.kick) a:hover{color:var(--red)}
.lt-tx .ph.blk{margin-top:12px}
.su-f.lt-f{margin-top:28px;max-width:600px}
.lt-n{font:400 var(--fs-14)/1.55 var(--sans);color:var(--grey);margin-top:12px;max-width:560px}
.lt-n + .ph.blk{margin-top:10px}

/* the top of No. 1, set live in the site's faces (the email's own faces are web-safe; this is the web) */
.lt-sp{grid-column:8/13;display:block;position:relative;height:516px;overflow:hidden;border:1px solid var(--hair);margin-top:6px;background:var(--paper);color:var(--ink)}
.lt-sp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(rgba(251,251,248,0),var(--paper) 86%);pointer-events:none}
.lt-sp:hover{border-color:var(--ink)}
.lt-sp:hover .pv-t{color:var(--red)}
.lt-pv{display:block;padding:26px 28px 0}
.pv-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.pv-h .wm{font-size:26px}
.pv-no{font:500 var(--fs-12)/1 var(--mono);color:var(--grey);white-space:nowrap;padding-bottom:3px}
.pv-tg{font:400 var(--fs-13)/1.4 var(--sans);color:var(--grey);margin-top:10px}
.pv-rl{border-top:1px solid var(--ink);margin-top:16px}
.pv-k{font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--red);margin-top:24px}
.pv-t{font:700 var(--fs-29)/1.15 var(--old);letter-spacing:-.01em;margin-top:9px}
.pv-p{font:400 var(--fs-15)/1.6 var(--sans);margin:18px 0 0 84px;text-wrap:pretty}
.pv-b{display:grid;grid-template-columns:84px minmax(0,1fr);background:var(--band);border-top:2px solid var(--red);margin:24px -28px 0;padding:18px 28px 0}
.pv-y{font:500 var(--fs-20)/1.1 var(--mono);color:var(--red);white-space:nowrap}
.pv-y small{display:block;font-size:var(--fs-13);margin-top:2px}
.pv-y .pc{font-size:var(--fs-13)}
.pv-l{font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--red);margin-top:5px}
.pv-q{font:400 var(--fs-20)/1.5 var(--old);margin-top:10px;padding-bottom:40px}

/* the archive */
.mpl.lt-ar{padding-bottom:76px}
.lt-ar .lt-t{margin-top:26px;border-top:0;table-layout:fixed}
.lt-t thead th,.lt-t thead th.n,.lt-t thead th.ea{font:500 var(--fs-12)/1 var(--mono);letter-spacing:var(--track);color:var(--grey);border-top:1px solid var(--ink)}
.lt-t .n{width:56px}
.lt-t .dt{width:200px}
.lt-t td.dt{font:400 var(--fs-14)/1.4 var(--mono);color:var(--grey);white-space:nowrap;padding-right:24px}
.lt-t .ad{width:auto}
.lt-t td.ad{padding-right:40px}
.lt-t .ad a{text-wrap:pretty}
.lt-t .ad .pv{display:block;font:400 var(--fs-14)/1.45 var(--sans);color:var(--grey);margin-top:7px;max-width:640px}
.lt-t .ea{width:330px}
.lt-t td.ea{padding-right:0}

/* the welcome page: one reading column (18 px: one of the two first-person pages) */
.wl .ih{padding-top:26px;padding-bottom:84px}
.wl-tx{grid-column:3/10;min-width:0}
.wl h1{font:700 var(--fs-52)/1.06 var(--old);letter-spacing:-.014em;margin-top:11px}
.wl-tx > p:not(.kick){font:400 var(--fs-18)/1.6 var(--sans);margin-top:16px;max-width:640px;text-wrap:pretty}
.wl-tx > p.wl-lead{font-size:var(--fs-20);line-height:1.45;margin-top:14px}
.wl-nx{margin-top:34px;max-width:640px;border-top:1px solid var(--ink);padding-top:14px}
.wl-nx .nx-a{margin-top:10px}
.wl-sh{margin-top:30px;max-width:640px;background:var(--band);padding:16px 20px 18px}
.wl-sh p{font:400 var(--fs-17)/1.5 var(--sans)}
.wl-cp{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:12px}
.wl-cp code{font:400 var(--fs-14)/1.4 var(--mono);color:var(--ink);background:var(--paper);border:1px solid var(--hair);padding:7px 10px;overflow-wrap:anywhere;user-select:all}
.cpb{display:none;height:36px;padding:0 16px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font:600 var(--fs-15)/1 var(--sans);cursor:pointer;border-radius:0}
.js .cpb{display:inline-block}
.cpb:hover{background:var(--red);border-color:var(--red)}

@container hp (max-width:1079px){
  .mp.lp .ih{display:block;padding-top:22px}
  .lt-l2{font-size:var(--fs-15)}
  .su-f.lt-f{margin-top:22px;max-width:none}
  .lt-n{font-size:var(--fs-13)}
  .ph{font-size:var(--fs-12)}
  .lt-sp{height:520px;margin-top:34px}
  .lt-sp::after{height:90px}
  .lt-pv{padding:20px 18px 0}
  .pv-h{display:block}
  .pv-h .wm{font-size:26px}
  .pv-no{display:block;margin-top:10px;padding:0}
  .pv-t{font-size:var(--fs-23)}
  .pv-p{margin-left:0;font-size:var(--fs-15)}
  .pv-b{display:block;margin:22px -18px 0;padding:16px 18px 0}
  .pv-y small{display:inline;margin:0}
  .pv-l{margin-top:8px}
  .pv-q{font-size:var(--fs-18)}
  .mpl.lt-ar{padding-bottom:52px}
  .lt-ar .lt-t{margin-top:16px}
  .lt-t thead{display:none}
  .lt-t tr{grid-template-columns:30px minmax(0,1fr)}
  .lt-t .n{grid-row:1;grid-column:1;padding-top:3px}
  .lt-t td.dt{grid-row:1;grid-column:2;width:auto;font-size:var(--fs-13);padding:0}
  .lt-t td.ad{grid-row:2;grid-column:2;padding:6px 0 0}
  .lt-t .ad .pv{font-size:var(--fs-14)}
  .lt-t td.ea{grid-row:3;grid-column:2;width:auto;margin-top:8px}
  .wl .ih{display:block;padding-top:22px;padding-bottom:56px}
  .wl h1{font-size:var(--fs-34);line-height:1.08;margin-top:12px}
  .wl-tx > p:not(.kick){font-size:var(--fs-17);line-height:1.6}
  .wl-tx > p.wl-lead{font-size:var(--fs-17);line-height:1.5}
  .wl-nx{margin-top:30px}
  .wl-sh{margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));padding:16px var(--pad) 18px}
  .wl-sh p{font-size:var(--fs-15)}
}
@container hp (min-width:760px) and (max-width:1079px){
  .wl-sh{margin-left:0;margin-right:0;padding:16px 20px 18px}
}
/* --- builder C (end) --- */

/* --- step 11: reduced motion everywhere --- */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* --- step 11: the map ships its drawing once (1440); under that, without JS, the list below is the map --- */
@container hp (max-width:1439px){ .map .pre-d{display:none} }
.pv .tx p a{text-decoration:underline}