/* ė.ink — INK. Monochrome paper, one red ink. Written for this site only. */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:200 700;font-display:swap;src:url(/assets/fonts/dm-sans-latin.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:"DM Sans";font-style:normal;font-weight:200 700;font-display:swap;src:url(/assets/fonts/dm-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink-ink:#1E262B;
  --ink-ink77:rgba(30,38,43,.77);
  --ink-ink64:rgba(30,38,43,.64);
  --ink-paper:#FFFFFF;
  --ink-tint:#FAFAFA;
  --ink-hair:rgba(30,38,43,.12);
  --ink-hair2:rgba(30,38,43,.07);
  --ink-muted:#717171;
  --ink-red:#DC2626;
  --ink-redwash:rgba(220,38,38,.055);
  --ink-fill:#1E262B;
  --ink-onfill:#FFFFFF;
  --ink-measure:1265px;
  --ink-gut:clamp(20px,5vw,56px);
  --ink-band:clamp(56px,6.4vw,96px);
  --ink-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:light;
}
:root[data-ink-edition="dark"]{
  --ink-ink:#FFFFFF;
  --ink-ink77:rgba(255,255,255,.72);
  --ink-ink64:rgba(255,255,255,.64);
  --ink-paper:#0C1116;
  --ink-tint:#131B22;
  --ink-hair:rgba(255,255,255,.16);
  --ink-hair2:rgba(255,255,255,.08);
  --ink-muted:rgba(255,255,255,.62);
  --ink-red:#EF4444;
  --ink-redwash:rgba(239,68,68,.08);
  --ink-fill:#FFFFFF;
  --ink-onfill:#0C1116;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--ink-paper);color:var(--ink-ink);font:400 1.0625rem/1.62 "DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-kerning:normal;overflow-wrap:break-word}
[hidden]{display:none!important}
a{color:inherit;text-decoration-line:underline;text-decoration-color:var(--ink-red);text-decoration-thickness:1.5px;text-underline-offset:.2em}
a:hover{color:var(--ink-red)}
:focus-visible{outline:2px solid var(--ink-red);outline-offset:3px;border-radius:4px}
code{font-family:var(--ink-mono);font-size:.84em;overflow-wrap:anywhere;padding:0 .15em;border-bottom:1px dotted var(--ink-hair)}
strong{font-weight:600}
.ink-wrap{max-width:var(--ink-measure);margin:0 auto;padding:0 var(--ink-gut)}
.ink-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.ink-skip{position:absolute;left:-9999px;top:10px;z-index:20;background:var(--ink-fill);color:var(--ink-onfill);padding:.55rem 1.1rem;border-radius:999px;text-decoration:none;font-weight:600}
.ink-skip:focus{left:12px}

/* masthead */
.ink-top{border-bottom:1px solid var(--ink-hair);background:var(--ink-paper)}
.ink-toprow{display:flex;align-items:center;gap:1rem;min-height:64px}
.ink-mark{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:600;font-size:1.18rem;letter-spacing:-.025em;color:var(--ink-ink)}
.ink-mark:hover{color:var(--ink-ink)}
.ink-mark svg{width:28px;height:28px;flex:none}
.ink-mark-bg{fill:var(--ink-fill)}
.ink-mark-drop{fill:var(--ink-red)}
:root[data-ink-edition="dark"] .ink-mark-bg{fill:#1E262B}
.ink-stop{color:var(--ink-red)}
.ink-nav{margin-left:auto;display:flex;gap:1.1rem;font-size:.92rem}
.ink-nav a{text-decoration:none;color:var(--ink-ink77);padding:.3rem 0}
.ink-nav a:hover{color:var(--ink-ink)}
.ink-nav a[aria-current="page"]{color:var(--ink-ink);box-shadow:inset 0 -2px 0 var(--ink-red)}
.ink-switch{display:inline-flex;gap:2px;border:1px solid var(--ink-hair);border-radius:999px;padding:2px;flex:none}
.ink-switch button{appearance:none;-webkit-appearance:none;border:0;margin:0;background:transparent;color:var(--ink-ink64);width:30px;height:26px;border-radius:999px;display:grid;place-items:center;cursor:pointer}
.ink-switch button:hover{color:var(--ink-ink)}
.ink-switch button[aria-pressed="true"]{background:var(--ink-fill);color:var(--ink-onfill)}
.ink-switch svg{width:15px;height:15px}

/* type */
.ink-eyebrow{display:flex;align-items:center;gap:.7rem;margin:0 0 1rem;font-size:.69rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--ink-ink64)}
.ink-eyebrow::before{content:"";width:26px;height:1px;background:var(--ink-red);flex:none}
.ink-d1{font-weight:200;letter-spacing:-.035em;line-height:1.08;font-size:clamp(2.35rem,6vw,4.5rem);margin:0}
.ink-d2{font-weight:600;letter-spacing:-.04em;line-height:1.1;font-size:clamp(1.6rem,3.1vw,2.3rem);margin:0 0 1rem}
.ink-stroke{background:linear-gradient(var(--ink-red),var(--ink-red)) no-repeat 0 96%/100% .075em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ink-lede{font-size:clamp(1.08rem,1.55vw,1.28rem);font-weight:300;line-height:1.55;color:var(--ink-ink77);max-width:40rem;margin:1.4rem 0 1.7rem}

/* pills */
.ink-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.72rem 1.3rem;border-radius:999px;background:var(--ink-fill);color:var(--ink-onfill);border:1px solid var(--ink-fill);text-decoration:none;font-weight:600;font-size:.95rem;line-height:1.2}
.ink-pill:hover{background:var(--ink-red);border-color:var(--ink-red);color:var(--ink-onfill)}
.ink-pill-ghost{background:transparent;color:var(--ink-ink);border-color:var(--ink-hair)}
.ink-pill-ghost:hover{background:transparent;color:var(--ink-red);border-color:var(--ink-red)}

/* console panels */
.ink-panel{border:1px solid var(--ink-hair);border-radius:15px;background:var(--ink-paper)}
.ink-panel-head{display:flex;align-items:center;gap:.6rem;padding:.72rem 1.05rem;border-bottom:1px solid var(--ink-hair2);font-size:.69rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-ink64)}
.ink-panel-head::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink-red);flex:none}
.ink-panel-body{padding:1.15rem 1.15rem 1.25rem}

