.seo-article{gap:var(--s-4xl);padding:var(--s-2xl) var(--s-xl) var(--s-7xl);flex-direction:column;max-width:920px;margin:0 auto;display:flex}.seo-article-crumbs{gap:var(--s-sm);color:var(--text-tertiary);flex-wrap:wrap;font-size:13px;display:flex}.seo-article-crumbs a{color:var(--text-tertiary);text-decoration:none}.seo-article-crumbs a:hover{color:var(--text-accent)}.seo-article-crumbs-sep{margin:0 var(--s-2xs);color:var(--text-quaternary)}.seo-article-hero{gap:var(--s-3xl);padding:var(--s-2xl) 0;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;display:grid}.seo-article-hero-text{gap:var(--s-xl);flex-direction:column;display:flex}.seo-article-kicker{width:fit-content;padding:var(--s-2xs) var(--s-md);background:color-mix(in srgb, var(--accent-500) 12%, transparent);color:var(--accent-500);border-radius:var(--r-pill);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700;display:inline-flex}.seo-article-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(26px,3.4vw,44px);font-weight:700;line-height:1.08}.seo-article-lead{color:var(--text-secondary);max-width:60ch;margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.5}.seo-article-ctas{gap:var(--s-md);flex-wrap:wrap;display:flex}.seo-article-sections{gap:var(--s-3xl);flex-direction:column;display:flex}.seo-article-section{gap:var(--s-md);flex-direction:column;display:flex}.seo-article-h2{color:var(--text-primary);letter-spacing:-.005em;margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.2}.seo-article-p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.65}.seo-article-list{gap:var(--s-sm);flex-direction:column;margin:0;padding-inline-start:var(--s-xl);display:flex}.seo-article-list li{color:var(--text-secondary);font-size:15px;line-height:1.55}.seo-article-faq{gap:var(--s-lg);flex-direction:column;display:flex}.seo-article-faq-list{gap:var(--s-md);flex-direction:column;display:flex}.seo-article-faq-item{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--s-lg) var(--s-xl)}.seo-article-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--s-md);color:var(--text-primary);font-size:16px;font-weight:600;list-style:none;display:flex}.seo-article-faq-item summary::-webkit-details-marker{display:none}.seo-article-faq-item summary:after{content:"+";color:var(--text-tertiary);font-size:20px;transition:transform .12s}.seo-article-faq-item[open] summary:after{transform:rotate(45deg)}.seo-article-faq-item p{margin:var(--s-md) 0 0;color:var(--text-secondary);font-size:14px;line-height:1.6}.seo-article-related{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--s-xl)}.seo-article-related-heading{margin:0 0 var(--s-md);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-size:13px;font-weight:700}.seo-article-related ul{gap:var(--s-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.seo-article-related a{padding:var(--s-sm) var(--s-lg);border:1px solid var(--border-middle);border-radius:var(--r-pill);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;text-decoration:none;transition:border-color .12s;display:inline-block}.seo-article-related a:hover{border-color:var(--border-accent);color:var(--text-accent)}.seo-article-cta-bottom{background:linear-gradient(140deg, color-mix(in srgb, var(--accent-500) 18%, transparent), var(--bg-elevated));border:1px solid color-mix(in srgb, var(--accent-500) 32%, transparent);border-radius:var(--r-2xl);padding:var(--s-4xl) var(--s-2xl);text-align:center;align-items:center;gap:var(--s-lg);flex-direction:column;display:flex}.seo-article-cta-bottom-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);text-transform:uppercase;margin:0;font-size:clamp(20px,2.8vw,32px);font-weight:700;line-height:1.1}@media (max-width:768px){.seo-article{padding:var(--s-lg) var(--s-lg) var(--s-5xl);gap:var(--s-2xl)}.seo-article-hero{gap:var(--s-xl);grid-template-columns:1fr}.seo-article-hero-media .seo-fig-slot{aspect-ratio:3/2;max-width:100%}}@media (max-width:480px){.seo-article{padding:var(--s-md) var(--s-md) var(--s-4xl);gap:var(--s-xl)}.seo-article :is(h1,.seo-article-title){font-size:clamp(28px,8vw,40px)}.seo-article :is(h2){font-size:22px}.seo-article :is(h3){font-size:18px}.seo-article :is(p,li){font-size:15px;line-height:1.55}.seo-article pre,.seo-article code{font-size:12px}.seo-article pre{padding:10px 12px}.seo-article :is(ul,ol){padding-inline-start:18px}}.seo-index{gap:var(--s-2xl);padding:var(--s-2xl) var(--s-xl) var(--s-7xl);flex-direction:column;max-width:1100px;margin:0 auto;display:flex}.seo-index-header{gap:var(--s-md);padding:var(--s-2xl) 0;flex-direction:column;display:flex}.seo-index-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(26px,3.4vw,44px);font-weight:700;line-height:1.08}.seo-index-lead{color:var(--text-secondary);max-width:60ch;margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.5}.seo-index-grid{gap:var(--s-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.seo-index-card{gap:var(--s-sm);padding:var(--s-xl);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);color:var(--text-primary);flex-direction:column;height:100%;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}@media (hover:hover){.seo-index-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}}.seo-index-card-kicker{letter-spacing:.14em;color:var(--accent-300);text-transform:uppercase;font-size:11px;font-weight:700}.seo-index-card-title{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.3}.seo-index-card-lead{color:var(--text-secondary);font-size:14px;line-height:1.5}.seo-index-empty{color:var(--text-secondary);padding:var(--s-2xl) 0;font-size:15px}.seo-fig{margin:var(--s-lg) 0 0;gap:var(--s-sm);flex-direction:column;display:flex}.seo-fig-slot{border-radius:var(--r-2xl);background:var(--bg-elevated);border:1px solid var(--border-default);width:100%;display:block;position:relative;overflow:hidden}.seo-fig-img{object-fit:cover}.seo-fig-img--contain{object-fit:contain;padding:var(--s-md)}.seo-fig-cap{color:var(--text-tertiary);border-inline-start:2px solid var(--border-accent);margin:0;padding-inline-start:var(--s-md);font-size:13px;line-height:1.5}.seo-fig--diagram .seo-fig-slot{background:color-mix(in srgb, var(--accent-500) 5%, var(--bg-elevated))}.seo-fig--screenshot .seo-fig-slot{box-shadow:var(--shadow-2);border-color:var(--border-middle)}.seo-fig--example .seo-fig-slot{border-color:var(--border-accent)}.seo-fig--plain .seo-fig-slot{background:0 0;border:none}.seo-fig--card .seo-fig-slot{box-shadow:var(--shadow-1)}.seo-article-hero-media{flex-direction:column;display:flex}.seo-article-hero-media .seo-fig{margin:0}.seo-media-grid{gap:var(--s-md);margin:var(--s-lg) 0 0;display:grid}.seo-media-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-media-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-media-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.seo-media-grid .seo-fig{margin:0}.seo-media-grid-cap{color:var(--text-tertiary);text-align:center;grid-column:1/-1;margin:0;font-size:13px}.seo-media-ba{margin:var(--s-lg) 0 0;gap:var(--s-sm);flex-direction:column;display:flex}.seo-media-ba-pair{gap:var(--s-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.seo-media-ba-side{position:relative}.seo-media-ba-side .seo-fig{margin:0}.seo-media-ba-badge{top:var(--s-sm);z-index:1;padding:var(--s-2xs) var(--s-md);border-radius:var(--r-pill);background:color-mix(in srgb, var(--bg-primary) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-middle);color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700;position:absolute;inset-inline-start:var(--s-sm)}.seo-media-ba-badge--after{background:color-mix(in srgb, var(--accent-500) 22%, var(--bg-primary));border-color:var(--border-accent);color:var(--text-accent)}@media (max-width:640px){.seo-media-grid[data-cols="3"],.seo-media-grid[data-cols="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-media-ba-pair{grid-template-columns:1fr}}.seo-article-takeaways{background:var(--bg-elevated);border:1px solid var(--border-default);border-inline-start:3px solid var(--accent-500);border-radius:var(--r-md);padding:var(--s-lg) var(--s-xl);max-width:64ch}.seo-article-takeaways-title{margin:0 0 var(--s-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:12px;font-weight:700}.seo-article-takeaways ul{gap:var(--s-xs);flex-direction:column;margin:0;padding-inline-start:var(--s-lg);display:flex}.seo-article-takeaways li{color:var(--text-primary);font-size:15px;line-height:1.5}.seo-article-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border-default);border-radius:var(--r-md);overflow-x:auto}.seo-article-table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;line-height:1.45}.seo-article-table caption{caption-side:bottom;text-align:start;padding:var(--s-sm) var(--s-md);color:var(--text-tertiary);font-size:13px}.seo-article-table th,.seo-article-table td{padding:var(--s-sm) var(--s-md);text-align:start;vertical-align:top;border-bottom:1px solid var(--border-default);color:var(--text-secondary)}.seo-article-table thead th{background:var(--bg-elevated);color:var(--text-primary);white-space:nowrap;font-weight:600}.seo-article-table tbody th{color:var(--text-primary);font-weight:600}.seo-article-table tbody tr:last-child th,.seo-article-table tbody tr:last-child td{border-bottom:none}.seo-article-dateline{color:var(--text-tertiary);margin:0;font-size:13px}.seo-article-sources{gap:var(--s-md);flex-direction:column;display:flex}.seo-article-sources-list{gap:var(--s-xs);flex-direction:column;margin:0;padding-inline-start:var(--s-xl);font-size:14px;line-height:1.5;display:flex}.seo-article-sources-list a{color:var(--text-primary);text-underline-offset:2px;text-decoration:underline}.seo-article-sources-host{color:var(--text-tertiary);margin-inline-start:var(--s-sm);font-size:12px}
