.article-title{font-size:var(--text-3xl)}@media (max-width:640px){.article-title{font-size:var(--text-2xl)}}.byline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--muted)}.byline .avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-tint);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-xs)}.byline strong{color:var(--text)}.lead{font-size:var(--text-md);color:var(--text);margin-top:var(--space-5)}.quick-answer{background:var(--accent-tint);border-left:4px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);margin-top:var(--space-6)}.quick-answer .eyebrow{color:var(--accent)}.quick-answer p{margin:6px 0 0;font-size:var(--text-base)}.toc{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-8);background:var(--surface)}.toc h2{font-size:var(--text-sm);font-family:var(--font-body);font-weight:700}.toc-meta{font-size:var(--text-xs);color:var(--muted);margin-top:2px}.toc-list{display:grid;grid-template-columns:1fr 1fr;gap:6px var(--space-5);margin-top:var(--space-4);font-size:var(--text-sm)}.toc-list a{color:var(--text);font-weight:500}.toc-list a:hover{color:var(--primary-dark)}@media (max-width:520px){.toc-list{grid-template-columns:1fr}}.article-section{margin-top:var(--space-10)}.article-section h2{font-size:var(--text-xl)}.article-section > p{margin-top:var(--space-3)}.materials ul{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-5);margin-top:var(--space-4)}@media (max-width:520px){.materials ul{grid-template-columns:1fr}}.materials li{display:flex;gap:var(--space-2);font-size:var(--text-sm);align-items:flex-start}.materials svg{width:18px;height:18px;color:var(--primary);flex-shrink:0;margin-top:2px}.steps{margin-top:var(--space-2)}.step{display:grid;grid-template-columns:44px 1fr;column-gap:var(--space-4)}.step-rail{display:flex;flex-direction:column;align-items:center}.step-num{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:var(--text-base);flex-shrink:0}.step-line{width:2px;flex:1;background:var(--border);margin:6px 0;min-height:24px}.step:last-child .step-line{display:none}.step-body{padding-bottom:var(--space-9,36px)}.step-illustration{width:100%;aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--primary-tint);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);overflow:hidden}.step-illustration img{width:100%;height:100%;object-fit:cover}.step-illustration svg{width:30%;height:30%;color:var(--primary-dark)}.step-body h3{font-size:var(--text-lg);margin-bottom:6px}.step-body p{margin:0 0 var(--space-3);font-size:var(--text-base)}.step-body .substeps{margin-top:var(--space-3)}.step-body .substeps li{display:flex;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);padding:4px 0}.step-body .substeps svg{width:14px;height:14px;color:var(--primary);margin-top:4px;flex-shrink:0}.callout-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-top:var(--space-4)}@media (max-width:640px){.callout-grid{grid-template-columns:1fr}}.callout{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.callout.tips{border-top:3px solid var(--primary)}.callout.mistakes{border-top:3px solid var(--danger)}.callout h3{font-size:var(--text-sm);font-family:var(--font-body);font-weight:700;margin-bottom:var(--space-3)}.callout li{font-size:var(--text-sm);padding:5px 0 5px 16px;position:relative;color:var(--text)}.callout li::before{content:"\2014";position:absolute;left:0;color:var(--muted)}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{cursor:pointer;list-style:none;padding:var(--space-4) 0;font-weight:600;font-size:var(--text-base);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{width:20px;height:20px;flex-shrink:0;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-dark);transition:transform .15s ease}.faq-item[open] summary .icon{transform:rotate(45deg)}.faq-item p{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--text)}.trust{display:flex;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-10);align-items:flex-start}.article-tags{margin-top:var(--space-10)}.article-tags .pill-links{margin-top:var(--space-3)}.trust .avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-tint);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-display);flex-shrink:0}.trust h3{font-size:var(--text-base);font-family:var(--font-body)}.trust p{font-size:var(--text-sm);color:var(--muted);margin:4px 0 0}