.guide-container{max-width:var(--container-narrow);margin:0 auto}.guide-prerequisites{background:var(--color-primary-ghost);border:1px solid var(--color-primary-glow);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-2xl)}.guide-prerequisites h2{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-sm)}.guide-prerequisites ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.guide-prerequisites li{display:flex;align-items:baseline;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.guide-prerequisites li:before{content:"✓";color:var(--color-primary);font-weight:700;flex-shrink:0}.guide-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-2xl);position:relative}.guide-steps:before{content:"";position:absolute;left:1.1875rem;top:2.75rem;bottom:1rem;width:2px;background:var(--color-border)}.guide-step{display:flex;gap:var(--space-md);position:relative}.guide-step-number{width:2.375rem;height:2.375rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-bg);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;flex-shrink:0;z-index:var(--z-base)}.guide-step-content{flex:1;min-width:0;padding-top:var(--space-2xs)}.guide-step-content h3{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-xs);color:var(--color-text)}.guide-step-content p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-xs)}.guide-step-content p:last-child{margin-bottom:0}.guide-step-content code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1em .4em;color:var(--color-primary)}.guide-tip{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);line-height:var(--leading-relaxed)}.guide-tip strong{color:var(--color-primary)}.guide-troubleshooting{margin-bottom:var(--space-2xl)}.guide-troubleshooting h2{font-family:var(--font-body);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-md)}.guide-faq{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-xs);overflow:hidden}.guide-faq summary{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:600;color:var(--color-text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);transition:background var(--duration-fast) var(--ease-out)}.guide-faq summary:hover{background:var(--color-card)}.guide-faq summary:after{content:"+";font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text-muted);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out)}.guide-faq[open] summary:after{content:"−"}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq p{padding:0 var(--space-md) var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.guide-index-section{margin-bottom:var(--space-2xl)}.guide-index-heading{font-family:var(--font-body);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-xs)}.guide-index-heading svg{color:var(--color-primary)}.guide-index-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.guide-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-decoration:none;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.guide-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.guide-card-title{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2xs)}.guide-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}@media(min-width:480px){.guide-index-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.guide-index-grid{grid-template-columns:repeat(3,1fr)}}