*{box-sizing:border-box}body{margin:0;background:#ffde00;color:#111;font-family:Arial,sans-serif}a{color:inherit}header,footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:22px max(24px,calc((100vw - 1240px)/2));border-bottom:3px solid #111;font:14px 'Space Mono',monospace}header a:first-child{font-weight:700}header a{text-decoration:none}main{max-width:1240px;margin:auto;padding:64px 24px 80px}.eyebrow{font:13px 'Space Mono',monospace;letter-spacing:.06em;font-weight:700}h1{font-size:clamp(52px,8vw,100px);line-height:.94;letter-spacing:-.055em;margin:22px 0;text-transform:uppercase;font-weight:900}.intro{font-size:21px;line-height:1.5;max-width:630px;margin-bottom:48px}.article{display:grid;grid-template-columns:1fr 1.2fr;background:white;border:3px solid #111;box-shadow:8px 8px 0 #111;text-decoration:none}.article:hover h2{text-decoration:underline}.art{padding:44px 36px;background:#e5f2ea;border-right:3px solid #111;display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:12px}.token{font:24px 'Space Mono',monospace;padding:12px 16px;border:2px solid #246544;background:#c2e9cd}.token.red{background:#f6d6df;border-style:dashed;border-color:#9a3652}.art>span{font:12px/1.8 'Space Mono',monospace;margin-top:28px;width:100%}.details{padding:32px 36px}.details h2{font:600 clamp(30px,3.4vw,46px)/1.12 Fraunces,Georgia,serif;letter-spacing:-.025em;margin:20px 0}.details>p:not(.eyebrow){font-size:18px;line-height:1.6}.details strong{display:flex;justify-content:space-between;font:700 14px 'Space Mono',monospace;border-top:2px solid #111;padding-top:20px;margin-top:24px}footer{border-bottom:0;border-top:3px solid #111;font-size:12px}a:focus-visible{outline:4px solid #1847d4;outline-offset:6px}@media(max-width:720px){main{padding-top:40px}.article{grid-template-columns:1fr}.art{border-right:0;border-bottom:3px solid #111;padding:26px}.art>span{margin-top:8px}.details{padding:26px}.token{font-size:20px;padding:8px 10px}.intro{font-size:19px}header{font-size:12px;gap:12px}}
.article+.article{margin-top:36px}.sorting-art{background:#eee7da}.sorting-art .token{background:#f6f1e8;border-color:#242722;color:#242722}.sorting-art .token.red{background:#b84128;color:#fffdf8;border-color:#b84128}