.guide{max-width:var(--max-width-wide);margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-9)}.breadcrumb{margin:var(--space-3)0 var(--space-5)}.breadcrumb__list{list-style:none;margin:0;padding:0;flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.breadcrumb__list,.breadcrumb__list li{display:flex;align-items:center;gap:.4rem}.breadcrumb__list li+li::before{content:"›";color:var(--color-text-tertiary)}.breadcrumb__list a{color:var(--color-text-secondary);text-decoration:none}.breadcrumb__list a:hover{color:var(--color-accent-primary)}.breadcrumb__list [aria-current=page]{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.guide-hero{max-width:var(--max-width-content);margin:0 0 var(--space-7)}.guide-hero__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-3)}.guide-hero__lead{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.guide-hero__cta{margin:0}.guide-layout{display:block}.guide-toc{margin:0 0 var(--space-6)}.guide-toc__box{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);padding:var(--space-3) var(--space-4)}.guide-toc__title{cursor:pointer;list-style:none;font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);font-variation-settings:var(--font-display-settings);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-tertiary);display:flex;justify-content:space-between;align-items:center}.guide-toc__title::-webkit-details-marker{display:none}.guide-toc__title::after{content:"▾";color:var(--color-text-tertiary);font-size:.9em}.guide-toc__box[open] .guide-toc__title::after{content:"▴"}.guide-toc__list{list-style:none;margin:var(--space-3)0 0;padding:0;display:grid;gap:.15rem}.guide-toc__list a{display:block;padding:.4rem .6rem;border-radius:var(--border-radius-sm);border-left:2px solid transparent;color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);line-height:var(--line-height-snug);transition:color var(--duration-fast) var(--easing-default),background var(--duration-fast) var(--easing-default),border-color var(--duration-fast) var(--easing-default)}.guide-toc__list a:hover{color:var(--color-accent-primary);background:var(--color-accent-soft)}.guide-toc__list a.is-current{color:var(--color-accent-primary);border-left-color:var(--color-accent-primary);font-weight:var(--font-weight-medium)}.guide-prose{max-width:var(--max-width-content)}.guide-section{margin:0 0 var(--guide-section-gap);scroll-margin-top:5rem}.guide-section__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.guide-section__lead{color:var(--color-text-secondary);font-size:var(--font-size-md);margin-bottom:var(--space-5)}.guide-prose p{line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.guide-list{margin:0 0 var(--space-4);padding-left:1.25rem;display:grid;gap:var(--space-2)}.guide-list li{line-height:var(--line-height-normal)}.guide-list li::marker{color:var(--color-accent-primary)}.callout{display:flex;gap:var(--space-3);padding:var(--space-4);margin:var(--space-5)0;border:1px solid var(--callout-info-border);background:var(--callout-info-bg);border-radius:var(--border-radius-md);border-left-width:4px}.callout__icon{flex:0 0 auto;font-size:1.1rem;line-height:1.5}.callout__text{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-primary)}.callout--info{background:var(--callout-info-bg);border-color:var(--callout-info-border)}.callout--warn{background:var(--callout-warn-bg);border-color:var(--callout-warn-border)}.callout--warn .callout__icon{color:var(--callout-warn-text)}.callout--tip{background:var(--callout-tip-bg);border-color:var(--callout-tip-border)}.callout--tip .callout__icon{color:var(--color-accent-primary)}.callout--ok{background:var(--callout-ok-bg);border-color:var(--callout-ok-border)}.callout--ok .callout__icon{color:var(--callout-ok-text)}.guide-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-5)}.guide-step{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"marker body""fig fig";gap:var(--space-2) var(--space-4);align-items:start;padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-secondary)}.guide-step:last-child{border-bottom:none;padding-bottom:0}.guide-step__marker{grid-area:marker;flex:0 0 auto;width:2rem;height:2rem;display:grid;place-items:center;background:var(--color-accent-primary);color:var(--color-accent-on);border-radius:var(--border-radius-full);font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.guide-step__body{grid-area:body}.guide-step__title{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.guide-step__body p{margin:0;color:var(--color-text-secondary)}.guide-step__fig{grid-area:fig;margin-top:var(--space-2)}.gfig{position:relative;margin:0;width:100%;max-width:var(--guide-figure-max)}.gfig__img{width:100%;height:auto;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}.gfig__pin{position:absolute;top:-.7rem;left:-.7rem;z-index:1;width:1.7rem;height:1.7rem;display:grid;place-items:center;background:var(--color-accent-primary);color:var(--color-accent-on);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.gfig__img--dark{display:none}:root[data-theme=dark] .gfig__img--dark{display:block}:root[data-theme=dark] .gfig__img--light{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gfig__img--dark{display:block}:root:not([data-theme=light]) .gfig__img--light{display:none}}.guide-cta{display:grid;gap:var(--space-4);margin:var(--space-7)0;padding:var(--space-5);background:var(--color-accent-soft);border:1px solid var(--callout-tip-border);border-radius:var(--border-radius-lg)}.guide-cta__title{font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);font-variation-settings:var(--font-display-settings);font-size:var(--font-size-lg);margin:0 0 var(--space-1);color:var(--color-text-primary)}.guide-cta__body{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.guide-cta__action{display:grid;gap:var(--space-2);justify-items:start}.guide-cta__action .btn{width:100%}.guide-cta__note{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.guide-related{margin:var(--space-7)0;padding:var(--space-5);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);background:var(--color-bg-secondary)}.guide-related__title{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.guide-related p{color:var(--color-text-secondary);margin-bottom:var(--space-3)}.guide-related__link{font-weight:var(--font-weight-semibold);text-decoration:none}.guide-related__link:hover{text-decoration:underline}@media (min-width:640px){.guide-step{grid-template-areas:"marker body""fig fig"}.guide-cta{grid-template-columns:1fr auto;align-items:center}.guide-cta__action{justify-items:end}.guide-cta__action .btn{width:auto}}@media (min-width:1024px){.guide-layout{display:grid;grid-template-columns:var(--guide-toc-width) minmax(0,1fr);gap:var(--space-8);align-items:start}.guide-toc{position:sticky;top:5rem;margin:0;max-height:calc(100vh - 6rem);overflow-y:auto}.guide-toc__box{background:0 0;border:0;padding:0}.guide-hero{max-width:none}.guide-step{grid-template-columns:auto minmax(0,1fr) minmax(0,18rem);grid-template-areas:"marker body fig";align-items:center}.guide-step__fig{margin-top:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}