/* Global site-wide skin for "SEO Content Hub" — clean teal, sans throughout. */
:root{--primary:#0d9488;--primary-light:#f0fdfa;--bg:#fff;--surface:#fff;--surface-alt:#f8fafc;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--radius:12px;--shadow:0 3px 16px rgba(13,148,136,.08);--font-heading:-apple-system,'Segoe UI',sans-serif;--font-body:-apple-system,'Segoe UI',Roboto,sans-serif;}
[data-theme="dark"]{--bg:#0b1220;--surface:#131b2c;--surface-alt:#17223a;--text:#e2e8f0;--text-muted:#94a3b8;--border:#1e293b;--primary:#14b8a6;--primary-light:#0f2e2b;}

/* ── Layout DNA ── clean hub tiles, centered search-style hero, rounded-md cards */
.btn{border-radius:10px;font-weight:700;}
.main-nav a{border-radius:10px;}
.site-header{box-shadow:0 1px 8px rgba(13,148,136,.06);}
.hero{text-align:center;padding:64px 20px;background:var(--surface-alt);}
.hero::before,.hero::after{background:var(--primary);opacity:.12;}
.hero .btn-primary{border-radius:999px;padding:12px 28px;}
.card{border-radius:12px;}
.card:hover{box-shadow:0 8px 22px rgba(13,148,136,.12);}