/* Shared public-site broadcast skin. BBC Reith is used when legitimately
   installed/licensed; bundled TT Norms supplies the metrically similar fallback. */
@font-face {
  font-family: 'TT Norms Pro';
  src: url('/fonts/TTNormsPro-Medium.ttf') format('truetype');
  font-weight: 400 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'TT Norms Pro Expanded';
  src: url('/fonts/TTNormsPro-Expanded-ExtraBold.ttf') format('truetype');
  font-weight: 800; font-style: normal; font-display: swap;
}
:root {
  --bg: #0a1730;
  --bg-raised: #07102a;
  --bg-card: #10203d;
  --bg-primary: #0a1730;
  --bg-secondary: #07102a;
  --card-bg: rgba(255,255,255,.035);
  --card-bg-hover: rgba(255,255,255,.07);
  --line: rgba(229,237,255,.13);
  --line-2: rgba(229,237,255,.28);
  --card-border: rgba(229,237,255,.13);
  --glass-border: rgba(229,237,255,.14);
  --white: #f7f9fd;
  --text: #e4eaf4;
  --text-secondary: rgba(241,245,252,.76);
  --text-muted: rgba(241,245,252,.52);
  --dim: #aab6cb;
  --dimmer: #8491aa;
  --accent: #4c8dff;
  --blue: #4c8dff;
  --font-body: 'BBC Reith Sans','TT Norms Pro',Arial,Helvetica,sans-serif;
  --font-display: 'BBC Reith Sans','TT Norms Pro',Arial,Helvetica,sans-serif;
  --sans: 'BBC Reith Sans','TT Norms Pro',Arial,Helvetica,sans-serif;
  --serif: 'BBC Reith Sans','TT Norms Pro',Arial,Helvetica,sans-serif;
}
html { background: #0a1730; }
body {
  background: #0a1730;
  color: var(--text);
  font-family: 'BBC Reith Sans','TT Norms Pro',Arial,Helvetica,sans-serif;
}
body::before {
  background: none !important;
}
h1,h2,h3,h4,h5,h6,.serif {
  font-family: 'BBC Reith Sans','TT Norms Pro',Arial,Helvetica,sans-serif !important;
}
.mast,.site-header,.header,.nav-shell { background-color: #0a1730; }
.story-page .mast { border-bottom: 0; }
.story-page .mast__inner { max-width: 1180px; min-height: 72px; padding-inline: clamp(26px,4vw,58px); }
.story-page .brand img { width: 28px; height: auto; }
.story-page .mast__nav { display: flex; margin-left: auto; gap: 22px; }
.story-page .mast__nav a { padding: 8px 0; font-size: .88rem; font-weight: 400; color: rgba(247,249,253,.82); }
.story-page .mast__nav a::after { display: none; }
.story-page .mast__nav .mast__iplayer { padding: 5px 12px; border: 1px solid rgba(247,249,253,.8); border-radius: 999px; color: #fff; }
.story-page .mast__tools { display: none; }
.card,.panel,.surface { border-color: rgba(229,237,255,.13); }
::selection { background: rgba(76,141,255,.38); color: #fff; }