.article-hero{border-bottom:1px solid var(--line);padding:clamp(3rem,8vw,6rem) clamp(1.5rem,5vw,4rem) 0;max-width:1440px;margin:0 auto}.breadcrumb{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;color:var(--ink3);margin-bottom:2rem;display:flex;gap:.75rem;align-items:center}.breadcrumb a{color:var(--ink3);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span{opacity:.4}.article-tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem;display:block}.article-title{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:600;line-height:1.3;letter-spacing:-.01em;max-width:800px;margin-bottom:1.5rem}.article-title em{font-style:normal;color:var(--accent);position:relative}.article-title em:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:3px;background:var(--accent2);opacity:.45}.article-meta{display:flex;gap:2rem;align-items:center;font-family:var(--mono);font-size:.68rem;color:var(--ink3);letter-spacing:.1em;padding-bottom:3rem}.meta-divider{opacity:.3}.article-wrapper{max-width:1440px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem);display:grid;grid-template-columns:1fr 300px;gap:5rem;align-items:start}.article-body{padding:3.5rem 0 5rem;max-width:680px}.lead{font-size:1.1rem;color:var(--ink2);line-height:1.9;margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--line)}.article-body h2{font-size:1.35rem;font-weight:600;margin:3rem 0 1.25rem;padding-top:3rem;border-top:1px solid var(--line);color:var(--ink);line-height:1.4}.article-body h2:first-of-type{margin-top:0;padding-top:0;border-top:none}.article-body h3{font-size:1.05rem;font-weight:600;margin:2rem 0 .75rem}.article-body p{font-size:.975rem;color:var(--ink2);line-height:1.9;margin-bottom:1.25rem}.article-body strong{color:var(--ink);font-weight:600}.article-body ul,.article-body ol{padding-left:1.4rem;margin-bottom:1.5rem}.article-body li{margin-bottom:.5rem;font-size:.975rem;color:var(--ink2)}.step-block{border:1px solid var(--line);margin:2rem 0;background:var(--paper)}.step-header{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--line);background:var(--paper2)}.step-num{font-family:var(--mono);font-size:1.6rem;font-weight:500;color:var(--accent);line-height:1;min-width:2.5rem}.step-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink3)}.step-title{font-size:1.05rem;font-weight:600;color:var(--ink);line-height:1.4}.step-body{padding:1.5rem}.step-body p{font-size:.95rem;color:var(--ink2);line-height:1.85;margin-bottom:.75rem}.step-body p:last-child{margin-bottom:0}.highlight-box{background:var(--paper2);border-left:3px solid var(--accent);padding:1.25rem 1.5rem;margin:2rem 0}.highlight-box p{font-size:.92rem;color:var(--ink2);margin-bottom:0;line-height:1.8}.highlight-box strong{color:var(--accent)}.data-table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.88rem}.data-table th{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--line);background:var(--paper2)}.data-table td{padding:.875rem 1rem;border-bottom:1px solid var(--line);color:var(--ink2);line-height:1.6;vertical-align:top}.data-table tr:last-child td{border-bottom:none}.data-table td strong{color:var(--ink)}.tag-pill{display:inline-block;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;background:var(--paper2);border:1px solid var(--line);padding:2px 8px;text-transform:uppercase;color:var(--ink3)}.tag-pill.easy{color:#3a8a3a;border-color:#3a8a3a;background:#3a8a3a0f}.tag-pill.medium{color:var(--accent2);border-color:var(--accent2);background:#e8a0200f}.tag-pill.hard{color:var(--accent);border-color:var(--accent);background:#c8440e0f}.summary-box{border:1px solid var(--line);margin:3rem 0}.summary-header{font-family:var(--mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);padding:.875rem 1.5rem;border-bottom:1px solid var(--line);background:var(--paper2)}.summary-list{list-style:none;padding:1rem 1.5rem}.summary-list li{display:flex;gap:1rem;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--line);font-size:.92rem;color:var(--ink2)}.summary-list li:last-child{border-bottom:none}.summary-list li:before{content:"—";font-family:var(--mono);color:var(--accent);flex-shrink:0}.faq-block{border:1px solid var(--line);margin:1rem 0}.faq-q{font-size:.98rem;font-weight:600;padding:1.25rem 1.5rem;background:var(--paper2);color:var(--ink);display:flex;gap:1rem;align-items:flex-start;line-height:1.5}.faq-q:before{content:"Q";font-family:var(--mono);font-size:.75rem;color:var(--accent);flex-shrink:0;padding-top:2px}.faq-a{padding:1.25rem 1.5rem 1.25rem 3rem;font-size:.93rem;color:var(--ink2);line-height:1.85;border-top:1px solid var(--line);position:relative}.faq-a:before{content:"A";font-family:var(--mono);font-size:.75rem;color:var(--ink3);position:absolute;left:1.5rem;top:1.35rem}.article-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--line)}.tag-item{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);border:1px solid var(--line);padding:4px 12px;text-decoration:none;transition:color .2s,border-color .2s}.tag-item:hover{color:var(--accent);border-color:var(--accent)}.related-articles{margin-top:5rem;padding-top:3rem;border-top:1px solid var(--line)}.related-header{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink3);margin-bottom:2rem}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.related-card{text-decoration:none;color:inherit;border:1px solid var(--line);padding:1.5rem;display:block;transition:background .2s}.related-card:hover{background:var(--paper2)}.related-tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.5rem}.related-title{font-size:.95rem;font-weight:600;line-height:1.5;color:var(--ink)}.sidebar{padding:3.5rem 0 5rem;position:sticky;top:80px}.toc-box{border:1px solid var(--line);margin-bottom:2rem}.toc-header{font-family:var(--mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);padding:.875rem 1.25rem;border-bottom:1px solid var(--line);background:var(--paper2)}.toc-list{list-style:none;padding:.75rem 0}.toc-list li a{display:block;padding:.5rem 1.25rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.05em;color:var(--ink3);text-decoration:none;transition:color .2s,background .2s;line-height:1.5}.toc-list li a:hover{color:var(--accent);background:var(--paper2)}.toc-num{color:var(--accent);margin-right:.5rem}.sidebar-card{border:1px solid var(--line);padding:1.5rem;margin-bottom:2rem}.sidebar-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent2);margin-bottom:.75rem}.sidebar-card p{font-size:.85rem;color:var(--ink2);line-height:1.75;margin-bottom:1.25rem}.sidebar-btn{display:block;text-align:center;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;background:var(--ink);color:var(--paper);text-decoration:none;padding:.75rem 1rem;transition:background .2s}.sidebar-btn:hover{background:var(--accent)}@media(max-width:900px){.article-wrapper{grid-template-columns:1fr;gap:0}.sidebar{display:none}.related-grid{grid-template-columns:1fr}}