@font-face{font-family:'Share Tech Mono';src:url('/plugins/the-face/assets/share-tech-mono.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}:root{--paper:#e9dfcf;--cream:#f3eadb;--ink:#11110f;--red:#e3211b;--font-tech:'Share Tech Mono','Courier New',monospace;--font-display:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.8 var(--font-tech)}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--red)}a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.skip{position:absolute;left:16px;top:-100px;background:var(--cream);padding:8px}.skip:focus{top:0}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px max(24px,calc((100vw - 1120px)/2));border-bottom:2px solid var(--ink);background:var(--cream)}.brand{font:32px/1 var(--font-display);text-transform:uppercase;text-decoration:none}header nav{display:flex;gap:24px;flex-wrap:wrap}main{max-width:1120px;margin:auto;padding:56px 28px 80px}.eyebrow,.crumb,.byline{font-size:13px;letter-spacing:.04em}.eyebrow{color:var(--red)}h1,h2{font-family:var(--font-display);font-weight:400;line-height:1.06}h1{font-size:clamp(38px,6vw,76px);max-width:950px;margin:22px 0}h2{font-size:clamp(28px,3vw,38px);margin:0 0 20px}.intro{max-width:820px;font-size:20px;line-height:1.6}figure{margin:40px 0;padding:24px;background:var(--cream);border:1px solid var(--ink)}figure img{display:block;max-width:100%;height:auto;max-height:500px;object-fit:contain;margin:auto}.article-body{max-width:780px;margin:auto}.article-body section{margin:48px 0}.article-body p{margin:0}aside{padding:28px;border:2px solid var(--red);margin-top:60px}li{margin:14px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin-top:48px}.cards article{padding:28px;border:1px solid var(--ink);background:var(--cream)}.cards h2 a{text-decoration:none}footer{background:var(--ink);color:var(--cream);padding:36px max(28px,calc((100vw - 1064px)/2))}footer strong{font:30px var(--font-display);text-transform:uppercase}@media(max-width:600px){header{padding:18px;align-items:flex-start;flex-direction:column;gap:16px}main{padding:30px 20px 55px}.intro{font-size:18px}figure{padding:12px}aside{padding:18px}}@media print{header,footer,.skip{display:none}body{background:white;color:black}main{padding:0}h1{font-size:36px}h2{font-size:24px}section{break-inside:avoid}figure img{max-height:220px}}
