.guide-layout{max-width:var(--container-max);margin:0 auto}@media (min-width:1024px){.guide-layout{max-width:1100px}}@media (min-width:1536px){.guide-layout{max-width:1140px}}.guide-header{margin-bottom:var(--space-block);max-width:var(--text-max-width)}.guide-tags{display:flex;flex-wrap:wrap;gap:6px}.guide-tags,.guide-title{margin-bottom:var(--space-2)}.guide-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-h1)}.guide-description{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-body);margin-bottom:var(--space-3)}.guide-meta{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-small);color:var(--text-muted)}.guide-meta-separator{color:var(--border-default)}.guide-featured-image{margin-bottom:var(--space-block);border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--border-muted)}.guide-featured-image img{width:100%;height:auto;display:block}.guide-content-area{display:flex;flex-direction:column;gap:var(--space-block)}.guide-content{flex:1 1;min-width:0;max-width:var(--text-max-width)}@media (min-width:1024px){.guide-content-area{flex-direction:row}}.guide-content h2,.guide-content h3,.guide-content h4{scroll-margin-top:108px}.guide-content h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-h2);margin-top:var(--space-block);margin-bottom:var(--space-stack);padding-top:var(--space-stack);border-top:1px solid var(--border-muted)}.guide-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.guide-content h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);margin-top:var(--space-element)}.guide-content h3,.guide-content h4{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-tight)}.guide-content h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4);margin-top:var(--space-stack)}.guide-content p{color:var(--text-secondary);line-height:var(--line-height-body);font-size:var(--font-size-body)}.guide-content p+p{margin-top:var(--space-stack)}.guide-content a{color:var(--accent-primary);text-decoration:none;position:relative;transition:color .3s ease}.guide-content a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out-quart)}.guide-content a:hover{color:var(--accent-primary-hover)}.guide-content a:hover:after{transform:scaleX(1);background:var(--accent-primary-hover)}.guide-content a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;border-radius:2px}.guide-content ol,.guide-content ul{margin-top:var(--space-stack);margin-bottom:var(--space-stack);padding-left:var(--space-3);color:var(--text-secondary)}.guide-content ul{list-style:disc}.guide-content ol{list-style:decimal}.guide-content li{margin-bottom:var(--space-1);line-height:var(--line-height-body);font-size:var(--font-size-body)}.guide-content li::marker{color:var(--accent-primary)}.guide-content li>ol,.guide-content li>ul{margin-top:var(--space-1);margin-bottom:0}.guide-content blockquote{margin:var(--space-element) 0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent-primary);background:var(--bg-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-secondary)}.guide-content blockquote p{margin:0}.guide-content :not(pre)>code{background:var(--bg-surface-3);padding:2px 6px;border-radius:var(--radius-sm);font-size:.875em;color:var(--accent-primary-hover);border:1px solid var(--border-muted)}.guide-content pre{margin:var(--space-element) 0;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-default);overflow-x:hidden;font-size:.875rem;line-height:1.7}.guide-content pre:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.guide-content pre code{background:none;padding:0;border:none;font-size:inherit;color:inherit;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.guide-content pre [data-line]{padding:0 var(--space-2);border-left:2px solid transparent}.guide-content pre [data-highlighted-line]{background:rgba(16,185,129,.08);border-left-color:var(--accent-primary)}.guide-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-element) 0;border:1px solid var(--border-muted)}.guide-content hr{border:none;height:1px;background:var(--border-muted);margin:var(--space-block) 0}.guide-content table{width:100%;margin:var(--space-element) 0;border-collapse:collapse;font-size:var(--font-size-body-sm)}.guide-content th{text-align:left;border-bottom:2px solid var(--border-default);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.guide-content td,.guide-content th{padding:var(--space-1) var(--space-2)}.guide-content td{border-bottom:1px solid var(--border-muted);color:var(--text-secondary)}.guide-content tr:last-child td{border-bottom:none}.guide-content strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.guide-content em{font-style:italic}.guide-content .faq-accordion{margin-top:var(--space-block)}@media (prefers-reduced-motion:reduce){.guide-content a{transition:none}.guide-content a:after{transition:opacity .15s ease;transform:scaleX(1);opacity:0}.guide-content a:hover:after{opacity:1}}