/* Shared layout for SEO intent hub pages (/career-resilience/, /upskill/, etc.)
   Bump ?v= on every <link> when this file changes. */
:root{
  --bg:#0A0E1A; --surface:#131A2B; --surface-2:#1B2438; --line:#2A3550;
  --text:#EDF1F7; --muted:#8D97B0; --signal:#FFB627; --signal-text:#FFB627;
  --risk-low:#34D399; --pivot:#5AB8FF; --rebound:#FB5B4A; --grow:#34D399;
}
@media (prefers-color-scheme: light){
  :root{ --bg:#FFF; --surface:#FFF; --surface-2:#F1F4F9; --line:#DDE3ED; --text:#14192B; --muted:#5C6680; --signal:#D97706; --signal-text:#A55A05; --risk-low:#16A34A; --pivot:#38729E; --rebound:#BF4538; --grow:#1E7A59; }
}
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--text); font-family:'Inter',sans-serif; line-height:1.65; }
a{ color:var(--signal-text); text-decoration:none; }
a:hover{ text-decoration:underline; }
main{ max-width:860px; margin:0 auto; padding:48px 24px 80px; }
.eyebrow{ font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--signal-text); font-weight:500; margin-bottom:14px; }
h1{ font-family:'Space Grotesk',sans-serif; font-size:clamp(28px,5vw,44px); line-height:1.12; margin:0 0 16px; text-wrap:balance; }
.dek{ font-size:18px; color:var(--muted); margin-bottom:28px; max-width:720px; }
.hero-actions{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.btn{ display:inline-block; background:var(--signal); color:#1A1206; font-weight:700; padding:13px 26px; border-radius:8px; text-decoration:none; font-size:15px; }
.btn:hover{ text-decoration:none; opacity:.92; }
.btn-ghost{ display:inline-block; background:transparent; color:var(--text); font-weight:600; padding:12px 22px; border:1px solid var(--line); border-radius:8px; text-decoration:none; font-size:14px; }
.btn-ghost:hover{ text-decoration:none; border-color:var(--signal); }
h2{ font-family:'Space Grotesk',sans-serif; font-size:22px; margin:44px 0 14px; }
h3{ font-family:'Space Grotesk',sans-serif; font-size:17px; margin:0 0 8px; }
p, li{ font-size:16px; }
p{ margin:0 0 16px; }
.card-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:14px; margin:16px 0 8px; }
.card{ background:var(--surface-2); border:1px solid var(--line); border-radius:12px; padding:18px 20px; }
.card p{ font-size:14.5px; color:var(--muted); margin:0; }
.content-links{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:12px; margin:16px 0 8px; }
.content-links a{ display:block; background:var(--surface-2); border:1px solid var(--line); border-radius:10px; padding:16px 18px; color:var(--text); font-weight:600; font-size:14.5px; }
.content-links a:hover{ border-color:var(--signal); text-decoration:none; }
.content-links a span{ display:block; font-weight:400; color:var(--muted); font-size:13px; margin-top:4px; }
.faq{ margin:16px 0; }
.faq details{ background:var(--surface-2); border:1px solid var(--line); border-radius:10px; padding:14px 18px; margin-bottom:10px; }
.faq summary{ font-weight:600; cursor:pointer; font-family:'Space Grotesk',sans-serif; }
.faq p{ font-size:14.5px; color:var(--muted); margin:10px 0 0; }
.cta{ background:var(--surface-2); border:1px solid var(--signal); border-radius:14px; padding:28px 24px; text-align:center; margin-top:48px; }
.cta h3{ font-size:20px; margin:0 0 8px; }
.cta p{ color:var(--muted); margin-bottom:18px; }
.trust{ font-size:13px; color:var(--muted); margin-top:14px; }
footer{ border-top:1px solid var(--line); padding:24px; text-align:center; font-size:13px; color:var(--muted); }
footer a{ color:var(--muted); }
footer .foot-links{ display:block; margin-top:10px; line-height:2.2; }