.article-page{max-width:1100px;margin:0 auto;padding:clamp(7rem,14vh,10rem) 1.5rem 4rem}.article-header{max-width:720px;margin-bottom:2.5rem}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;font-size:.8rem;color:var(--ink-muted)}.article-meta a{color:inherit}.article-meta a:hover{color:var(--ink)}.article-category-tag{display:inline-block;padding:.2em .6em;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.article-category-tag.use-case{background:color-mix(in srgb,#3a8a9e 18%,transparent);color:#2f7587}.article-category-tag.comparison{background:color-mix(in srgb,#6366f1 15%,transparent);color:#5257d9}.article-category-tag.tips{background:color-mix(in srgb,#8b5cf6 15%,transparent);color:#7c4cde}@media (prefers-color-scheme:dark){.article-category-tag.use-case{background:color-mix(in srgb,#6ab7c8 18%,transparent);color:#9ccfdb}.article-category-tag.comparison{background:color-mix(in srgb,#818cf8 15%,transparent);color:#a5adfa}.article-category-tag.tips{background:color-mix(in srgb,#a78bfa 15%,transparent);color:#c3b0fc}}.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(--ink)}.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(--ink);font-weight:400;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--rule);max-width:720px}.article-content{max-width:720px;color:var(--ink-soft);line-height:1.75;font-size:.97rem}.article-content p{margin-bottom:1.25rem}.article-content ol,.article-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:.4rem}.article-content strong{color:var(--ink);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:var(--mono);font-size:.85em;background:var(--paper-warm);padding:.15em .4em;border-radius:4px}.article-content pre{background:var(--paper-warm);border:1px solid var(--rule);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.5rem;font-weight:400;letter-spacing:-.01em;margin-top:2.75rem;margin-bottom:.75rem}.article-h2,.article-h3{color:var(--ink);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(--ink-muted)}.article-toc-label{font-weight:500;color:var(--ink-soft);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.article-toc-list{list-style:none;padding:0;margin:0}.article-toc-item{display:block;padding:.3em 0;color:var(--ink-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:.92rem;line-height:1.6;color:var(--ink-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(--ink-muted);background:var(--paper-warm)}.article-callout.info .article-callout-label{color:var(--ink-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(--rule)}.comparison-table th{font-weight:500;color:var(--ink);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.comparison-table th.highlight{color:var(--accent)}.comparison-table td{color:var(--ink-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.2rem;font-style:italic;color:var(--ink);margin-bottom:.5rem}.article-cta-text{font-size:.9rem;color:var(--ink-soft);margin-bottom:1rem;line-height:1.55}.article-cta .btn-buy{display:inline-block;padding:.6rem 1.5rem;background:var(--accent);color:var(--paper);border-radius:999px;font-weight:500;font-size:.9rem;text-decoration:none;transition:transform .12s ease,opacity .12s ease}.article-cta .btn-buy:hover{transform:translateY(-1px);opacity:.94}.article-cta-note{font-size:.75rem;color:var(--ink-muted);margin-top:.55rem}.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:.9rem;line-height:1.55;color:var(--ink-soft)}.article-cta-inline a,.article-cta-inline-btn{color:var(--accent);font-weight:500;text-decoration:underline;text-underline-offset:2px}.related-articles{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--rule)}.related-articles-title{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--ink);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(--rule)}.article-faq-title{font-family:var(--serif);font-size:1.35rem;font-weight:400;color:var(--ink)}.article-faq-title,.faq-item{margin-bottom:1.25rem}.faq-question{font-weight:500;color:var(--ink);font-size:.97rem;margin-bottom:.35rem}.faq-answer{color:var(--ink-soft);font-size:.92rem;line-height:1.65}.guides-hub{max-width:1100px;margin:0 auto;padding:clamp(7rem,14vh,10rem) 1.5rem 4rem}.guides-hub-title{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:-.02em;margin-bottom:.5rem;color:var(--ink)}.guides-hub-subtitle{font-size:1rem;max-width:60ch}.guides-hub-intro,.guides-hub-subtitle{color:var(--ink-soft);margin-bottom:2.5rem}.guides-hub-intro{font-size:.95rem;line-height:1.65;max-width:70ch}.guides-section-title{font-family:var(--serif);font-size:1.35rem;font-weight:400;color:var(--ink);margin-bottom:.35rem;padding-top:1.5rem}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2.5rem}.guides-hub-section-header{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--rule);padding-top:0}.guides-viewall-link{color:var(--accent);font-size:.85rem;font-weight:500;text-decoration:none;white-space:nowrap}.guides-viewall-link:hover{opacity:.85}.guides-section-desc{color:var(--ink-muted);font-size:.88rem;margin-bottom:1rem}.guide-card{display:block;padding:1.25rem;background:var(--surface);border:1px solid var(--rule);border-radius:10px;text-decoration:none;transition:border-color .15s,box-shadow .15s}.guide-card:hover{border-color:var(--accent);box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 12%,transparent)}.guide-card-title{font-weight:500;color:var(--ink);font-size:.97rem;margin:.4rem 0;line-height:1.35}.guide-card-excerpt{color:var(--ink-muted);font-size:.85rem;line-height:1.5;margin-bottom:.5rem}.guide-card-meta{font-size:.72rem;color:var(--ink-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(--rule)}}@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}}