/* ── Site theme: shared by the resume and every bundled artifact ───────────── */
:root{
  --font-sans:"Noto Sans","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  /* Tailwind palette as RGB triplets (resume + DKIM page read these via tailwind.config) */
  --tw-white:255 255 255;  --tw-navy:17 34 85;      --tw-blue-700:29 78 216;
  --tw-slate-50:248 250 252;  --tw-slate-100:241 245 249; --tw-slate-200:226 232 240;
  --tw-slate-300:203 213 225; --tw-slate-400:148 163 184; --tw-slate-500:100 116 139;
  --tw-slate-600:71 85 105;   --tw-slate-700:51 65 85;    --tw-slate-800:30 41 59;
  --tw-slate-900:15 23 42;

  /* Semantic tokens (named to cover every variable the bundled documents use) */
  --page:#e2e8f0;                            /* body background */
  --bg:#e2e8f0; --ground:#e2e8f0;
  --surface:#ffffff; --panel:#ffffff; --panel-2:#f8fafc; --code-bg:#f1f5f9; --mono-bg:#f1f5f9;
  --ink:#1e293b; --text:#1e293b;
  --ink-2:#475569; --ink-soft:#475569; --text-muted:#64748b; --muted:#64748b;
  --ink-faint:#94a3b8; --text-faint:#94a3b8;
  --line:#e2e8f0; --border:#e2e8f0; --rule:#cbd5e1;
  --accent:#112255; --primary:#112255; --accent-bright:#1d4ed8; --link:#1d4ed8;
  --accent-soft:#e0e7ff; --accent-tint:#e0e7ff; --primary-faint:rgba(17,34,85,.06);
  --good:#047857; --success:#10b981;
  --warn-bg:#fef3c7; --warn-text:#92400e;
  --t1:#047857; --t1bg:#d1fae5; --t2:#b45309; --t2bg:#fef3c7; --t3:#4338ca; --t3bg:#e0e7ff;
  --label:#0369a1;
  --radius:6px; --font:var(--font-sans);
}
@media (prefers-color-scheme:dark){
  :root{
    --tw-white:30 41 59;      --tw-navy:165 180 252;  --tw-blue-700:147 197 253;
    --tw-slate-50:24 34 54;    --tw-slate-100:39 52 72;   --tw-slate-200:51 65 85;
    --tw-slate-300:71 85 105;  --tw-slate-400:100 116 139; --tw-slate-500:148 163 184;
    --tw-slate-600:203 213 225; --tw-slate-700:226 232 240; --tw-slate-800:241 245 249;
    --tw-slate-900:248 250 252;

    --page:#0b1220;
    --bg:#0b1220; --ground:#0b1220;
    --surface:#1e293b; --panel:#1e293b; --panel-2:#182236; --code-bg:#0f172a; --mono-bg:#0f172a;
    --ink:#e2e8f0; --text:#e2e8f0;
    --ink-2:#cbd5e1; --ink-soft:#cbd5e1; --text-muted:#94a3b8; --muted:#94a3b8;
    --ink-faint:#64748b; --text-faint:#64748b;
    --line:#334155; --border:#334155; --rule:#475569;
    --accent:#a5b4fc; --primary:#a5b4fc; --accent-bright:#93c5fd; --link:#93c5fd;
    --accent-soft:#1e1b4b; --accent-tint:#1e1b4b; --primary-faint:rgba(165,180,252,.1);
    --good:#6ee7b7; --success:#34d399;
    --warn-bg:#3a2d12; --warn-text:#fcd34d;
    --t1:#6ee7b7; --t1bg:#053b2b; --t2:#fcd34d; --t2bg:#3a2d12; --t3:#a5b4fc; --t3bg:#1e1b4b;
    --label:#7dd3fc;
  }
}
@media print{
  :root{ /* print is always light */
    --tw-white:255 255 255; --tw-navy:17 34 85; --tw-blue-700:29 78 216;
    --tw-slate-50:248 250 252; --tw-slate-100:241 245 249; --tw-slate-200:226 232 240;
    --tw-slate-300:203 213 225; --tw-slate-400:148 163 184; --tw-slate-500:100 116 139;
    --tw-slate-600:71 85 105; --tw-slate-700:51 65 85; --tw-slate-800:30 41 59; --tw-slate-900:15 23 42;
    --page:#fff; --bg:#fff; --ground:#fff; --surface:#fff; --panel:#fff; --ink:#1e293b; --text:#1e293b;
  }
  .site-nav,.site-footer{display:none !important}
}

/* Detail-panel eyebrow labels: one accent everywhere (matches the Trust/sky treatment) */
.experience-detail-label{color:var(--label) !important}
.resume-page .text-sky-700{color:var(--label)}

/* Contact reveal: real values are not in the DOM until interaction */
.contact-reveal{display:inline-flex;align-items:baseline;gap:8px;padding:0;border:0;background:none;
  cursor:pointer;font:inherit;color:inherit;text-align:left}
.contact-reveal__blur{filter:blur(5px);user-select:none;opacity:.85}
.contact-reveal__hint{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--label);border-bottom:1px dashed var(--label);white-space:nowrap}
.contact-reveal:hover .contact-reveal__hint{border-bottom-style:solid}

/* ── Base ──────────────────────────────────────────────────────────────────── */
html{color-scheme:light dark}
html body{font-family:var(--font-sans);background:var(--page);color:var(--ink)}
.doc-a,.doc-b,.cover,.partrule{font-family:var(--font-sans) !important}
code,pre,.verbatim,.srcline,.eb,.kicker,.mast-meta{font-family:var(--font-mono)}

/* ── Shared chrome ─────────────────────────────────────────────────────────── */
.site-nav{width:100%;height:56px;box-sizing:border-box;padding:12px 20px 0;font-family:var(--font-sans);font-size:13.5px;line-height:1}
.site-nav__back{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;
  padding:7px 11px 7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface);
  transition:color .15s,border-color .15s}
.site-nav__back:hover{color:var(--accent);border-color:var(--accent)}
.site-footer{width:100%;margin:32px 0 0;padding:16px 20px;font-size:12px;color:var(--text-muted);
  font-family:var(--font-sans);display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.site-footer a{color:var(--text-muted);text-decoration:none}
.site-footer a:hover{color:var(--accent);text-decoration:underline}

/* ── Subpage shell: identical container geometry on every artifact page ──── */
:root{--shell-max:960px;--shell-pad:20px;--shell-top:24px}
.resume-page{padding-top:0}
/* DMARC page (Tailwind body) */
.doc-dkim{padding:0 !important}
.doc-dkim>.max-w-5xl{max-width:var(--shell-max);padding:var(--shell-top) var(--shell-pad) 0;box-sizing:border-box}
.doc-dkim>.max-w-5xl>.flex.justify-end{margin:0 0 12px}
/* Frontend Diet */
.cover{max-width:var(--shell-max) !important;padding:var(--shell-top) var(--shell-pad) 8px !important;box-sizing:border-box}
.partrule{max-width:var(--shell-max) !important;padding-left:var(--shell-pad) !important;padding-right:var(--shell-pad) !important;box-sizing:border-box}
/* 10DLC */
.doc-10dlc main{max-width:var(--shell-max) !important;padding:var(--shell-top) var(--shell-pad) 110px !important;box-sizing:border-box}