/* Heap Happens site — brand tokens from HeapHappens/Design/DesignSystem.swift */
:root{--sky:#8AD3F7;--sky-deep:#4FA8E0;--crane:#FFC21F;--ink:#1E2130;--muted:#4A5063;--dirt:#B9895A;--card:#fff}
*{box-sizing:border-box}
html{background:var(--sky)}
body{margin:0;color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:linear-gradient(var(--sky-deep),var(--sky) 60%);min-height:100vh}
a{color:var(--ink);text-underline-offset:3px}
.wrap{max-width:720px;margin:0 auto;padding:28px 20px 48px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.word{font:900 28px/1 "Arial Black",Impact,system-ui,sans-serif;color:var(--crane);text-decoration:none;
  -webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);letter-spacing:.5px}
.card{background:var(--card);border:3px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink);padding:22px 24px;margin:22px 0}
h1{font:900 clamp(34px,7vw,52px)/1.05 "Arial Black",Impact,system-ui,sans-serif;margin:30px 0 6px}
h2{font-size:22px;line-height:1.3;margin:30px 0 6px}
ul{padding-left:22px}
li{margin:6px 0}
.dated{color:var(--muted);font-size:15px;margin:0}
.short{background:var(--crane)}
.hero{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.hero img{width:160px;height:auto}
.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px;margin-top:36px}
@media (max-width:480px){.hero{grid-template-columns:1fr}.hero img{width:120px}}