/* Lynnerup & Ansell shared chrome — tokens and header/footer lifted from the
   production site so the Observatory reads as part of the same family. */
:root{
  --ivory:#FDFBF5; --sand:#F3EDE5; --cream:#F4EACB;
  --maroon:#7C0000; --maroon-deep:#5D0000;
  --navy:#2C3E50; --navy-deep:#212E3C; --navy-darkest:#161F28;
  --navy-light:#9BB1C8; --navy-tint:#CDD8E3;
  --camel:#C8A97E; --camel-deep:#725630;
  --steel:#5A7D9A; --sage:#7B8D7A; --rust:#A85A32;
  --grey:#8C8881; --grey-deep:#696660;
  --gold:#CFA629; --gold-deep:#675314;
  --serif:'EB Garamond', Georgia, 'Times New Roman', serif;
  --sans:'Helvetica Neue', Helvetica, Arial, sans-serif;
  --maxw:1200px;

  /* observatory semantics */
  --panel:#F3EDE5; --rule:#e2dbd0; --rule-soft:#ece6dc;
  --verified:#3f6b4a; --triangulated:#5A7D9A; --reported:#8a6d1f; --modeled:#7B8D7A;
  --undisclosed:#8C8881; --interpretation:#A85A32; --hypothesis:#A85A32; --gap:#A85A32;
  /* aliases retained so earlier rules keep resolving */
  --ink:#212E3C; --muted:#696660; --faint:#8C8881;
  --open:#7C0000; --partial:#8a6d1f; --aligned:#3f6b4a; --misaligned:#A85A32;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--ivory);color:var(--navy-deep);
  font-family:var(--serif);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased}

/* ---------- header ---------- */
.la-nav{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(140,136,129,.25);
  background:rgba(253,251,245,.9);backdrop-filter:blur(8px)}
.la-nav .inner{margin:0 auto;max-width:var(--maxw);height:68px;display:flex;
  align-items:center;justify-content:space-between;gap:18px;padding:0 24px}
.la-nav .brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.la-nav .brand img{height:34px;width:auto;display:block;filter:none}
.la-nav .brand span{font-family:var(--sans);font-size:.95rem;text-transform:uppercase;
  letter-spacing:.16em;color:var(--navy)}
.la-nav nav{display:flex;align-items:center;gap:26px}
.la-nav nav a.link{font-family:var(--sans);font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:.14em;text-decoration:none;color:var(--navy);transition:color .25s ease}
.la-nav nav a.link:hover{color:var(--gold)}
.la-nav nav a.link.on{color:var(--maroon)}
.la-nav nav a.cta{background:var(--maroon);color:var(--ivory);text-decoration:none;
  padding:11px 18px;font-family:var(--sans);font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:.1em;transition:background .25s ease}
.la-nav nav a.cta:hover{background:var(--maroon-deep)}
@media(max-width:860px){
  .la-nav nav a.link{display:none}
  .la-nav .inner{padding:0 16px}
}

/* ---------- release strip ---------- */
.la-strip{background:var(--navy-darkest);color:var(--navy-light)}
.la-strip .inner{margin:0 auto;max-width:var(--maxw);padding:7px 24px;
  font-family:var(--sans);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.la-strip b{color:var(--ivory);font-weight:600}

/* ---------- footer ---------- */
.la-foot{background:var(--navy-darkest);color:var(--navy-light);margin-top:56px}
.la-foot .cols{margin:0 auto;max-width:var(--maxw);display:grid;gap:40px;
  grid-template-columns:1.5fr 1fr 1fr;padding:64px 24px}
@media(max-width:820px){.la-foot .cols{grid-template-columns:1fr;gap:28px;padding:44px 20px}}
.la-foot .mark{display:flex;align-items:center;gap:12px}
.la-foot .mark img{height:40px;width:auto;filter:none}
.la-foot .mark span{font-family:var(--sans);font-size:.875rem;text-transform:uppercase;
  letter-spacing:.16em;color:var(--ivory)}
.la-foot .blurb{margin-top:16px;max-width:36ch;font-family:var(--serif);font-size:1.05rem;
  color:rgba(155,177,200,.8);line-height:1.55}
.la-foot h4{margin:0 0 12px;font-family:var(--sans);font-size:12px;text-transform:uppercase;
  letter-spacing:.14em;color:var(--grey);font-weight:600}
.la-foot ul{list-style:none;margin:0;padding:0;font-family:var(--sans);font-size:.875rem}
.la-foot li{margin:0 0 8px}
.la-foot a{color:inherit;text-decoration:none;transition:color .25s ease}
.la-foot a:hover{color:var(--gold)}
.la-foot .bar{border-top:1px solid var(--navy-deep)}
.la-foot .bar .inner{margin:0 auto;max-width:var(--maxw);padding:24px;
  font-family:var(--sans);font-size:12px;color:var(--grey);line-height:1.7}