/* chrome.css — VeraJets standard Slate header + footer for standalone article pages.
   Uses uniquely-prefixed vj- classes with hardcoded Slate colors so it can be loaded
   alongside an article's own bespoke inline styles WITHOUT any selector collisions. */

/* header */
.vj-head{position:sticky;top:0;z-index:50;background:rgba(236,238,241,.9);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(20,30,48,.12);}
.vj-nav{max-width:1180px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.vj-brand{display:inline-flex;align-items:center;gap:11px;font-family:"Inter",system-ui,-apple-system,sans-serif;
  font-weight:500;letter-spacing:.22em;font-size:15px;color:#161a20;text-decoration:none;}
.vj-brand .v{color:#33608f;}
.vj-brand svg{width:26px;height:26px;flex:none;}
.vj-links{display:flex;align-items:center;gap:28px;}
.vj-links a{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:13px;letter-spacing:.05em;color:#5a626e;text-decoration:none;transition:color .2s;}
.vj-links a:hover{color:#161a20;}
.vj-links a.vj-cta{border:1px solid #33608f;color:#fff;background:#33608f;border-radius:2px;
  padding:10px 18px;text-transform:uppercase;font-size:12px;letter-spacing:.12em;}
.vj-links a.vj-cta:hover{background:#294f77;color:#fff;}
@media(max-width:760px){.vj-links a:not(.vj-cta){display:none;}}

/* footer */
.vj-foot{border-top:1px solid rgba(20,30,48,.12);background:#eceef1;color:#5a626e;padding:52px 0 56px;
  font-family:"Inter",system-ui,-apple-system,sans-serif;}
.vj-foot-in{max-width:1180px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:40px;}
.vj-fbrand{font-weight:600;letter-spacing:.04em;font-size:15px;color:#161a20;}
.vj-fbrand .v{color:#33608f;}
.vj-disc{max-width:430px;font-size:12px;line-height:1.65;color:#838b96;margin-top:12px;}
.vj-contact{margin-top:16px;font-size:13px;line-height:1.95;}
.vj-contact a{color:#5a626e;text-decoration:none;}
.vj-contact a:hover{color:#33608f;}
.vj-foot h4{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#39414c;margin:0 0 14px;font-weight:600;}
.vj-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.vj-foot li a{font-size:13px;color:#5a626e;text-decoration:none;}
.vj-foot li a:hover{color:#33608f;}
.vj-foot-bottom{max-width:1180px;margin:32px auto 0;padding:26px 28px 0;border-top:1px solid rgba(20,30,48,.12);
  font-size:12.5px;color:#838b96;}
.vj-foot-bottom a{color:#3f6ea0;text-decoration:none;}
@media(max-width:760px){.vj-foot-in{grid-template-columns:1fr 1fr}.vj-fbrand-col{grid-column:1/-1}}
@media(max-width:480px){.vj-foot-in{grid-template-columns:1fr;gap:28px}}