@font-face{font-family:"Barlow";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/barlow-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/barlow-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}
:root{--red:#D62828;--amber:#F2A516;--ink:#262122;--soft:#F6F4F2}
*{box-sizing:border-box;margin:0}
body{font:400 1.0625rem/1.7 "Barlow",system-ui,sans-serif;color:var(--ink);background:#fff}
.bar{height:.5rem;background:repeating-linear-gradient(135deg,var(--amber) 0 14px,var(--red) 14px 28px)}
.wrap{max-width:46rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}
a{color:var(--red)}
.back{display:inline-block;margin-bottom:1.5rem;font-weight:600;text-decoration:none}
h1,h2{font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;line-height:1.05}
h1{font-size:clamp(2.4rem,8vw,3.6rem);color:var(--red);margin-bottom:1.5rem}
h2{font-size:1.6rem;margin:2rem 0 .5rem}
p,ul,dl{margin-bottom:1rem}
ul{padding-left:1.25rem}
dl{background:var(--soft);padding:1rem 1.25rem;border-left:.4rem solid var(--amber)}
dt{font-weight:600;margin-top:.5rem}
dt:first-child{margin-top:0}
dd{margin:0}
.todo{background:var(--amber);padding:0 .25rem;border-radius:.2rem}
.upd{opacity:.7;font-size:.95rem}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}