:root{--nav-bg:#fff;--nav-ink:#17172b;--nav-muted:#65687b;--nav-line:#e5e7f0;--nav-soft:#eeebff;--nav-purple:#6657ed;font-family:Inter,ui-sans-serif,system-ui,sans-serif}:root[data-theme=dark]{--nav-bg:#1b1c2a;--nav-ink:#f5f4ff;--nav-muted:#b4b5c8;--nav-line:#36374c;--nav-soft:#302c4d}.mp-header,.mp-local{box-sizing:border-box;color:var(--nav-ink);background:var(--nav-bg)}.mp-header *,.mp-local *{box-sizing:border-box}.mp-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--nav-line)}.mp-header a,.mp-local a{text-decoration:none;color:inherit}.mp-row{max-width:1160px;margin:auto;min-height:76px;padding:12px 20px;display:flex;align-items:center;gap:25px}.mp-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.mp-brand svg{width:37px;height:37px}.mp-links{display:flex;align-items:center;gap:24px;margin-left:auto}.mp-links>a,.mp-disclosure>button{font-size:14px;font-weight:650}.mp-disclosure{position:relative}.mp-disclosure>button{border:0;background:none;color:inherit;cursor:pointer;padding:12px 0}.mp-panel{position:absolute;top:100%;left:0;min-width:280px;padding:8px;background:var(--nav-bg);border:1px solid var(--nav-line);border-radius:14px;box-shadow:0 20px 50px #24205718}.mp-panel a{display:block;padding:12px;border-radius:9px}.mp-panel a:hover,.mp-panel a[aria-current=page]{background:var(--nav-soft)}.mp-panel strong{display:block;font-size:14px}.mp-panel small{display:block;color:var(--nav-muted);font-size:12px;margin-top:4px}.mp-actions{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:650}.mp-button{background:var(--nav-purple);color:white!important;border-radius:10px;padding:13px 18px;white-space:nowrap}.mp-icon{border:1px solid var(--nav-line);background:none;color:inherit;border-radius:10px;width:42px;height:42px;font-size:20px;cursor:pointer}.mp-toggle{display:none}.mp-header [hidden],.mp-local [hidden]{display:none!important}.mp-header a:focus-visible,.mp-header button:focus-visible,.mp-local a:focus-visible,.mp-local summary:focus-visible{outline:3px solid #a99cff;outline-offset:4px}.mp-local{border-bottom:1px solid var(--nav-line);background:var(--nav-soft)}.mp-local-row{max-width:1160px;margin:auto;padding:15px 20px;display:flex;align-items:center;gap:25px;font-size:13px}.mp-local-title{font-weight:800;color:var(--nav-purple)}.mp-local-links{display:flex;gap:22px;flex-wrap:wrap}.mp-local-mobile{display:none}.mp-demo{margin:0;background:#f7f8fc;color:var(--nav-ink)}:root[data-theme=dark] .mp-demo{background:#10111c}.mp-demo main{max-width:1100px;margin:auto;padding:65px 24px}.mp-demo h1{font-size:clamp(30px,5vw,56px);letter-spacing:-2px;line-height:1.1}.mp-demo section{padding:35px 0;scroll-margin-top:90px}.mp-demo p{color:var(--nav-muted);line-height:1.7;max-width:650px}@media(max-width:900px){.mp-row{flex-wrap:wrap;gap:12px}.mp-actions{margin-left:auto}.mp-toggle{display:block}.mp-links{display:none;width:100%;order:3;margin:0;align-items:stretch;gap:4px}.mp-links.mp-open{display:flex;flex-direction:column}.mp-links>a{padding:12px 0}.mp-disclosure>button{width:100%;text-align:left}.mp-panel{position:static;min-width:0;box-shadow:none;margin-bottom:10px}.mp-local-links{display:none}.mp-local-mobile{display:block;margin-left:auto}.mp-local-mobile summary{cursor:pointer}.mp-local-mobile a{display:block;padding:10px 0}.mp-actions>.mp-login{display:none}}@media(max-width:480px){.mp-actions>.mp-button{display:none}.mp-brand{font-size:21px}.mp-row{padding:12px 16px}.mp-local-row{gap:10px;padding:12px 16px}.mp-local-title{font-size:12px}}@media(prefers-reduced-motion:reduce){.mp-header *,.mp-local *{scroll-behavior:auto;transition:none}}

@media(min-width:901px){.mp-links>.mp-button{order:5}.mp-actions{order:4}.mp-links{flex:1}.mp-links>.mp-button{margin-left:auto}}

@media(min-width:901px){.mp-links>.mp-mobile-cta,.mp-links>.mp-mobile-login{display:none}}
:root[data-theme=dark] .mp-local-title{color:#c1b8ff}

/* Load AFTER style.css and header.css. Explicit theme tokens for both pages. */
:root[data-theme="light"] {
  color-scheme: light;
  --bg:#f7f8fc; --surface:#fff; --surface2:#f0f2fa;
  --ink:#17172b; --muted:#65687b; --line:#e5e7f0;
  --accent:#6758e8; --accent2:#5141d0; --soft:#eeebff;
  --shadow:0 24px 70px rgba(36,32,87,.10);
  --header:rgba(247,248,252,.88);
  --nav-bg:#fff; --nav-ink:#17172b; --nav-muted:#65687b;
  --nav-line:#e5e7f0; --nav-soft:#eeebff; --nav-purple:#6657ed;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:#10111c; --surface:#1b1c2a; --surface2:#252638;
  --ink:#f5f4ff; --muted:#b4b5c8; --line:#36374c;
  --accent:#a99cff; --accent2:#c1b8ff; --soft:#302c4d;
  --shadow:0 24px 70px rgba(0,0,0,.28);
  --header:rgba(16,17,28,.88);
  --nav-bg:#1b1c2a; --nav-ink:#f5f4ff; --nav-muted:#b4b5c8;
  --nav-line:#36374c; --nav-soft:#302c4d; --nav-purple:#6657ed;
}

/* Load last. Resolve conflicting visibility rules from older headers. */
@media (max-width:900px) {
  .mp-header .mp-toggle, .site-header .menu-toggle { display:grid !important; }
  .mp-header .mp-row { flex-wrap:wrap; }
  .mp-header .mp-links { display:none !important; }
  .mp-header .mp-links.mp-menu-is-open {
    display:flex !important; flex-direction:column; align-items:stretch;
    width:100%; flex-basis:100%; order:3; margin:0;
    visibility:visible !important; max-height:calc(100dvh - 90px) !important;
    overflow-y:auto !important; padding:12px 0;
  }
  .site-header .mobile-menu { max-height:0; visibility:hidden; overflow:hidden; }
  .site-header .mobile-menu.mp-menu-is-open {
    display:block !important; visibility:visible !important;
    max-height:calc(100dvh - 90px) !important; overflow-y:auto !important;
  }
  .mp-header .mp-panel { position:static; min-width:0; width:100%; box-shadow:none; }
  .mp-header .mp-panel[hidden] { display:none !important; }
  .mp-header .mp-panel:not([hidden]) { display:block !important; }
}
@media (max-width:850px) {
  .resume-page .menu-button { display:grid !important; }
  .resume-page .mobile-nav.mp-menu-is-open {
    display:grid !important; visibility:visible !important;
    max-height:calc(100dvh - 90px) !important; overflow-y:auto !important;
  }
}