.sample-page{--sample-ink:#251b3d;--sample-muted:#686077;--sample-orange:#ef7418;--sample-green:#cfe0aa;--sample-yellow:#f6dc74;min-height:100vh;color:var(--sample-ink);background-color:#fff8e7;background-image:linear-gradient(#fff8e7c7,#fff8e7c7),url(/textures/paper-grain.png);background-size:auto,760px;padding-bottom:42px;font-family:Segoe Print,Comic Sans MS,Trebuchet MS,sans-serif}.sample-header,.sample-intro,.sample-board,.sample-controls{width:min(1180px,100% - 48px);margin-inline:auto}.sample-header{border-bottom:1px solid #251b3d1f;justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.sample-brand,.sample-back,.sample-control-actions,.sample-complete,.sample-reset{align-items:center;display:inline-flex}.sample-brand{color:var(--sample-ink);gap:8px;font-size:22px;font-weight:800;text-decoration:none}.sample-brand img{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:39px;height:39px}.sample-back{color:var(--sample-ink);font-family:var(--font-geist-sans), Arial, sans-serif;gap:7px;font-size:13px;font-weight:750;text-decoration:none}.sample-intro{grid-template-columns:1fr 260px;align-items:end;gap:56px;padding:52px 0 32px;display:grid}.sample-eyebrow{color:#b74e0b;font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:.08em;margin:0 0 10px;font-size:11px;font-weight:850}.sample-intro h1{letter-spacing:0;margin:0;font-size:clamp(42px,5vw,66px);line-height:1.02}.sample-intro>div:first-child>p:last-child{max-width:680px;color:var(--sample-muted);font-family:var(--font-geist-sans), Arial, sans-serif;margin:15px 0 0;font-size:16px;line-height:1.55}.sample-progress{color:var(--sample-muted);font-family:var(--font-geist-sans), Arial, sans-serif;grid-template-columns:1fr auto;gap:8px 12px;font-size:12px;font-weight:700;display:grid}.sample-progress strong{color:var(--sample-ink)}.sample-progress>div{border:1px solid var(--sample-ink);background:#fff;border-radius:999px;grid-column:1/-1;height:9px;overflow:hidden}.sample-progress i{background:var(--sample-orange);height:100%;transition:width .26s;display:block}.sample-board{border:3px solid var(--sample-ink);background-color:#f7f2e8;background-image:linear-gradient(#f7f2e8bd,#f7f2e8bd),url(/textures/paper-grain.png);background-size:auto,680px;border-radius:8px;min-height:545px;padding:74px 58px 54px;position:relative;box-shadow:10px 12px #251b3d26}.sample-clip{z-index:4;border:3px solid var(--sample-ink);background:#c9b28d;border-radius:18px 18px 6px 6px;width:136px;height:50px;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px #251b3d24}.sample-clip span{border:3px solid var(--sample-ink);background:#fff8e7;border-radius:50%;width:16px;height:16px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.sample-route-line{z-index:0;border:2px solid var(--sample-ink);background:var(--sample-orange);border-radius:999px;height:9px;position:absolute;top:266px;left:9%;right:10%;transform:rotate(-1deg)}.sample-notes{z-index:2;grid-template-columns:repeat(5,minmax(150px,1fr));align-items:center;gap:18px;display:grid;position:relative}.sample-note{border:2px solid var(--sample-ink);background-color:#fffdf7;background-image:linear-gradient(#fffdf7b8,#fffdf7b8),url(/textures/paper-grain.png);background-size:auto,540px;border-radius:4px 5px 12px 4px;min-width:0;min-height:285px;padding:50px 20px 20px;transition:transform .22s,background-color .22s,box-shadow .22s;position:relative;transform:rotate(-1.8deg);box-shadow:7px 10px 12px #251b3d2e,inset 0 -7px 10px #251b3d0a}.sample-note:nth-child(2n){margin-top:100px;transform:rotate(1.5deg)}.sample-note:nth-child(3){transform:rotate(-.8deg)}.sample-note[data-status=done]{background-color:var(--sample-green);background-image:linear-gradient(#cfe0aab8,#cfe0aab8),url(/textures/paper-grain.png)}.sample-note[data-status=current]{background-color:var(--sample-yellow);background-image:linear-gradient(#f6dc74b8,#f6dc74b8),url(/textures/paper-grain.png);transform:translateY(-13px)rotate(-1deg)scale(1.035);box-shadow:9px 14px 16px #251b3d38,0 0 0 4px #ef741840}.sample-note[data-status=current]:nth-child(2n){transform:translateY(-13px)rotate(1deg)scale(1.035)}.sample-note:after{content:"";background:#ffffff7a;border-top:1px solid #251b3d38;border-left:1px solid #251b3d26;border-radius:100% 0 0;width:28px;height:25px;position:absolute;bottom:-2px;right:-2px;transform:skew(-8deg)}.sample-note-number{border:2px solid var(--sample-ink);background:var(--sample-orange);width:39px;height:39px;color:var(--sample-ink);font-family:var(--font-geist-sans), Arial, sans-serif;border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid;position:absolute;top:-17px;left:16px;box-shadow:2px 3px #251b3d2b}.sample-note[data-status=done] .sample-note-number{background:#76a571}.sample-note-status{color:#a8460a;font-family:var(--font-geist-sans), Arial, sans-serif;text-transform:uppercase;font-size:10px;font-weight:900;position:absolute;top:17px;right:16px}.sample-note h2{margin:0 0 11px;font-size:20px;line-height:1.16}.sample-note p{color:#5f586b;font-family:var(--font-geist-sans), Arial, sans-serif;margin:0;font-size:13px;line-height:1.5}.sample-note small{color:#5f586b;font-family:var(--font-geist-sans), Arial, sans-serif;font-size:11px;font-weight:800;position:absolute;bottom:19px;left:20px}.sample-controls{justify-content:space-between;align-items:center;gap:30px;padding-top:32px;display:flex}.sample-controls>div:first-child{gap:3px;display:grid}.sample-controls>div:first-child span{color:#a8460a;font-family:var(--font-geist-sans), Arial, sans-serif;text-transform:uppercase;font-size:10px;font-weight:900}.sample-controls>div:first-child strong{font-size:20px}.sample-control-actions{gap:10px}.sample-complete,.sample-reset{border:2px solid var(--sample-ink);min-height:46px;color:var(--sample-ink);font:inherit;font-family:var(--font-geist-sans), Arial, sans-serif;cursor:pointer;border-radius:6px;justify-content:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:800}.sample-complete{background:var(--sample-orange);box-shadow:4px 5px #251b3d29}.sample-reset{background:#fffdf7}.sample-complete:disabled{color:#405c3e;cursor:default;background:#bcd19e}.sample-complete:focus-visible,.sample-reset:focus-visible,.sample-back:focus-visible,.sample-brand:focus-visible{outline:3px solid var(--sample-orange);outline-offset:4px}@media (max-width:1040px){.sample-board{padding-inline:38px;overflow-x:auto}.sample-notes{min-width:940px}.sample-route-line{width:820px;left:74px;right:auto}}@media (max-width:700px){.sample-header,.sample-intro,.sample-board,.sample-controls{width:min(100% - 30px,1180px)}.sample-intro{grid-template-columns:1fr;gap:26px;padding:38px 0 28px}.sample-intro h1{font-size:43px}.sample-progress{max-width:320px}.sample-board{border-width:2px;min-height:470px;padding-block:68px 42px;box-shadow:6px 7px #251b3d26}.sample-notes{min-width:860px}.sample-note{min-height:260px}.sample-controls{flex-direction:column;align-items:stretch}.sample-control-actions{grid-template-columns:auto 1fr;display:grid}}@media (prefers-reduced-motion:reduce){.sample-progress i,.sample-note{transition:none}}