.guide{display:grid;gap:2rem;max-width:76rem;margin:0 auto;padding:clamp(2rem,4vw,3.5rem) var(--lp-gutter) 0}@media (min-width:1024px){.guide{grid-template-columns:17rem minmax(0,1fr);align-items:start;gap:3rem}}.guide-toc{display:none}@media (min-width:1024px){.guide-toc{position:sticky;top:1.5rem;display:block;max-height:calc(100vh - 3rem);overflow-y:auto;padding:1rem;border-radius:var(--lp-radius-md);background:var(--lp-cream)}}.guide-toc-title{margin:0 0 .75rem;padding:0 .5rem;font-weight:600}.guide-toc-list{display:grid;gap:.25rem;margin:0;padding:0;list-style:none}.guide-toc-list button{display:flex;width:100%;min-height:2.75rem;align-items:center;gap:.75rem;padding:.375rem .5rem;border:0;border-radius:.75rem;color:var(--lp-ink);background:transparent;font:inherit;font-size:.95rem;text-align:left;cursor:pointer}.guide-toc-list button:hover{background:#fff}.guide-toc-list button[aria-current=true]{background:#fff;box-shadow:0 6px 18px rgb(170 96 10/.08);font-weight:600}.guide-toc-icon{display:grid;flex:none;width:2rem;height:2rem;place-items:center;border-radius:.625rem;color:#a85400;background:var(--lp-peach)}[aria-current=true]>.guide-toc-icon{color:#000;background:var(--lp-orange)}.guide-toc-text small{margin-right:.375rem;color:var(--lp-ink-soft);font-weight:500}.guide-chapter{min-width:0;scroll-margin-top:1.5rem}.guide-chapter-head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.guide-chapter-icon{display:grid;flex:none;width:3.25rem;height:3.25rem;place-items:center;border-radius:1rem;color:#000;background:var(--lp-orange)}.guide-chapter-step{margin:0 0 .25rem;color:var(--lp-ink-soft);font-size:.85rem;font-weight:500}.guide-chapter-head h2{margin:0 0 .375rem;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:600;line-height:1.2}.guide-chapter-head p:last-child{margin:0;color:var(--lp-ink-soft);font-size:1.05rem;line-height:1.55}.guide-lessons{display:grid;gap:2.5rem 2rem}@media (min-width:760px){.guide-lessons{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}}.guide-lesson{display:grid;align-content:start;gap:1rem}.guide-lesson-text{display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;align-items:start}.guide-lesson-number{display:grid;grid-row:span 2;width:1.875rem;height:1.875rem;place-items:center;border-radius:50%;background:var(--lp-peach);font-size:.875rem;font-weight:600}.guide-lesson h3{margin:.15rem 0 .25rem;font-size:1.1rem;font-weight:600}.guide-lesson-text p{margin:0;color:var(--lp-ink-soft);line-height:1.5}.guide-clip{width:100%;max-width:300px;margin:0 auto}.guide-clip .live-preview{margin:0}.guide-clip-screen{display:block;flex:1;width:100%;min-height:0;object-fit:cover;object-position:top;background:#fff;cursor:pointer}.guide-clip-controls{display:flex;justify-content:center;gap:.5rem}.guide-clip-button{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:0;border-radius:50%;color:var(--lp-ink);background:#fff;box-shadow:inset 0 0 0 1px var(--lp-line),0 4px 12px rgb(0 0 0/.05);cursor:pointer}.guide-clip-button:hover{background:var(--lp-cream)}.guide-pager{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--lp-line)}.guide-pager button{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.5rem 1rem;border:0;border-radius:1rem;color:var(--lp-ink);background:var(--lp-cream);font:inherit;font-weight:600;text-align:left;cursor:pointer}.guide-pager button.is-next{margin-left:auto;text-align:right}.guide-pager button:hover{background:var(--lp-peach)}.guide-pager small{display:block;color:var(--lp-ink-soft);font-size:.8rem;font-weight:500}.guide-toc-fab{position:fixed;bottom:1.25rem;left:1rem;z-index:55;display:grid;width:3.25rem;height:3.25rem;place-items:center;border:0;border-radius:50%;color:#000;background:var(--lp-orange);box-shadow:0 10px 26px rgb(170 96 10/.3);cursor:pointer}@media (min-width:1024px){.guide-toc-fab{display:none}}.guide-toc-layer{position:fixed;inset:0;z-index:70}.guide-toc-backdrop{position:absolute;inset:0;border:0;background:rgb(0 0 38/.45)}.guide-toc-sheet{position:absolute;right:0;bottom:0;left:0;max-height:80vh;overflow-y:auto;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom));border-radius:1.5rem 1.5rem 0 0;background:#fff;animation:guide-sheet-in .2s ease-out}.guide-toc-sheet-head{display:flex;align-items:center;justify-content:space-between}.guide-toc-sheet-head .guide-toc-title{margin:0}.guide-toc-close{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:0;border-radius:50%;background:var(--lp-cream);cursor:pointer}@keyframes guide-sheet-in{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.guide-toc-sheet{animation:none}}