.article-layout{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem 0}@media (min-width:960px){.article-layout{grid-template-columns:220px 1fr 240px;align-items:start}}.article-toc{display:none}@media (min-width:960px){.article-toc{display:block;position:sticky;top:80px}}.toc-title{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-muted);margin-bottom:0.75rem}.toc-list{list-style:none}.toc-list li{margin-bottom:0.25rem}.toc-list a{font-size:0.85rem;color:var(--color-muted);text-decoration:none;display:block;padding:0.25rem 0.5rem;border-left:2px solid var(--color-border);transition:all 0.2s;line-height:1.4}.toc-list a:hover,.toc-list a.active{color:var(--color-primary);border-left-color:var(--color-primary);background:rgba(255,60,60,0.06)}.toc-mobile{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:1.5rem}.toc-mobile-toggle{display:flex;justify-content:space-between;align-items:center;padding:0.875rem 1rem;cursor:pointer;font-size:0.875rem;font-weight:600;color:var(--color-muted);user-select:none}.toc-mobile-toggle .icon{transition:transform 0.2s}.toc-mobile-toggle.open .icon{transform:rotate(180deg)}.toc-mobile-body{display:none;padding:0 1rem 1rem}.toc-mobile-body.open{display:block}.toc-mobile-body .toc-list a{border-left:none;padding-left:0}@media (min-width:960px){.toc-mobile{display:none}}.article-body h2{margin-top:2rem;margin-bottom:0.875rem;padding-top:0.5rem;scroll-margin-top:80px}.article-body h3{margin-top:1.5rem;margin-bottom:0.5rem;scroll-margin-top:80px}.article-body p{color:var(--color-muted);margin-bottom:1rem}.article-body ul,.article-body ol{margin:0.5rem 0 1rem 1.5rem;color:var(--color-muted)}.article-body li{margin-bottom:0.4rem}.article-body strong{color:var(--color-text)}.answer-box{background:var(--color-surface-2);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);padding:1.25rem 1.5rem;margin:1.5rem 0}.answer-box-label{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-primary);margin-bottom:0.5rem}.answer-box p{color:var(--color-text);margin:0}.article-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:0.85rem;color:var(--color-muted);margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.article-meta .icon{width:14px;height:14px}.author-box{display:flex;align-items:center;gap:1rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;margin-top:2rem}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-surface-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary)}.author-name{font-weight:700;font-size:0.9rem}.author-role{font-size:0.8rem;color:var(--color-muted)}.sources-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.sources-list{list-style:none}.sources-list li{font-size:0.85rem;color:var(--color-muted);margin-bottom:0.5rem}.sources-list a{color:var(--color-muted);text-decoration:underline}.faq-item{border-bottom:1px solid var(--color-border)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;cursor:pointer;font-weight:600;color:var(--color-text);gap:1rem}.faq-question .icon{flex-shrink:0;transition:transform 0.2s;color:var(--color-primary)}.faq-question.open .icon{transform:rotate(45deg)}.faq-answer{display:none;padding:0 0 1rem;color:var(--color-muted);font-size:0.95rem}.faq-answer.open{display:block}.article-rail{display:none}@media (min-width:960px){.article-rail{display:block;position:sticky;top:80px}}.rail-title{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-muted);margin-bottom:1rem}.rail-link{display:block;padding:0.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:0.5rem;color:var(--color-muted);font-size:0.85rem;line-height:1.4;text-decoration:none;transition:all 0.2s}.rail-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:rgba(255,60,60,0.05);text-decoration:none}@media (max-width:719px){.article-layout{padding:1rem 0;gap:1rem}.article-meta{gap:0.5rem;font-size:0.8rem;margin-bottom:0.875rem;padding-bottom:0.875rem}.author-box{padding:0.875rem;gap:0.625rem}.author-avatar{width:36px;height:36px;flex-shrink:0}.answer-box{padding:0.875rem 1rem}.toc-mobile{margin-bottom:0.875rem}}