.how .hero{padding-bottom:0}
.toc{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 24px;margin-top:30px;border-top:1px solid var(--ink);padding-top:12px}
.toc a{text-decoration:none;font:400 19px 'Stack Serif'}.toc b{font:600 11px 'Stack Sans';letter-spacing:.2em;color:var(--red);margin-right:8px}
.ch{margin-top:64px;border-top:3px solid var(--ink);padding-top:12px;max-width:760px}
.ch h2{font:400 44px/1.05 'Stack Serif';margin:4px 0 18px}.ch h2 b{font:600 13px 'Stack Sans';letter-spacing:.22em;color:var(--red);vertical-align:middle;margin-right:12px}
.ch p{font:400 21px/1.55 'Stack Serif';margin:0 0 18px}
.ch code{font:14px 'Stack Mono';background:#e9e2d5;padding:2px 5px;border-radius:3px}
.ch figure{margin:22px 0;padding:14px 0 10px;border-top:1px solid #cfc6b6;border-bottom:1px solid #cfc6b6}
.ch figure .flow{margin:0 0 10px}
.ch figcaption{font:400 15px/1.45 'Stack Sans';color:#3a3630}.ch figcaption b{color:var(--ink)}.ch figcaption a{color:var(--red)}
.plates{margin:22px 0;display:grid;gap:12px}.plates.two{grid-template-columns:1fr 1fr}
.plates img{width:100%;display:block;border:1px solid #cfc6b6;background:#12151b}
.plates.two img{aspect-ratio:9/17;object-fit:cover;object-position:top}
.ideas{width:100%;border-collapse:collapse;font:400 18px/1.4 'Stack Serif'}
.ideas th{font:600 11px 'Stack Sans';letter-spacing:.22em;text-transform:uppercase;text-align:left;color:var(--mut);border-bottom:2px solid var(--ink);padding:6px 0}
.ideas td{border-bottom:1px solid #cfc6b6;padding:10px 12px 10px 0;vertical-align:top}.ideas td small{font:12px 'Stack Mono';color:var(--red);margin-left:6px}
.chart svg{width:100%;height:auto}
.coda{font-style:italic}
@media (max-width:720px){.toc{grid-template-columns:1fr 1fr}.ch h2{font-size:34px}.ch p{font-size:19px}}
.flip{position:relative;aspect-ratio:16/10;background:#12151b;border:1px solid #cfc6b6;overflow:hidden}.flip img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.plates .cap{font:400 14px 'Stack Sans';color:#6b645a;margin:6px 0 0}
.ch-hero{width:100%;display:block;margin:4px 0 22px;border:1px solid #cfc6b6;background:#12151b;aspect-ratio:16/9;object-fit:cover}
.pull{margin:30px 0;padding:6px 0 6px 22px;border-left:5px solid var(--red);font:italic 400 30px/1.25 'Stack Serif';color:var(--ink)}
.pull cite{display:block;font:600 11px 'Stack Sans';font-style:normal;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);margin-top:10px}
@media (max-width:720px){.ch-hero{margin-left:-18px;margin-right:-18px;width:calc(100% + 36px);border-left:0;border-right:0}
  .pull{font-size:24px}.ideas tr{display:block;border-bottom:1px solid #cfc6b6;padding:8px 0}.ideas th{display:none}.ideas td{display:block;border:0;padding:2px 0}.ideas td:first-child{font-weight:600}
  .ch{max-width:none}.toc a{font-size:17px}}
.plates.gal{grid-template-columns:repeat(4,1fr)}.plates.gal img{aspect-ratio:16/9;object-fit:cover;object-position:0 0}