/* Global site-wide skin for "Business / Professional" — navy corporate. */
:root{--primary:#2563eb;--primary-light:#eff6ff;--bg:#fff;--surface:#fff;--surface-alt:#f8fafc;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;--radius:6px;--shadow:0 2px 12px rgba(15,41,66,.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:#3b82f6;--primary-light:#132342;}

/* ── Layout DNA ── structured professional tabs, boxed hero, left-accent cards */
.btn{border-radius:6px;font-weight:700;}
.main-nav a{border-radius:6px;}
.main-nav a:hover,.main-nav a.active{background:var(--primary-light);}
.site-header{border-bottom:1px solid var(--border);box-shadow:0 1px 6px rgba(15,41,66,.04);}
.hero{text-align:left;padding:60px 20px;background:var(--surface-alt);border-bottom:1px solid var(--border);}
.hero .container{max-width:900px;}
.hero::before,.hero::after{display:none;}
.card{border-radius:8px;border-left:3px solid var(--border);}
.card:hover{border-left-color:var(--primary);box-shadow:0 6px 18px rgba(15,41,66,.08);}