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