.nb{--pg:#fbfcfe;--white:#fff;--ink:#1d2b4f;--grid:#d9e3f2;--mar:#e46a6a;--hl:#ffe45c;--sub:#4a5470;--rule:#c9d8ee;--ok:#1f7a55;--oksoft:#dcf1e6;--bad:#c2453a;--badsoft:#fbe4df;--shadow:#1d2b4f29;--f-hand:"Caveat", "Bradley Hand", cursive;--f-marker:"Shantell Sans", "Comic Sans MS", system-ui, sans-serif;--f-read:"Atkinson Hyperlegible", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--white);color:var(--ink);font-family:var(--f-read)}.nb .wrap{max-width:1160px;padding-left:max(16px, env(safe-area-inset-left,0px), calc(max(16px, 4vw) + 58px - max(0px, (100vw - 1160px) / 2)));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.nb button{font:inherit;cursor:pointer;color:inherit}.nb :focus-visible{outline-offset:2px;outline:3px solid #4d8dff}.nb .top{background:linear-gradient(90deg, transparent 0 calc(max(16px, 4vw) + 34px), var(--mar) calc(max(16px, 4vw) + 34px) calc(max(16px, 4vw) + 36px), transparent 0), linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 100% 28px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 28px 100%, var(--pg);border-bottom:1.5px solid var(--grid)}.nb .lower{padding-top:36px}.nb h1{font-family:var(--f-marker);letter-spacing:-.01em;text-wrap:balance;margin:0 0 16px;font-size:clamp(36px,5.4vw,66px);font-weight:800;line-height:1.02}.nb .hl{background:linear-gradient(transparent 52%, var(--hl) 52% 90%, transparent 90%);padding:0 4px}.nb .lede{max-width:46ch;color:var(--sub);margin:0;font-size:19px;line-height:1.55}.nb .hand{font-family:var(--f-hand);font-size:25px;line-height:1.1}.nb .btn{background:var(--ink);color:var(--pg);box-shadow:4px 4px 0 var(--hl);border:0;border-radius:6px;padding:14px 22px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.nb .ghost{border:1.5px solid var(--ink);background:0 0;border-radius:6px;padding:9px 14px;font-size:14px;font-weight:700}.nb .pill{border:1.5px solid var(--ink);background:0 0;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.nb .pill[aria-selected=true]{background:var(--hl);border-color:var(--hl);color:#1d2b4f}.nb .taped{background:var(--white);box-shadow:0 14px 30px var(--shadow);min-width:0;position:relative}.nb .taped:before{content:"";background:#ffe45cbf;width:110px;height:28px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(3deg)}.nb .stickies{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:50px;display:grid}.nb .sticky{color:#1d2b4f;background:#fff6a8;min-width:0;padding:18px 18px 22px;transform:rotate(1deg);box-shadow:0 8px 16px #1d2b4f1f}.nb .sticky:nth-child(2){background:#ffd6e4;transform:rotate(-2deg)}.nb .sticky:nth-child(3){background:#d6f3e4;transform:rotate(1.5deg)}.nb .closing{flex-wrap:wrap;align-items:center;gap:18px 28px;padding-block:10px 80px;display:flex}.nb .closing p{font-family:var(--f-marker);margin:0;font-size:clamp(24px,3vw,34px);font-weight:800}@media (width<=760px){.nb .stickies{grid-template-columns:1fr}}@media (width<=600px){.nb .top{background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 100% 28px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 28px 100%, var(--pg)}.nb .wrap{padding-left:max(16px, env(safe-area-inset-left,0px))}}@media (prefers-reduced-motion:reduce){.nb *,.nb :before,.nb :after{transition:none!important;animation:none!important}}