/* Packday tokens + base. Binder wine, wrapper cerise, foil orchid, pistachio, card stock. */
[hidden]{display:none!important}
:root{
  --wine:#2A0B14; --wine2:#3A1220; --wine3:#52182D; --line-d:rgba(247,245,238,.16);
  --cerise:#E8175D; --cerise-d:#B0124B; --orchid:#D35CFF; --pist:#BFE8B0; --sky:#BFE3FF;
  --stock:#F7F5EE; --stock2:#EDE8DC; --ink:#160A0E; --muted:#5C4850; --muted-d:#D8C4CB; --line:rgba(22,10,14,.14);
  --f-disp:"Dela Gothic One",system-ui,sans-serif; --f-text:"Mona Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --f-mono:"Red Hat Mono",ui-monospace,monospace;
  --r:16px; --r-s:10px; --shadow:0 1px 0 rgba(22,10,14,.06),0 10px 30px -12px rgba(22,10,14,.35);
  --foil:linear-gradient(115deg,#D35CFF 0%,#BFE3FF 30%,#BFE8B0 50%,#FFD6EC 70%,#D35CFF 100%);
  --ease:cubic-bezier(.2,.8,.2,1); --deal:cubic-bezier(.16,1.1,.3,1);
  --wrap:1180px; --tabh:64px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px;scroll-padding-bottom:calc(var(--tabh) + 16px)}
body{margin:0;background:var(--stock);color:var(--ink);font-family:var(--f-text);font-size:17px;line-height:1.55;font-stretch:100%;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,canvas{max-width:100%;display:block}
a{color:var(--cerise-d);text-underline-offset:.18em;text-decoration-thickness:.08em}
a:hover{text-decoration-thickness:.14em}
h1,h2,h3{font-family:var(--f-disp);font-weight:400;line-height:1.02;letter-spacing:-.01em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.5rem,1.4rem + 5.4vw,5.6rem)}
h2{font-size:clamp(1.9rem,1.2rem + 3vw,3.4rem)}
h3{font-size:clamp(1.2rem,1rem + .7vw,1.5rem);line-height:1.12}
p{margin:0 0 1em;text-wrap:pretty;max-width:66ch}
.lead{font-size:clamp(1.08rem,1rem + .5vw,1.32rem);font-stretch:112%;line-height:1.45}
.mono{font-family:var(--f-mono);font-size:.86em;letter-spacing:.01em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(18px,4vw,40px)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--cerise);color:#fff;padding:10px 14px;border-radius:8px;font-weight:700}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--orchid);outline-offset:3px;border-radius:6px}
.on-dark :focus-visible,.on-dark:focus-visible{outline-color:var(--pist)}
.on-dark{background:var(--wine);color:var(--stock)}
.on-dark a:not(.btn){color:var(--pist)}
.on-dark .muted{color:var(--muted-d)}
.muted{color:var(--muted)}
.kick{display:inline-flex;align-items:center;gap:.5em;font-family:var(--f-mono);font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem}
.kick::before{content:"";width:18px;height:12px;border-radius:3px;background:var(--cerise);box-shadow:4px -3px 0 -1px var(--orchid)}
.btn{--b:var(--cerise-d);display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.7em 1.25em;border-radius:12px;border:2px solid var(--b);background:var(--b);color:#fff;font:700 1rem/1.1 var(--f-text);font-stretch:108%;text-decoration:none;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s;box-shadow:0 3px 0 var(--ink)}
.btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--ink)}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.on-dark .btn{--b:#D31452;color:#fff;box-shadow:0 3px 0 #0a0205}
.on-dark .btn.ghost{color:var(--stock);border-color:var(--stock);background:transparent}
.btn .ar{transition:transform .2s var(--ease)} .btn:hover .ar{transform:translateX(3px)}
.tag{display:inline-block;font-family:var(--f-mono);font-size:.74rem;font-weight:500;padding:.18em .55em;border-radius:6px;background:var(--stock2);color:var(--ink);border:1px solid var(--line);white-space:nowrap}
.on-dark .tag{background:var(--wine3);color:var(--stock);border-color:var(--line-d)}
.tag.ex{background:#FFE7A8;color:#3A2600;border-color:#E5C25B}
.tag.sim{background:var(--pist);color:#123A10;border-color:#8CC47D}
.foil{background:var(--foil);background-size:220% 100%}
table{border-collapse:collapse;width:100%}
th,td{text-align:left;padding:.6em .5em;border-bottom:1px solid var(--line);vertical-align:top}
.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tblw{overflow-x:auto;-webkit-overflow-scrolling:touch}
ul.ticks{list-style:none;padding:0;margin:0 0 1.2em}
ul.ticks li{position:relative;padding-left:1.6em;margin:.35em 0}
ul.ticks li::before{content:"";position:absolute;left:0;top:.42em;width:.9em;height:.62em;border-radius:2px;background:var(--cerise);transform:rotate(-8deg)}
.rv{opacity:0;transform:translateY(22px) rotate(-1.2deg);transition:opacity .55s var(--ease),transform .65s var(--deal)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}