.guide-head{position:relative}.guide-back{position:static;cursor:pointer}.guide-hero{position:relative;padding:clamp(48px,8vw,96px) 0 0;overflow:clip}.guide-title{font-size:clamp(2.3rem,5.6vw,4.4rem);letter-spacing:-.01em;max-width:16ch;margin-top:8px}.guide-title .tilt{display:inline-block;color:var(--grape)}.guide-lede{margin-top:16px;max-width:58ch;font-size:1.08rem;font-weight:700;color:var(--ink-soft)}.guide-shelf{position:relative;height:190px;margin-top:26px;border-bottom:4px solid var(--ink);cursor:grab}.guide-shelf:active{cursor:grabbing}html.reduced-motion .guide-shelf{cursor:default}.guide-main{padding:clamp(48px,7vw,88px) 0 40px}.g-section{margin-bottom:clamp(40px,6vw,72px)}.g-heading{display:flex;align-items:center;gap:16px;font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:20px}.g-num{flex:none;font-size:1rem;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:3px solid var(--ink);background:var(--sunshine);box-shadow:0 3px #33255b26}.g-section:nth-child(2) .g-num{background:var(--bubblegum);color:#fff}.g-section:nth-child(3) .g-num{background:var(--aqua)}.g-section:nth-child(4) .g-num{background:var(--grape);color:#fff}.g-section:nth-child(5) .g-num{background:var(--bubblegum);color:#fff}.g-section:nth-child(6) .g-num{background:var(--aqua)}.g-card{background:var(--paper);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:clamp(24px,3.6vw,44px)}.g-card p+p{margin-top:14px}.g-card code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em;background:var(--milk);border:1.5px solid rgba(51,37,91,.18);border-radius:6px;padding:1px 6px}.g-small{margin-top:16px;font-size:.9rem;color:var(--ink-soft)}.g-list{margin:14px 0 0;list-style:none}.g-list li{padding:9px 0 9px 26px;position:relative;border-bottom:2px dashed rgba(51,37,91,.12)}.g-list li:last-child{border-bottom:0}.g-list li:before{content:"";position:absolute;left:2px;top:17px;width:9px;height:9px;border-radius:50%;background:var(--bubblegum);border:1.5px solid var(--ink)}.g-code{margin-top:18px;background:var(--ink);color:#efe9ff;border:3px solid var(--ink);border-radius:var(--r-md);padding:22px 24px;overflow-x:auto;font-size:.82rem;line-height:1.65}.g-code code{font-family:ui-monospace,SF Mono,Menlo,monospace;background:none;border:0;padding:0;color:inherit;font-size:inherit;white-space:pre}.swatch-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:14px;text-align:center;font-size:.85rem;font-weight:800}.swatch-chip{display:block;height:64px;border-radius:18px;border:3px solid var(--ink);margin-bottom:8px;box-shadow:0 3px #33255b1f}.type-specimen{margin-top:26px;border-top:2px dashed rgba(51,37,91,.15);padding-top:22px}.ts-display{font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,4vw,3rem);line-height:1.15}.ts-display span{font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--ink-soft)}.ts-body{margin-top:12px;font-size:1.05rem}.g-credits .btn{margin:14px 12px 0 0}@media(max-width:640px){.g-heading{gap:12px}.g-num{width:44px;height:44px;font-size:.9rem}.guide-shelf{height:150px}}