:root{--cream:#FFF2D6;--ink:#3D122B;--pink:#FF4585;--yellow:#FFCC1F;--mint:#26CC9E;--blue:#4073FF;--tang:#FF8019;--paper:#FFF9EA}
*{box-sizing:border-box;margin:0}
html{background:var(--cream);color:var(--ink)}
body{min-height:100vh;min-height:100svh;font:17px/1.5 ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--cream);display:flex;flex-direction:column}
a{color:var(--ink);text-decoration-thickness:3px;text-underline-offset:3px;text-decoration-color:var(--pink)}
a:hover{background:var(--yellow)}
a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
header{display:flex;align-items:center;gap:14px;padding:16px 28px;border-bottom:4px solid var(--ink);background:var(--paper)}
header .mark{width:30px;height:30px;flex:none}
header b{font-weight:900;font-size:20px;letter-spacing:.01em;margin-right:auto}
nav{display:flex;gap:22px;font-weight:800}
nav a{text-decoration:none;padding:2px 4px}
nav a[aria-current]{background:var(--yellow);box-shadow:0 3px 0 var(--ink)}
main{flex:1;padding:22px 28px 14px;width:100%;max-width:1180px;margin:0 auto}
h1{font-weight:900;font-size:clamp(28px,4.4vw,46px);line-height:1.05;letter-spacing:-.01em}
.lede{margin:8px 0 18px;max-width:62ch;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid.two{grid-template-columns:repeat(2,1fr)}
section.box{background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:14px 16px 16px;position:relative}
section.box::before{content:"";position:absolute;left:-3px;top:-3px;width:calc(100% + 6px);height:8px;background:var(--c,var(--pink));border:3px solid var(--ink)}
section.box h2{margin-top:6px;font-size:18px;font-weight:900;line-height:1.2;margin-bottom:5px}
section.box p,section.box li{font-size:15.5px;line-height:1.45}
section.box ul,section.box ol{padding-left:20px}
section.box li+li{margin-top:3px}
footer{border-top:4px solid var(--ink);background:var(--paper);padding:12px 28px;font-size:14.5px;display:flex;flex-wrap:wrap;gap:6px 24px}
footer span:last-child{margin-left:auto}
.vials{display:flex;gap:8px;margin:10px 0 0}
.vials i{width:20px;height:34px;border:3px solid var(--ink);background:linear-gradient(var(--c) 0 0) bottom/100% 55% no-repeat,#CFEFF0;display:block}
.cta{display:inline-block;margin-top:6px;font-weight:900;text-decoration:none;background:var(--pink);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:8px 16px}
.cta:hover{background:var(--yellow)}
.cta:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}
.date{font-size:14.5px;margin-top:2px;font-weight:700}
@media (max-width:900px){.grid,.grid.two{grid-template-columns:1fr}header{padding:12px 16px;flex-wrap:wrap}main{padding:18px 16px 10px}footer{padding:12px 16px}footer span:last-child{margin-left:0}}
@media (max-width:420px){nav{gap:12px}header b{font-size:18px}}