/* Page base that every steelysys.com page keeps in its own <style> block (tokens, reset, scanlines, footer), copied
   from site/about.html so the blog matches. Loaded before nav.css, site-refresh.css and v2.css, like on the site. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --black:   #080c10;
  --dark:    #0d1117;
  --surface: #111820;
  --panel:   #161e28;
  --border:  rgba(100,160,220,0.12);
  --steel:   #4a7fa5;
  --bright:  #6aaedc;
  --silver:  #a8bfcf;
  --pale:    #d4e6f1;
  --white:   #eef4f8;
  --gold:    #c8a96e;
  --red:     #e05555;
  --green:   #4caf82;
  --text:    #8aa8be;
  --mono:    'Share Tech Mono', monospace;
  --head:    'Rajdhani', sans-serif;
  --body:    'Barlow', sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:var(--body);overflow-x:hidden;cursor:default}

/* ── SCANLINE OVERLAY ── */
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:999;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.03) 2px,rgba(0,0,0,0.03) 4px);
}

/* ── FOOTER ── */
footer{
  background:var(--black);
  border-top:1px solid var(--border);
  padding:3rem 4%;
}
.footer-top{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:2rem;margin-bottom:2rem;flex-wrap:wrap;
}
.footer-logo{
  font-family:var(--head);font-size:1.4rem;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;color:var(--white);
  display:flex;align-items:center;gap:0.5rem;
}
.footer-logo span{color:var(--bright)}
.footer-tagline{font-size:0.78rem;color:var(--text);margin-top:0.4rem;font-weight:300}
.footer-links{display:flex;gap:2rem;flex-wrap:wrap}
.footer-links a{
  font-family:var(--mono);font-size:0.7rem;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--text);text-decoration:none;
  transition:color 0.2s;
}
.footer-links a:hover{color:var(--bright)}
.footer-bottom{
  border-top:1px solid var(--border);padding-top:1.5rem;
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:1rem;
}
.footer-bottom p{font-size:0.72rem;color:rgba(138,168,190,0.5);font-family:var(--mono)}
.footer-disc{
  font-size:0.68rem;color:rgba(138,168,190,0.4);
  font-family:var(--mono);max-width:600px;line-height:1.6;
}