.article-page{max-width:1100px;margin:0 auto;padding:clamp(7rem,14vh,10rem) 2rem 4rem}.article-header{max-width:720px;margin-bottom:2.5rem}.article-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.8rem;color:var(--fg-muted)}.article-category-tag{display:inline-block;padding:.2em .6em;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.article-category-tag.how-to{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.article-category-tag.use-case{background:color-mix(in srgb,var(--sky) 15%,transparent);color:var(--sky)}.article-category-tag.comparison{background:color-mix(in srgb,#6366f1 15%,transparent);color:#6366f1}.article-category-tag.tips{background:color-mix(in srgb,#8b5cf6 15%,transparent);color:#8b5cf6}@media (prefers-color-scheme:dark){.article-category-tag.use-case{background:color-mix(in srgb,var(--sky) 15%,transparent);color:var(--sky)}.article-category-tag.comparison{background:color-mix(in srgb,#818cf8 15%,transparent);color:#818cf8}.article-category-tag.tips{background:color-mix(in srgb,#a78bfa 15%,transparent);color:#a78bfa}}.article-title{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:400;letter-spacing:-.02em;line-height:1.15;color:var(--fg)}.article-body-wrap{display:grid;grid-template-columns:1fr 200px;gap:3rem;align-items:start}.article-hero-answer{font-size:1.05rem;line-height:1.7;color:var(--fg);font-weight:400;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--surface-border)}.article-content{max-width:720px;color:var(--fg-soft);line-height:1.75;font-size:.95rem}.article-content p{margin-bottom:1.25rem}.article-content ol,.article-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.4rem}.article-content strong{color:var(--fg);font-weight:500}.article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.article-content a:hover{opacity:.8}.article-content a.guide-card{text-decoration:none;color:inherit}.article-content a.guide-card:hover{opacity:1}.article-content code{font-family:SF Mono,Fira Code,monospace;font-size:.85em;background:var(--bg-warm);padding:.15em .4em;border-radius:4px}.article-content pre{background:var(--bg-warm);border:1px solid var(--surface-border);border-radius:8px;padding:1rem 1.25rem;overflow-x:auto;margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}.article-content pre code{background:none;padding:0}.article-h2{font-family:var(--serif);font-size:1.4rem;font-weight:400;letter-spacing:-.01em;margin-top:2.5rem;margin-bottom:.75rem}.article-h2,.article-h3{color:var(--fg);scroll-margin-top:6rem}.article-h3{font-size:1.05rem;font-weight:500;margin-top:2rem;margin-bottom:.5rem}.article-toc{position:sticky;top:6rem;font-size:.78rem;color:var(--fg-muted)}.article-toc-label{font-weight:500;color:var(--fg-soft);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.article-toc-list{list-style:none;padding:0}.article-toc-item{display:block;padding:.3em 0;color:var(--fg-muted);text-decoration:none;transition:color .15s;line-height:1.4}.article-toc-item:hover{color:var(--accent)}.article-callout{border-left:3px solid var(--accent);background:var(--accent-bg);padding:1rem 1.25rem;border-radius:0 8px 8px 0;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6;color:var(--fg-soft)}.article-callout-label{font-family:var(--serif);font-style:italic;font-size:.85rem;color:var(--accent);margin-bottom:.3rem}.article-callout.warning{border-left-color:#d97706;background:color-mix(in srgb,#d97706 8%,var(--surface))}.article-callout.warning .article-callout-label{color:#d97706}.article-callout.info{border-left-color:var(--fg-muted);background:var(--bg-warm)}.article-callout.info .article-callout-label{color:var(--fg-soft)}.comparison-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.88rem}.comparison-table td,.comparison-table th{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--surface-border)}.comparison-table th{font-weight:500;color:var(--fg);font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.comparison-table th.highlight{color:var(--accent)}.comparison-table td{color:var(--fg-soft)}.comparison-table tr:last-child td{border-bottom:none}.article-cta{background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:12px;padding:1.5rem 2rem;margin:2rem 0;text-align:center}.article-cta-title{font-family:var(--serif);font-size:1.15rem;font-style:italic;color:var(--fg);margin-bottom:.5rem}.article-cta-text{font-size:.85rem;color:var(--fg-soft);margin-bottom:1rem;line-height:1.5}.article-cta .btn-buy{display:inline-block;padding:.6rem 1.5rem;background:var(--sky);color:white;border-radius:8px;font-weight:500;font-size:.88rem;text-decoration:none;transition:opacity .15s}.article-cta .btn-buy:hover{opacity:.88}.article-cta-note{font-size:.75rem;color:var(--fg-muted);margin-top:.5rem}.article-cta-inline{border-left:3px solid var(--accent);background:var(--accent-bg);padding:1rem 1.25rem;border-radius:0 8px 8px 0;margin:1.5rem 0;font-size:.88rem;line-height:1.5;color:var(--fg-soft)}.article-cta-inline a,.article-cta-inline-btn{color:var(--accent);font-weight:500;text-decoration:underline;text-underline-offset:2px;background:none;border:none;padding:0;font-family:inherit;font-size:inherit;cursor:pointer}.related-articles{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--surface-border)}.related-articles-title{font-family:var(--serif);font-size:1.2rem;font-weight:400;color:var(--fg);margin-bottom:1rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.article-faq{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--surface-border)}.article-faq-title{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--fg)}.article-faq-title,.faq-item{margin-bottom:1.25rem}.faq-question{font-weight:500;color:var(--fg);font-size:.95rem;margin-bottom:.35rem}.faq-answer{color:var(--fg-soft);font-size:.9rem;line-height:1.6}.guides-hub{max-width:1100px;margin:0 auto;padding:clamp(7rem,14vh,10rem) 2rem 4rem}.guides-hub-title{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:-.02em;margin-bottom:.5rem}.guides-hub-subtitle{color:var(--fg-soft);font-size:1rem;margin-bottom:3rem}.guides-section-title{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--fg);margin-bottom:1rem;padding-top:1.5rem;border-top:1px solid var(--surface-border)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2.5rem}.guide-card{display:block;padding:1.25rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:10px;text-decoration:none;transition:border-color .15s,box-shadow .15s}.guide-card:hover{border-color:var(--sky);box-shadow:0 2px 12px color-mix(in srgb,var(--sky) 10%,transparent)}.guide-card-title{font-weight:500;color:var(--fg);font-size:.95rem;margin-bottom:.4rem;line-height:1.35}.guide-card-excerpt{color:var(--fg-muted);font-size:.82rem;line-height:1.5;margin-bottom:.5rem}.guide-card-meta{font-size:.72rem;color:var(--fg-muted);display:flex;gap:.5rem;align-items:center}@media (max-width:900px){.article-body-wrap{grid-template-columns:1fr}.article-toc{position:static;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--surface-border)}}@media (max-width:480px){.article-title{font-size:1.6rem}.guides-grid{grid-template-columns:1fr}.comparison-table{font-size:.8rem}.comparison-table td,.comparison-table th{padding:.4rem .5rem}}