.guide-layout{display:grid;grid-template-columns:1fr;max-width:1200px;margin:0 auto;padding:var(--space-lg);gap:var(--space-2xl)}@media(min-width:1024px){.guide-layout{grid-template-columns:250px 1fr}}.guide-toc{display:none}@media(min-width:1024px){.guide-toc{display:block}.guide-toc__inner{position:sticky;top:var(--space-lg);max-height:calc(100vh - var(--space-2xl));overflow-y:auto;padding-right:var(--space-md)}}.guide-toc__title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.guide-toc__list{list-style:none;padding:0;margin:0}.guide-toc__item{margin-bottom:var(--space-xs)}.guide-toc__item--sub{padding-left:var(--space-md)}.guide-toc__link{display:block;width:100%;padding:var(--space-xs) var(--space-sm);text-align:left;font-size:var(--font-size-sm);color:var(--color-text-muted);background:none;border:none;border-left:2px solid transparent;border-radius:0;cursor:pointer;transition:all .15s ease}.guide-toc__link:hover{color:var(--color-text);background:var(--color-surface-variant)}.guide-toc__link--active{color:var(--color-primary);border-left-color:var(--color-primary);background:var(--color-primary-surface)}.guide-content{min-width:0}.guide-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.guide-header h1{margin-bottom:var(--space-md)}.guide-header__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:60ch}.guide-section{margin-bottom:var(--space-2xl)}.guide-section h2{font-size:var(--font-size-xxl);margin-bottom:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.guide-section:first-of-type h2{border-top:none;padding-top:0}.guide-section h3{font-size:var(--font-size-lg);margin-top:var(--space-xl);margin-bottom:var(--space-md);color:var(--color-text)}.guide-section p{margin-bottom:var(--space-md);line-height:1.7;color:var(--color-text-muted)}.guide-section ul,.guide-section ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.guide-section li{margin-bottom:var(--space-sm);line-height:1.6;color:var(--color-text-muted)}.guide-section a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.guide-section a:hover{text-decoration:none}.guide-section strong{color:var(--color-text);font-weight:600}.guide-section kbd{display:inline-block;padding:.15em .4em;font-family:var(--font-mono);font-size:.85em;background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.info-box{padding:var(--space-md);background:var(--color-primary-surface);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);margin:var(--space-md) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.info-box strong{color:var(--color-primary)}.important-box{padding:var(--space-lg);background:#feedc9;border:2px solid oklch(75% .15 85);border-radius:var(--radius-md);margin:var(--space-lg) 0}:root[data-theme=dark] .important-box{background:#282110;border-color:#7d5e07}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .important-box{background:#282110;border-color:#7d5e07}}.important-box>strong{display:block;font-size:var(--font-size-base);color:#6d5000;color:oklch(45% .12 85);margin-bottom:var(--space-md)}:root[data-theme=dark] .important-box>strong{color:#d1a84b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .important-box>strong{color:#d1a84b}}.important-box ul{margin:0;padding-left:var(--space-lg)}.important-box li{margin-bottom:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.important-box li:last-child{margin-bottom:0}.example-box{padding:var(--space-md);background:var(--color-surface-variant);border-radius:var(--radius-md);margin:var(--space-md) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.status-diagram{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin:var(--space-lg) 0}@media(min-width:640px){.status-diagram{grid-template-columns:repeat(4,1fr)}}.status-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.status-box--new{background:#d6f5ff;background:oklch(95% .05 220)}.status-box--due{background:#ffe8e6;background:oklch(95% .05 25)}.status-box--learning{background:#feedc9}.status-box--learned{background:#dbf8da}:root[data-theme=dark] .status-box--new{background:#10252c}:root[data-theme=dark] .status-box--due{background:#2f1c1a}:root[data-theme=dark] .status-box--learning{background:#282110}:root[data-theme=dark] .status-box--learned{background:#182619}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .status-box--new{background:#10252c}:root:not([data-theme=light]) .status-box--due{background:#2f1c1a}:root:not([data-theme=light]) .status-box--learning{background:#282110}:root:not([data-theme=light]) .status-box--learned{background:#182619}}.status-label{font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.status-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.rating-diagram{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin:var(--space-lg) 0}@media(min-width:640px){.rating-diagram{grid-template-columns:repeat(4,1fr)}}.rating-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md);border-radius:var(--radius-md);border:2px solid}.rating-box--again{border-color:#f14d4c;background:#ffe8e6;background:oklch(95% .05 25)}.rating-box--hard{border-color:#e48233;background:#ffeadc;background:oklch(95% .05 55)}.rating-box--good{border-color:#4aa651;background:#dbf8da}.rating-box--easy{border-color:#008fad;border-color:oklch(60% .15 220);background:#d6f5ff;background:oklch(95% .05 220)}:root[data-theme=dark] .rating-box--again{background:#361715}:root[data-theme=dark] .rating-box--hard{background:#341a07}:root[data-theme=dark] .rating-box--good{background:#112812}:root[data-theme=dark] .rating-box--easy{background:#002631;background:oklch(25% .05 220)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rating-box--again{background:#361715}:root:not([data-theme=light]) .rating-box--hard{background:#341a07}:root:not([data-theme=light]) .rating-box--good{background:#112812}:root:not([data-theme=light]) .rating-box--easy{background:#002631;background:oklch(25% .05 220)}}.rating-key{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-family:var(--font-mono);font-weight:600;font-size:var(--font-size-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.rating-label{font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.rating-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.steps-diagram{margin:var(--space-lg) 0;padding:var(--space-lg);background:var(--color-surface-variant);border-radius:var(--radius-md);overflow-x:auto}.step-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-sm)}.step{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.step--graduated{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.step-arrow{color:var(--color-text-muted);font-size:var(--font-size-lg)}.credits-table{width:100%;border-collapse:collapse;margin:var(--space-md) 0;font-size:var(--font-size-sm)}.credits-table th,.credits-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.credits-table th{font-weight:600;color:var(--color-text);background:var(--color-surface-variant)}.credits-table td{color:var(--color-text-muted)}.credits-table tr:last-child td{border-bottom:none}