/* NMV Lab - Numerical Methods Virtual Laboratory. Copyright (c) 2026 Keshav M. Jadhav. All rights reserved. */
:root{
  --ink:#16344f; --ink-2:#2a5a86; --accent:#c96a2b;
  --line:#dfe5ec; --paper:#f4f6f9; --card:#ffffff; --muted:#6b7686;
}
*{box-sizing:border-box;}
[hidden]{display:none !important;}

.site-header{
  background:var(--card); border-bottom:1px solid var(--line);
  box-shadow:0 1px 3px rgba(22,52,79,.06);
  padding:0 16px;
  font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.header-top{display:flex; align-items:center; gap:18px; min-height:58px; flex-wrap:wrap;}
.brand{display:flex; align-items:center; gap:10px; flex:0 0 auto; text-decoration:none;}
.brand svg{display:block;}
.brand-text{line-height:1.15;}
.brand-text b{display:block; font-size:1.02rem; color:var(--ink); font-weight:700; letter-spacing:.2px;}
.brand-text span{display:block; font-size:.73rem; color:var(--muted);}

.site-nav{display:flex; gap:6px; align-items:center; flex-wrap:wrap; padding:8px 0;}
.site-nav a{
  padding:8px 16px; border:1px solid var(--line); border-radius:8px;
  background:var(--card); color:var(--ink); text-decoration:none;
  font-weight:700; font-size:.95rem; line-height:1; white-space:nowrap;
}
.site-nav a:hover{background:#eef2f7;}
.site-nav a:focus-visible{outline:2px solid var(--ink-2); outline-offset:2px;}
.site-nav a[aria-current="page"]{background:var(--ink); border-color:var(--ink); color:#fff;}

#eg-account{flex:0 0 auto; margin-left:auto; font-size:.8rem; color:var(--muted); white-space:nowrap;}
#eg-account a{color:var(--ink-2); text-decoration:none; font-weight:600;}
#eg-account a:hover{text-decoration:underline;}
.credit{flex:0 0 auto; font-size:.72rem; color:var(--muted); white-space:nowrap;}
@media (max-width:1180px){ .credit{display:none;} }
@media (max-width:640px){
  .site-header{padding:0 10px;}
  .header-top{gap:8px;}
  .brand-text span{display:none;}
  .site-nav{gap:4px; padding:4px 0 6px;}
  .site-nav a{padding:6px 8px; font-size:.8rem;}
  #eg-usage-summary{display:none !important;}
  #eg-account .eg-hi{display:none;}
}

#eg-usage-summary{
  display:none; text-align:center; font-size:.76rem; color:var(--muted);
  padding:5px 12px; background:var(--card); border-bottom:1px solid var(--line);
  font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.site-footer{
  text-align:center; margin:24px 0 10px; font-size:.85rem; color:var(--muted);
  font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif; line-height:1.5;
}
.site-footer a{color:var(--ink-2); font-weight:600; text-decoration:none;}
.site-footer a:hover{text-decoration:underline;}
.site-footer small{font-size:.8rem;}

.page{max-width:1000px; margin:22px auto 0; padding:0 16px;}
.page-card{background:var(--card); border:1px solid var(--line); border-radius:12px;
  box-shadow:0 1px 3px rgba(22,52,79,.08); padding:20px 24px;}