.rec-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--record)}.clip-word{display:inline-block;padding:.02em .14em .07em;border-radius:.14em;background:var(--accent);color:var(--accent-ink);transition:background-color var(--dur) var(--ease-out)}.guide-top{padding-block:clamp(2rem,1rem + 4vw,4.5rem) var(--s7);border-bottom:1px solid var(--fog-line)}.guide-top__grid{display:grid;gap:var(--s6)}.guide-hero{display:grid;gap:var(--s5);justify-items:start;align-content:start}.guide-hero__title{font-size:clamp(3.4rem,1.6rem + 8vw,8rem);line-height:.92;letter-spacing:-.035em}@media (min-width: 900px){.guide-top__grid{grid-template-columns:minmax(0,1.25fr) minmax(20rem,1fr);align-items:end;gap:var(--s8)}}.download{display:grid;gap:var(--s5);padding:var(--s5);border:1px solid var(--fog-line);border-radius:var(--r-lg);background:var(--surface)}.download__head{display:flex;align-items:center;gap:var(--s4)}.download__tile{flex:none;width:4.75rem;border-radius:var(--r-lg);transform:rotate(-6deg);transition:transform var(--dur) var(--ease-out)}.download__tile:hover{transform:rotate(-2deg) scale(1.04)}.download__title{font-size:1.6rem;letter-spacing:-.02em}.download__build{margin-top:.3rem;color:var(--faint);font-size:var(--fs-label);letter-spacing:.06em}.download__btn{width:100%}.download__fallback{padding:var(--s4);border:1px dashed var(--line);border-radius:var(--r-md);color:var(--muted);font-size:var(--fs-small)}.download__fallback strong{color:var(--text)}.download__reqs{display:flex;flex-wrap:wrap;gap:var(--s2)}.guide{padding-block:var(--s7) var(--s9)}.guide__grid{display:grid;gap:var(--s6)}.toc{display:none}@media (min-width: 1000px){.guide__grid{grid-template-columns:15rem minmax(0,46rem);gap:var(--s8)}.toc{display:block;position:sticky;top:5.5rem;align-self:start}}.toc__list{display:grid;gap:2px;margin-top:var(--s3)}.toc__list a{display:flex;gap:.7rem;align-items:baseline;padding:.4rem .6rem;margin-left:-.6rem;border-radius:var(--r-sm);color:var(--muted);font-size:var(--fs-small);text-decoration:none;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.toc__list a span{color:var(--faint);font-size:var(--fs-label)}.toc__list a:hover{color:var(--text);background:var(--surface)}.toc__list a[aria-current=true]{color:var(--text);background:var(--accent-soft)}.toc__list a[aria-current=true] span{color:var(--accent-text)}.steps{display:grid}.step{display:grid;gap:var(--s3);padding-block:var(--s6);border-top:1px solid var(--fog-line)}.step:first-child{padding-top:0;border-top:0}.step__num{color:var(--accent-text);font-size:var(--fs-small);letter-spacing:.1em}.step__body{display:grid;gap:var(--s4);min-width:0}.step h2{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.5rem);letter-spacing:-.02em;line-height:1.02}.step__intro{color:var(--muted)}@media (min-width: 640px){.step{grid-template-columns:3rem minmax(0,1fr)}.step__num{padding-top:.55rem}}.ticks,.numbered{display:grid;gap:var(--s3)}.ticks li,.numbered li{position:relative;padding-left:1.75rem}.ticks li:before{content:"";position:absolute;left:.15rem;top:.62em;width:.55rem;height:.55rem;border-radius:2px;background:var(--accent);box-shadow:0 0 0 1px var(--fog-line)}.numbered{counter-reset:n}.numbered li{counter-increment:n}.numbered li:before{content:counter(n);position:absolute;left:0;top:.1em;color:var(--accent-text);font-family:var(--font-mono);font-size:var(--fs-small);font-weight:600}.ui{display:inline-block;padding:.05em .5em;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:.9em;font-weight:500;white-space:nowrap}.note{padding:var(--s4);border-left:3px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--surface);color:var(--muted);font-size:var(--fs-small)}.note strong{color:var(--text)}.note--warn{border-left-color:var(--warn)}.badge{display:inline-block;margin-left:.4rem;padding:.2rem .5rem;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--muted);font-family:var(--font-mono);font-size:.6875rem;font-stretch:100%;font-weight:500;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}.checklist{display:grid;gap:var(--s2)}.checklist label{display:flex;gap:var(--s3);align-items:flex-start;padding:.8rem 1rem;border:1px solid var(--fog-line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur) var(--ease-out)}.checklist label:hover{border-color:var(--line)}.checklist input{appearance:none;-webkit-appearance:none;flex:none;display:grid;place-items:center;width:1.35rem;height:1.35rem;margin:.15rem 0 0;border:1.5px solid var(--line);border-radius:6px;background:transparent;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.checklist input:after{content:"";width:.7rem;height:.4rem;margin-top:-.15rem;border:solid var(--accent-ink);border-width:0 0 2.5px 2.5px;transform:rotate(-45deg) scale(0);transition:transform var(--dur-fast) var(--ease-out)}.checklist input:checked{background:var(--accent);border-color:var(--accent)}.checklist input:checked:after{transform:rotate(-45deg) scale(1)}.checklist label:has(input:checked){background:var(--accent-soft);border-color:transparent}.checklist label:has(input:checked)>span{color:var(--muted)}.checklist__count{color:var(--faint);font-size:var(--fs-label);letter-spacing:.06em}.feedback{display:grid;gap:var(--s3);justify-items:start;margin-top:var(--s2)}.feedback p{color:var(--muted)}.feedback strong{color:var(--text)}