/* Shared theme, nav and footer. Page-type styles live in home.css,
   perspectives.css and article.css. Everything is scoped under #maxsys. */

html,body{margin:0;padding:0;background:#070b16;}
body{overflow-x:hidden;}

#maxsys{--mx-bg:#070b16;--mx-bg2:#0d1526;--mx-card:#111a30;--mx-line:#22304f;
  --mx-text:#e8eefb;--mx-muted:#8fa0c4;--mx-accent:#5b8cff;--mx-accent2:#2ee6c0;--mx-mid:#43b9e0;
  --mx-ok:#22c55e;--mx-warn:#f59e0b;--mx-bad:#ef4444;--mx-crit:#f43f5e;
  width:100%;max-width:100%;min-height:100vh;margin:0;color:var(--mx-text);
  background:
    radial-gradient(900px 500px at 85% -10%,#12224e 0,transparent 55%),
    radial-gradient(700px 500px at 0% 10%,#0c2a2a 0,transparent 45%),
    var(--mx-bg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.55;padding:0;box-sizing:border-box;}
#maxsys *,#maxsys *::before,#maxsys *::after{box-sizing:inherit;}
#maxsys a{color:inherit;text-decoration:none;}
#maxsys .mx-wrap{max-width:1140px;margin:0 auto;padding:0 22px;}
#maxsys code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;}

/* Skip link: hidden until focused with the keyboard */
#maxsys .mx-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--mx-accent2);color:#04122b;
  font-weight:700;padding:10px 16px;border-radius:9px;}
#maxsys .mx-skip:focus{top:12px;}

/* Nav */
#maxsys .mx-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0;position:relative;}
#maxsys .mx-burger{display:none;background:var(--mx-bg2);border:1px solid var(--mx-line);border-radius:9px;padding:9px 11px;cursor:pointer;}
#maxsys .mx-burger span{display:block;width:20px;height:2px;background:var(--mx-text);margin:4px 0;border-radius:2px;}
/* Brand: personal name + role, not a company logo */
#maxsys .mx-brand{display:flex;align-items:center;gap:12px;}
#maxsys .mx-brand .nm{font-size:24px;font-weight:850;letter-spacing:.5px;line-height:1;
  background:linear-gradient(120deg,var(--mx-accent),var(--mx-accent2));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
#maxsys .mx-brand .rule{width:1px;height:22px;background:var(--mx-line);}
#maxsys .mx-brand .role{font-size:15px;font-weight:500;color:var(--mx-muted);letter-spacing:.1px;}
/* Terminal-style blinking cursor after the role (decorative: empty alt text keeps it out of screen readers) */
#maxsys .mx-brand .role::after{content:"_";content:"_" / "";color:var(--mx-accent2);font-weight:700;margin-left:1px;
  animation:mxcursor 1.1s steps(1) infinite;}
@keyframes mxcursor{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){#maxsys .mx-brand .role::after{animation:none;}}
#maxsys .mx-navlinks{display:flex;gap:26px;font-size:14px;color:var(--mx-muted);}
#maxsys .mx-navlinks a:hover,#maxsys .mx-navlinks a.active{color:var(--mx-text);}
#maxsys .mx-cta{border:1px solid var(--mx-line);background:var(--mx-bg2);
  color:var(--mx-text);font-weight:600;padding:10px 18px;border-radius:10px;font-size:14px;}
#maxsys .mx-cta:hover{border-color:var(--mx-accent);}

/* Footer */
#maxsys .mx-foot{border-top:1px solid var(--mx-line);margin-top:40px;padding:26px 0 44px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;color:var(--mx-muted);font-size:13px;}
#maxsys .mx-foot a{color:var(--mx-accent2);}
#maxsys .mx-social{display:flex;gap:16px;}

@media(max-width:820px){
  #maxsys .mx-burger{display:block;}
  #maxsys .mx-cta{display:none;}
  #maxsys .mx-brand .nm{font-size:22px;}
  #maxsys .mx-brand .role{font-size:14px;}
  #maxsys .mx-navlinks{display:none;position:absolute;top:calc(100% - 4px);left:0;right:0;
    flex-direction:column;gap:2px;background:var(--mx-card);border:1px solid var(--mx-line);
    border-radius:14px;padding:8px;z-index:60;box-shadow:0 14px 34px rgba(0,0,0,.45);}
  #maxsys .mx-navlinks.open{display:flex;}
  #maxsys .mx-navlinks a{padding:12px 14px;border-radius:9px;font-size:15px;color:var(--mx-text);}
  #maxsys .mx-navlinks a:hover{background:var(--mx-bg2);}
}