/* Avexo Credit — shared article chrome (topbar + footer) for research articles.
   Matches concept/avexo-theme.css. Namespaced under av- classes so nothing here
   touches the article's own typography, which stays on the House design system. */

@font-face{
  font-family:"Hanken Grotesk"; font-style:normal; font-weight:300 700;
  src:url("/assets/v2/fonts/hanken-grotesk-variable.woff2") format("woff2");
  font-display:swap;
}

.av-flag{
  background:#23252a; color:#fff; text-align:center; font-size:.78rem; font-weight:600;
  letter-spacing:.02em; padding:.5em 1.8rem;
  font-family:"Hanken Grotesk", -apple-system, "Helvetica Neue", Arial, sans-serif;
}

.av-topbar{
  position:sticky; top:0; z-index:30; background:rgba(255,255,255,.97);
  border-bottom:1px solid #e2e5e7;
  font-family:"Hanken Grotesk", -apple-system, "Helvetica Neue", Arial, sans-serif;
}
.av-wrap{ max-width:1120px; margin:0 auto; padding:0 1.6rem; }
.av-topbar .av-wrap{ display:flex; align-items:center; justify-content:space-between; height:64px; }
.av-brand{ font-weight:700; font-size:1.15rem; color:#23252a; text-decoration:none; }
.av-navlinks{ display:flex; align-items:center; gap:1.8rem; }
.av-navlinks a{ font-size:.92rem; font-weight:500; color:#6b6f76; text-decoration:none; }
.av-navlinks a:hover{ color:#23252a; }

.av-btn{
  display:inline-block; font-weight:600; font-size:.95rem;
  padding:.6em 1.3em; border-radius:4px; border:1.5px solid transparent;
  transition:background .12s ease, border-color .12s ease, color .12s ease;
}
.av-btn-primary{ background:#0e8f86; color:#fff; }
.av-btn-primary:hover{ background:#0b6f68; }

.av-footer{
  padding:3.8rem 0 5.6rem; border-top:1px solid #e2e5e7; margin-top:4rem;
  font-family:"Hanken Grotesk", -apple-system, "Helvetica Neue", Arial, sans-serif;
}
.av-footer .av-wrap{ display:flex; justify-content:space-between; gap:2.6rem; flex-wrap:wrap; }
.av-footer .av-col .av-lab{ font-size:.75rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#9aa0a6; display:block; margin-bottom:.8rem; }
.av-footer .av-col a{ display:block; color:#6b6f76; padding:.2em 0; text-decoration:none; }
.av-footer .av-col a:hover{ color:#23252a; }
.av-footer .av-fine{ color:#9aa0a6; font-size:.85rem; max-width:36ch; line-height:1.6; margin:0; }

@media(max-width:640px){
  .av-navlinks{ gap:1rem; }
  .av-footer .av-wrap{ flex-direction:column; }
}