/* drawings */
.ink-dg{display:block;width:100%;height:auto;max-width:420px;margin:0 auto;overflow:visible}
.ink-dg-own{fill:var(--ink-paper);stroke:var(--ink-red);stroke-width:1.6}
.ink-dg-out{fill:var(--ink-tint);stroke:var(--ink-ink);stroke-width:1.1}
.ink-dg-opt{fill:var(--ink-paper);stroke:var(--ink-ink64);stroke-width:1.1;stroke-dasharray:4 3}
.ink-dg-t{fill:var(--ink-ink);font-weight:600;font-size:12px;letter-spacing:-.01em}
.ink-dg-s{fill:var(--ink-ink77);font-size:10.5px}
.ink-dg-red{fill:none;stroke:var(--ink-red);stroke-width:1.8;stroke-linecap:round}
.ink-dg-dash{fill:none;stroke:var(--ink-ink64);stroke-width:1.2;stroke-dasharray:4 3}
.ink-dg-l{fill:var(--ink-ink77);font-size:10px;font-style:italic;paint-order:stroke;stroke:var(--ink-paper);stroke-width:3.5px;stroke-linejoin:round}
.ink-dg-tipr{fill:var(--ink-red)}
.ink-dg-tipk{fill:var(--ink-ink64)}
.ink-flow .ink-dg-red{animation:ink-run 1.5s cubic-bezier(.3,.1,.3,1) 1}
@keyframes ink-run{from{stroke-dasharray:2 6;stroke-dashoffset:48}to{stroke-dasharray:2 6;stroke-dashoffset:0}}

