/* ====================================================================
   Link Up house style - The News Linkup, 31 Oct 2026
   Colours and spacing from Option 5 "Conversion"; layout language from
   The Finance Linkup. Loaded last so it wins over the inline styles.
   ==================================================================== */
:root{
  --deep:#5E1710;--acc:#F5B83D;--acc-ink:#161B26;--tint:#FCEBC6;
  --measure:1080px;--gut:20px;
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --body:"Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif;
  --font-body:var(--body);--font-display:var(--display);--font-head:var(--display);
  --paper:#F3F5F8;--panel:#FFFFFF;--ink:#161B26;--muted:#465063;--rule:#D5DBE3;--accent:#8C1C13;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0C1A24;--panel:#13242F;--ink:#EAF0F6;--muted:#9FB0C0;--rule:#243A49;--accent:#F5B83D}}
:root[data-theme="dark"]{--paper:#0C1A24;--panel:#13242F;--ink:#EAF0F6;--muted:#9FB0C0;--rule:#243A49;--accent:#F5B83D}
:root[data-theme="light"]{--paper:#F3F5F8;--panel:#FFFFFF;--ink:#161B26;--muted:#465063;--rule:#D5DBE3;--accent:#8C1C13}

html body{margin:0;overflow-x:clip;font-family:var(--body)}
h1,h2,h3,.wordmark,.brand{font-family:var(--display);letter-spacing:-.02em}

/* ---------- the group container ---------- */
html .wrap{box-sizing:border-box;max-width:var(--measure);margin-left:auto;
  margin-right:auto;padding-left:var(--gut);padding-right:var(--gut)}

/* ---------- masthead: a full-width band, content on the group measure ----------
   This site has no nav, so the masthead is a band rather than a pinned bar. */
html header.mast{box-sizing:border-box;max-width:none!important;width:auto;margin:0;
  background:var(--deep);color:#fff;
  padding-left:var(--gut)!important;padding-right:var(--gut)!important;
  padding-top:22px;padding-bottom:16px}
/* children sit on the group measure, so the wordmark lines up with the body text */
html header.mast>*{box-sizing:border-box;width:100%;
  max-width:calc(var(--measure) - 2*var(--gut));margin-left:auto;margin-right:auto}
html header.mast .mast-top,html header.mast .mast-top a{color:rgba(255,255,255,.82)}
html header.mast h1.wordmark{color:#fff;margin-top:0;margin-bottom:0}
html header.mast h1.wordmark span{color:var(--acc)}
html header.mast .std-tag{font-family:var(--body);font-weight:700;font-size:.85rem;
  color:var(--acc);margin-top:2px;margin-bottom:0}
html header.mast .mast-sub{border-top:1px solid rgba(255,255,255,.28)}
html header.mast .tagline{color:rgba(255,255,255,.82);max-width:66ch}
html header.mast .pill{border-color:rgba(255,255,255,.35)}
html header.mast .mono{color:rgba(255,255,255,.72)!important}

/* ---------- plain sections, as on the other sites ---------- */
html .notice,html .mission{background:none!important;border:0!important;
  border-left:0!important;border-radius:0!important;box-shadow:none!important;
  padding:0!important}

/* ---------- the one primary action ---------- */
html .btn{display:inline-flex;align-items:center;justify-content:center;
  min-height:56px;padding:12px 26px;border-radius:999px;background:var(--acc);
  color:var(--acc-ink);border:2px solid var(--acc-ink);box-shadow:0 5px 0 var(--acc-ink);
  font-family:var(--display);font-weight:800;font-size:1.05rem;text-decoration:none;cursor:pointer}
html .btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--acc-ink)}

/* ---------- footer: dark, left aligned, on the group measure ---------- */
html footer.foot{background:var(--acc-ink);color:#C9D0DC;margin:56px 0 0;
  padding:28px 0 32px;border-top:0;font-size:.95rem}
html footer.foot .wrap{box-sizing:border-box;max-width:var(--measure);margin:0 auto;
  padding-left:var(--gut);padding-right:var(--gut);text-align:left}
html footer.foot p{margin:.3em 0;text-align:left;color:#C9D0DC;max-width:none}
html footer.foot p.brand,html footer.foot strong{color:#fff}
html footer.foot p.brand span{color:var(--acc)}
html footer.foot a{color:#fff;text-decoration:underline}
html footer.foot a:hover{color:var(--acc)}
html footer.foot .small,html footer.foot .mono{color:rgba(255,255,255,.72)}

/* ---------- slim pinned bar ----------
   This site's masthead is tall and there is no nav to pin, so a compact bar
   keeps the name and the jump links reachable once the masthead scrolls away. */
html .lu-slim{position:sticky;top:0;z-index:40;background:var(--deep);color:#fff}
html .lu-slim-in{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;
  gap:12px;max-width:var(--measure);margin:0 auto;padding-left:var(--gut);
  padding-right:var(--gut);min-height:52px}
html .lu-slim-brand{flex:none;display:flex;flex-direction:column;align-items:flex-start;
  gap:1px;line-height:1.1;color:#fff;text-decoration:none}
html .lu-slim-name{font-family:var(--display);font-weight:800;font-size:1rem;
  white-space:nowrap;color:#fff}
html .lu-slim-name span{color:var(--acc)}
html .lu-slim-tag{font-family:var(--body);font-weight:700;font-size:.74rem;
  white-space:nowrap;color:var(--acc)}
html .lu-slim-nav{margin-left:auto;display:flex;align-items:center;gap:2px;overflow-x:auto}
html .lu-slim-nav a{display:inline-flex;align-items:center;min-height:40px;padding:6px 10px;
  border-radius:8px;color:#fff;font-family:var(--body);font-size:.9rem;
  text-decoration:none;white-space:nowrap}
html .lu-slim-nav a:hover{background:rgba(255,255,255,.14)}
@media (max-width:560px){html .lu-slim-tag{display:none}}