:root{--bg:#edf2f4;--paper:#fff;--ink:#22313a;--muted:#5e6c74;--thread:#d0473c;--thread-dark:#8e2a22;--mustard:#e8b44a;--mustard-soft:#fcefd0;--teal:#2a8784;--teal-dark:#165f5c;--teal-soft:#d5ecea;--sepia:#f3e6d3;--cream:#fff9ee;--line:#d6e0e5;--female:#e88da0;--female-soft:#f2a7b5;--male:#7faadb;--male-soft:#9ec1e8;--display:var(--font-display), "Arial Rounded MT Bold", system-ui, sans-serif;--body:var(--font-body), "Segoe UI", system-ui, sans-serif;--hand:var(--font-hand), "Segoe Script", cursive;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);background-image:repeating-linear-gradient(0deg,#22313a06 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#22313a06 0 1px,#0000 1px 4px);margin:0;font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--display);text-wrap:balance;letter-spacing:-.01em;margin:0;line-height:1.08}p{margin:0}a{color:inherit}.wrap{max-width:1180px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.hand{font-family:var(--hand)}.btn{font:inherit;border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex}.btn:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}.btn:focus-visible{outline:3px solid var(--mustard);outline-offset:3px}.btn[disabled]{opacity:.6;cursor:progress;box-shadow:none;transform:none}.btn-primary{background:var(--thread);color:#fff;border-color:var(--thread)}.btn-primary:hover{box-shadow:3px 3px 0 var(--thread-dark)}.page{background:var(--paper);box-shadow:0 1px 0 var(--line), 0 30px 60px -40px #22313a66;border-radius:6px;padding:56px clamp(20px,4vw,56px);position:relative}.page+.page{margin-top:40px}.tape{background:#e8b44ab3;width:110px;height:30px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-3deg)}.tape.teal{background:#2a878473}.sec-head{gap:8px;max-width:42em;display:grid}.sec-head .hand{color:var(--thread);font-size:26px}.sec-head h2{font-size:clamp(30px,3.6vw,46px);font-weight:800}.sec-head p{color:var(--muted);font-size:17px}@media (prefers-reduced-motion:reduce){.btn{transition:none}}