@import url("/fonts/retro.css");
:root{--paper:#efe5cf;--card:#f7f0de;--ink:#231c17;--muted:#6d6252;--line:#cbb994;--red:#c8261d;--mustard:#e2a627;
  --display:"Oswald",Impact,sans-serif;--body:"Work Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}
*{box-sizing:border-box}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.65}
a{color:inherit}
.topbar{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:3px double var(--ink)}
.topbar::before{content:"";display:block;height:8px;background:var(--red)}
.topbar__in{max-width:1220px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{font-family:var(--display);font-weight:700;font-size:1.25rem;text-transform:uppercase;letter-spacing:.02em;text-decoration:none}
.logo i{font-style:normal;color:var(--red)}
.back{text-decoration:none;font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-weight:700;background:var(--red);color:var(--paper);
  padding:8px 14px;border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:.9rem}
.back:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
main{max-width:860px;margin:0 auto;padding:clamp(40px,7vw,80px) 20px 80px}
h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(2.6rem,8vw,4.6rem);line-height:.9;margin:0 0 32px}
h2{font-family:var(--display);text-transform:uppercase;font-size:1.35rem;letter-spacing:.02em;margin:36px 0 6px}
h3{font-family:var(--display);text-transform:uppercase;font-size:1.05rem;margin:22px 0 4px}
.card{background:var(--card);border:2.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:clamp(22px,4vw,40px)}
.card > h2:first-child{margin-top:0}
p,li{color:#2e2620}
ul{padding-left:1.2em}
.note{font-family:var(--mono);font-size:.85rem;border-top:1.5px dashed var(--line);padding-top:14px;color:var(--muted)}
.foot{background:var(--ink);color:#8f8370;font-family:var(--mono);font-size:.8rem}
.foot__in{max-width:1220px;margin:0 auto;padding:26px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
.foot a{color:#cbbfa6;text-decoration:none;margin-left:18px}
.foot a:hover{color:var(--mustard)}