.ink-plate{margin:1.7rem 0 1.9rem}
.ink-plate-in{display:grid;gap:1.2rem;padding:1.15rem}
.ink-plate figcaption{font-style:italic;color:var(--ink-ink77);font-size:.93rem;line-height:1.52}
.ink-figno{display:block;font-style:normal;font-size:.69rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-red);margin-bottom:.35rem}
.ink-key{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.4rem;font-style:normal;font-size:.8rem;color:var(--ink-ink77)}
.ink-key li{display:flex;align-items:center;gap:.6rem}
.ink-key i{display:inline-block;flex:none;width:24px}
.ink-k-own{height:13px;border:1.6px solid var(--ink-red);border-radius:3px}
.ink-k-out{height:13px;border:1.1px solid var(--ink-ink);border-radius:3px;background:var(--ink-tint)}
.ink-k-red{height:0;border-top:2px solid var(--ink-red)}
.ink-k-dash{height:0;border-top:1.5px dashed var(--ink-ink64)}
.ink-plate-key .ink-key{margin:0;font-size:.9rem}
@media (max-width:559px){
  .ink-sec .ink-plate,.ink-hero-grid .ink-hero-fig{margin-left:calc(-1 * var(--ink-gut));margin-right:calc(-1 * var(--ink-gut));border-radius:0;border-left:0;border-right:0}
  .ink-plate-in,.ink-hero-grid .ink-hero-fig-in{padding:.75rem .5rem 1rem}
  .ink-plate figcaption,.ink-hero-fig figcaption{padding:0 calc(var(--ink-gut) - .5rem)}
}
@media (min-width:760px){
  .ink-plate-in{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:end}
  .ink-plate-key{grid-template-columns:1fr}
}

/* front page */
.ink-hero{padding:clamp(40px,6vw,88px) 0 var(--ink-band);border-bottom:1px solid var(--ink-hair)}
.ink-hero-grid{display:grid;gap:clamp(30px,4vw,64px)}
.ink-hero-go{display:flex;flex-wrap:wrap;gap:.7rem;margin:0 0 1.6rem}
.ink-hero-own{display:flex;align-items:baseline;gap:.6rem;margin:0;font-size:.9rem;color:var(--ink-ink77);max-width:36rem}
.ink-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ink-red);transform:translateY(-1px)}
.ink-hero-fig{margin:0}
.ink-hero-fig-in{padding:1rem 1.05rem 1.1rem}
.ink-hero-fig figcaption{margin-top:.9rem;font-style:italic;font-size:.9rem;color:var(--ink-ink77);line-height:1.5}
@media (min-width:920px){
  .ink-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);align-items:center}
}
.ink-ten{padding:var(--ink-band) 0 calc(var(--ink-band)*.6)}
.ink-ten-head{max-width:46rem;margin-bottom:clamp(20px,3vw,36px)}
.ink-ten-intro{color:var(--ink-ink77);margin:0}
.ink-lane{display:grid;gap:1.2rem;padding:clamp(26px,3.4vw,44px) 0;border-top:1px solid var(--ink-hair)}
.ink-lane-head h3{margin:.5rem 0 .4rem;font-size:1.22rem;font-weight:600;letter-spacing:-.025em;line-height:1.25}
.ink-lane-head p{margin:0;color:var(--ink-ink77);font-size:.94rem}
.ink-lane-head .ink-lane-count{margin-top:.6rem;font:600 .74rem/1 var(--ink-mono);color:var(--ink-red);letter-spacing:.04em}
.ink-lane-ico{width:62px;height:24px;fill:none;stroke:var(--ink-red);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ink-entries{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}
.ink-entry{position:relative;border:1px solid var(--ink-hair);border-radius:14px;padding:1rem 1.1rem 1.1rem;background:var(--ink-paper);transition:border-color .15s ease}
.ink-entry:hover,.ink-entry:focus-within{border-color:var(--ink-red)}
.ink-entry-no{display:flex;align-items:baseline;gap:.6rem;margin:0 0 .5rem;font-size:.69rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-ink64)}
.ink-entry-no span{font:600 .95rem/1 var(--ink-mono);letter-spacing:0;color:var(--ink-red)}
.ink-entry h4{margin:0 0 .45rem;font-size:1.45rem;font-weight:300;letter-spacing:-.03em;line-height:1.15}
.ink-entry h4 a{text-decoration:none}
.ink-entry h4 a::after{content:"";position:absolute;inset:0;border-radius:14px}
.ink-entry h4 a:focus-visible{outline:none}
.ink-entry h4 a:focus-visible::after{outline:2px solid var(--ink-red);outline-offset:3px}
.ink-entry-line{margin:0 0 .7rem;font-size:.95rem;line-height:1.5}
.ink-entry-vs{margin:0;font-size:.8rem;font-style:italic;color:var(--ink-ink64)}
@media (min-width:900px){
  .ink-lane{grid-template-columns:16rem minmax(0,1fr);gap:2.4rem}
}
.ink-rules{padding:var(--ink-band) 0;border-top:1px solid var(--ink-hair);background:var(--ink-tint)}
.ink-rules-grid{display:grid;gap:1.4rem}
.ink-rulelist{margin:0;padding:0;list-style:none;counter-reset:inkrule;display:grid;gap:1.1rem}
.ink-rulelist li{position:relative;padding-left:2.6rem;color:var(--ink-ink77)}
.ink-rulelist li strong{color:var(--ink-ink);display:block}
.ink-rulelist li::before{counter-increment:inkrule;content:counter(inkrule);position:absolute;left:0;top:.1rem;width:1.7rem;height:1.7rem;border:1.5px solid var(--ink-red);border-radius:50%;display:grid;place-items:center;font:600 .8rem/1 var(--ink-mono);color:var(--ink-red)}
@media (min-width:900px){
  .ink-rules-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem}
}

