:root{--bg:#06080f;--bg-card:#0d1117;--border:#1b2332;--border-hover:#2d3a4f;--text:#e2e8f0;--text-dim:#64748b;--accent:#3b82f6;--accent2:#8b5cf6;--green:#22c55e;--font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',ui-monospace,monospace;--radius:14px}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:radial-gradient(circle at 12% -10%,rgba(59,130,246,.13),transparent 30%),var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}a{color:var(--accent);text-decoration:none}.seo-wrapper{width:min(980px,calc(100vw - 3rem));max-width:980px;margin:0 auto;padding:0 0 2.25rem;position:relative;z-index:1}.seo-page-hero{text-align:center;padding:2rem 0 1.25rem}.page-kicker{display:inline-flex;margin:0 auto .8rem;padding:.3rem .72rem;border:1px solid rgba(96,165,250,.24);border-radius:999px;background:rgba(59,130,246,.08);color:#bfdbfe;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.seo-page-hero h1{font-size:clamp(2rem,6vw,3.3rem);letter-spacing:-.04em;line-height:1.04;margin:0 auto .85rem;max-width:820px}.seo-page-hero p{max-width:720px;margin:0 auto;color:#cbd5e1;font-size:1.06rem;line-height:1.7}.hero-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1.35rem}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 1.35rem;border-radius:14px;font-weight:800}.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 14px 32px rgba(59,130,246,.24)}.secondary-btn{border:1px solid var(--border);color:#cbd5e1;background:rgba(13,17,23,.72)}.content-section{margin:1.25rem 0;padding:1.5rem;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,rgba(13,17,23,.82),rgba(13,17,23,.68));box-shadow:0 18px 55px rgba(0,0,0,.14)}.content-section h2{font-size:1.35rem;letter-spacing:-.02em;margin:0 0 .85rem}.content-section h3{font-size:1rem;margin:.9rem 0 .35rem;color:#f8fafc}.content-section p,.content-section li{color:var(--text-dim);font-size:.92rem;line-height:1.7}.content-section ul,.content-section ol{padding-left:1.2rem;display:grid;gap:.35rem}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:.9rem}.card{border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(2,6,23,.34);padding:1.05rem;min-height:100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.card strong{display:block;color:#f8fafc;margin-bottom:.35rem}.cta-band{text-align:center;background:radial-gradient(circle at 18% 18%,rgba(96,165,250,.20),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.86));border-color:rgba(96,165,250,.32)}.cta-band p{max-width:650px;margin:0 auto 1rem}.internal-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.internal-links a{border:1px solid rgba(96,165,250,.2);border-radius:999px;padding:.35rem .75rem;background:rgba(59,130,246,.08);font-size:.82rem;color:#bfdbfe}@media(max-width:680px){.seo-wrapper{width:min(720px,calc(100vw - 2rem));padding-bottom:1.5rem}.cards{grid-template-columns:1fr}.hero-actions .primary-btn,.hero-actions .secondary-btn{width:100%}.content-section{padding:1.1rem}.seo-page-hero{text-align:center}.seo-page-hero p{margin-left:auto}}

/* ─── Light/Dark Theme 2026-05-12 ─── */
html:not([data-theme="dark"]){--bg:#f5f7fb;--bg-card:#ffffff;--border:#d8e0ec;--border-hover:#b6c4d8;--text:#0f172a;--text-dim:#475569;--accent:#2563eb;--accent2:#7c3aed;--green:#16a34a}
html:not([data-theme="dark"]) body{background:radial-gradient(circle at 12% -10%,rgba(37,99,235,.12),transparent 30%),var(--bg);color:var(--text)}
html:not([data-theme="dark"]) .page-kicker{background:rgba(37,99,235,.08);border-color:rgba(37,99,235,.18);color:#1d4ed8}
html:not([data-theme="dark"]) .seo-page-hero p{color:#475569}
html:not([data-theme="dark"]) .secondary-btn{background:rgba(255,255,255,.82);color:#334155;border-color:rgba(203,213,225,.9)}
html:not([data-theme="dark"]) .content-section{background:rgba(255,255,255,.92);border-color:rgba(203,213,225,.9);box-shadow:0 18px 55px rgba(15,23,42,.08)}
html:not([data-theme="dark"]) .content-section h3,html:not([data-theme="dark"]) .card strong{color:#0f172a}
html:not([data-theme="dark"]) .content-section p,html:not([data-theme="dark"]) .content-section li{color:#475569}
html:not([data-theme="dark"]) .card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(241,245,249,.7));border-color:rgba(203,213,225,.85)}
html:not([data-theme="dark"]) .cta-band{background:radial-gradient(circle at 18% 18%,rgba(37,99,235,.12),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,245,249,.9));border-color:rgba(37,99,235,.22)}
html:not([data-theme="dark"]) .internal-links a{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.18);color:#1d4ed8}


/* SEO landing rich content */
.answer-block{border-color:rgba(96,165,250,.30);background:radial-gradient(circle at 12% 0%,rgba(96,165,250,.16),transparent 38%),linear-gradient(180deg,rgba(13,17,23,.88),rgba(13,17,23,.68))}
.table-wrap{overflow-x:auto;margin:.9rem 0}.content-section table{width:100%;border-collapse:collapse;min-width:640px}.content-section th,.content-section td{padding:.8rem .85rem;border:1px solid rgba(148,163,184,.16);text-align:left;vertical-align:top;font-size:.86rem;line-height:1.55}.content-section th{color:#f8fafc;background:rgba(59,130,246,.12);font-weight:800}.content-section td{color:var(--text-dim);background:rgba(2,6,23,.24)}
.content-section pre{overflow:auto;margin:.9rem 0;padding:1rem;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(2,6,23,.54);color:#dbeafe;font:0.84rem/1.6 var(--mono);white-space:pre-wrap}.content-section pre code{background:transparent;padding:0;color:inherit}.internal-links{justify-content:center}
html:not([data-theme="dark"]) .content-section th{color:#0f172a;background:rgba(37,99,235,.08)}html:not([data-theme="dark"]) .content-section td{color:#475569;background:rgba(255,255,255,.78);border-color:rgba(203,213,225,.86)}html:not([data-theme="dark"]) .content-section pre{background:#f8fafc;color:#0f172a;border-color:rgba(203,213,225,.9)}
@media(max-width:680px){.content-section table{min-width:560px}}