/* review sheet */
.ink-rhead{padding:clamp(30px,4.5vw,64px) 0 clamp(28px,3.4vw,46px);border-bottom:1px solid var(--ink-hair)}
.ink-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;padding:0;margin:0 0 1.6rem;font-size:.84rem;color:var(--ink-ink64)}
.ink-crumbs li+li::before{content:"/";margin-right:.45rem;color:var(--ink-red)}
.ink-crumbs a{color:var(--ink-ink77)}
.ink-rtitle{font-weight:200;letter-spacing:-.035em;line-height:1.06;font-size:clamp(2.5rem,7.6vw,5.4rem);margin:0}
.ink-dek{font-size:clamp(1.1rem,1.75vw,1.38rem);font-weight:300;line-height:1.48;color:var(--ink-ink77);max-width:46rem;margin:1.1rem 0 1.5rem}
.ink-facts{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem 1.6rem;font-size:.85rem;color:var(--ink-ink77)}
.ink-facts b{display:block;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-ink64)}
.ink-headgo{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin:0}
.ink-body{padding-top:clamp(30px,4vw,56px);padding-bottom:var(--ink-band)}
.ink-sheet{max-width:44rem}
.ink-sec{margin:0 0 clamp(38px,4.6vw,64px)}
.ink-sec h2{display:flex;align-items:baseline;gap:.75rem;font-weight:600;letter-spacing:-.04em;font-size:clamp(1.42rem,2.5vw,1.9rem);line-height:1.16;margin:0 0 1rem}
.ink-num{flex:none;display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border:1.5px solid var(--ink-red);border-radius:50%;color:var(--ink-red);font:600 .8rem/1 var(--ink-mono);letter-spacing:0;transform:translateY(-.12em)}
.ink-sec p{margin:0 0 1rem}
.ink-margin{display:block;font-style:italic;color:var(--ink-ink77);font-size:.93rem;line-height:1.52;margin:1.1rem 0 1.3rem;padding:.1rem 0 .1rem 1rem;border-left:2px solid var(--ink-red)}
.ink-mtag{display:block;font-style:normal;font-size:.64rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-red);margin-bottom:.25rem}
@media (min-width:1120px){
  .ink-sheet{max-width:64rem;padding-right:19rem}
  .ink-margin{float:right;clear:right;width:15rem;margin:.35rem -19rem 1.2rem 0;padding:.55rem 0 0;border-left:0;border-top:2px solid var(--ink-red)}
}

.ink-log{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink-hair)}
.ink-log li{display:grid;gap:.15rem;padding:.95rem 0;border-bottom:1px solid var(--ink-hair2)}
.ink-log time{font:500 .8rem/1.6 var(--ink-mono);color:var(--ink-red);font-variant-numeric:tabular-nums;white-space:nowrap}
.ink-log .ink-did{margin:0;font-weight:600;font-size:.97rem}
.ink-log .ink-got{margin:.15rem 0 0;color:var(--ink-ink77);font-size:.95rem}
@media (min-width:640px){.ink-log li{grid-template-columns:7.4rem minmax(0,1fr);gap:1rem}}

.ink-fieldnote{color:var(--ink-ink77);font-size:.95rem}
.ink-rival{border-top:1px solid var(--ink-hair);padding:1.35rem 0 .35rem}
.ink-rival h3{font-size:1.22rem;font-weight:600;letter-spacing:-.025em;margin:0 0 .2rem;line-height:1.25}
.ink-sec .ink-checked{font-size:.82rem;color:var(--ink-ink64);margin:0 0 .75rem}
.ink-checked a{color:var(--ink-ink77)}
.ink-pair{display:grid;gap:1rem;margin-top:.9rem}
.ink-pair h4{margin:0 0 .5rem;font-size:.69rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700}
.ink-pencil h4{color:var(--ink-ink64)}
.ink-redink h4{color:var(--ink-red)}
.ink-pair ul{margin:0;padding:0;list-style:none}
.ink-pair li{position:relative;padding-left:1.15rem;margin:0 0 .6rem;font-size:.95rem;line-height:1.5}
.ink-pair li::before{content:"";position:absolute;left:0;top:.74em;width:.62rem}
.ink-pencil li::before{border-top:1px solid var(--ink-ink64)}
.ink-redink li::before{border-top:2px solid var(--ink-red)}
.ink-cite{display:block;margin-top:.15rem;font:500 .74rem/1.4 var(--ink-mono);color:var(--ink-ink64);overflow-wrap:anywhere}
@media (min-width:640px){.ink-pair{grid-template-columns:1fr 1fr;gap:1.6rem}}

.ink-faults{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink-hair)}
.ink-faults li{position:relative;padding:.8rem 0 .8rem 2.2rem;border-bottom:1px solid var(--ink-hair2)}
.ink-faults li::before{content:"";position:absolute;left:.25rem;top:1.35rem;width:1rem;border-top:2px solid var(--ink-red);transform:rotate(-12deg)}

.ink-proof .ink-panel-body{padding:1.3rem 1.3rem 1.4rem}
.ink-say{font-size:clamp(1.18rem,2vw,1.45rem);font-weight:300;line-height:1.42;letter-spacing:-.012em;margin:0 0 1.3rem!important}
.ink-marks{display:grid;gap:1rem;margin:0 0 1.4rem}
.ink-marks div{padding-top:.55rem}
.ink-mark-red{border-top:2px solid var(--ink-red)}
.ink-mark-pencil{border-top:1px dashed var(--ink-ink64)}
.ink-marks dt{font-size:.69rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.ink-mark-red dt{color:var(--ink-red)}
.ink-mark-pencil dt{color:var(--ink-ink64)}
.ink-marks dd{margin:.35rem 0 0;font-size:.97rem}
.ink-go{margin:0!important}
@media (min-width:640px){.ink-marks{grid-template-columns:1fr 1fr;gap:1.6rem}}

/* method */
.ink-disclose{border:1px solid var(--ink-red);border-radius:15px;background:var(--ink-redwash);padding:1.2rem 1.3rem;margin:0 0 clamp(36px,4.4vw,56px)}
.ink-disclose p{margin:0 0 .8rem}
.ink-disclose p:last-child{margin:0}
.ink-disclose-lead{font-size:clamp(1.12rem,1.8vw,1.32rem);font-weight:500;letter-spacing:-.012em;line-height:1.42}

/* 404 */
.ink-lost{padding:var(--ink-band) 0 calc(var(--ink-band)*1.4)}

/* footer */
.ink-foot{border-top:1px solid var(--ink-hair);padding:clamp(32px,4vw,52px) 0 clamp(36px,4.4vw,60px);font-size:.9rem;color:var(--ink-ink77)}
.ink-foot-in{display:grid;gap:1rem}
.ink-own{margin:0;max-width:52rem}
.ink-own strong{color:var(--ink-ink)}
.ink-foot-line{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;margin:0;font-size:.82rem;color:var(--ink-ink64)}
.ink-foot-line a{color:var(--ink-ink77)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}
@media print{
  .ink-switch,.ink-skip,.ink-headgo,.ink-go{display:none!important}
  .ink-sheet{padding-right:0!important;max-width:none!important}
  .ink-margin{float:none!important;width:auto!important;margin:1rem 0!important}
}