/* ===========================================================================
   iptv-uk.fun — en-GB. A reference work.
   Design system DIAL-almanac · research/design-systems-b.md § SITE 9
   Naming: lowercase double-hyphen under ref--. Unique to this site.

   This site sells nothing. There is no checkout, no pricing page, no plan named
   anywhere, and no sticky call to action. It is a printed almanac someone put
   on the web: you arrive knowing the question and leave with a number.

   The six --ref-tbl-* tokens are a transplant contract: remap those alone and
   the tables move into a sibling's palette intact.
   =========================================================================== */
:root{
  --ref-bg:#0E1116; --ref-surface:#161A21; --ref-zebra:#1A1F27; --ref-thead:#20252E;
  --ref-ink:#EDE8DF; --ref-ink-muted:#A9A398; --ref-num:#FFFFFF;
  --ref-line:#2A2F38; --ref-border-strong:#7E8794;
  --ref-link:#8FC0E8; --ref-focus:#8FC0E8;
  --ref-sky:#7FB2FF; --ref-virgin:#FF9B9B; --ref-tnt:#7BD9C0;
  --ref-freeview:#C9A6FF; --ref-freesat:#F2C97D;

  --ref-tbl-bg:var(--ref-surface); --ref-tbl-zebra:var(--ref-zebra);
  --ref-tbl-ink:var(--ref-ink); --ref-tbl-line:var(--ref-line);
  --ref-tbl-head-bg:var(--ref-thead); --ref-tbl-accent:var(--ref-link);

  --ref-font-head:ui-serif,Georgia,"Times New Roman",Times,serif;
  --ref-font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ref-font-num:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
  --ref-fs-base:1rem;
  --ref-fs-xs:0.756rem; --ref-fs-sm:0.87rem; --ref-fs-md:1rem; --ref-fs-lg:1.15rem;
  --ref-fs-xl:1.322rem; --ref-fs-2xl:1.521rem; --ref-fs-3xl:1.749rem; --ref-fs-display:2.5rem;
  --ref-lh-body:1.55; --ref-lh-table:1.4; --ref-baseline:22px;
  --ref-space-05:5.5px; --ref-space-1:11px; --ref-space-2:22px; --ref-space-3:33px;
  --ref-space-4:44px; --ref-space-6:66px; --ref-space-8:88px;
  --ref-radius:0; --ref-radius-chip:2px;
  --ref-maxw:1440px; --ref-rail:240px; --ref-measure:68ch;
}
:root[data-theme="light"]{
  --ref-bg:#FBFAF7; --ref-surface:#FFFFFF; --ref-zebra:#F3F1EC; --ref-thead:#E9E6DF;
  --ref-ink:#14171C; --ref-ink-muted:#5A554C; --ref-num:#000000;
  --ref-line:#DAD6CD; --ref-border-strong:#6B7280;
  --ref-link:#1F5B8F; --ref-focus:#1F5B8F;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{
  animation-duration:.01ms!important;transition-duration:.01ms!important}}
[id]{scroll-margin-top:var(--ref-space-3)}
body{margin:0;background:var(--ref-bg);color:var(--ref-ink);
  font:400 var(--ref-fs-base)/var(--ref-lh-body) var(--ref-font-body);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--ref-link)}
/* Serif headings on a dark ground: an almanac, not a product page. */
h1,h2,h3{font-family:var(--ref-font-head);font-weight:600;line-height:1.2;
  margin:0 0 var(--ref-space-1)}
h1{font-size:var(--ref-fs-display)} h2{font-size:var(--ref-fs-2xl)} h3{font-size:var(--ref-fs-lg)}
p{margin:0 0 var(--ref-space-1);max-width:var(--ref-measure)}
ul,ol{max-width:var(--ref-measure)}
.ref--n{font-family:var(--ref-font-num);font-variant-numeric:tabular-nums;color:var(--ref-num)}
.ref--sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--ref-focus);outline-offset:2px}
.ref--main:focus,.ref--main:focus-visible{outline:none}
.ref--skip{position:absolute;left:-9999px;top:0;z-index:120;background:var(--ref-ink);
  color:var(--ref-bg);padding:var(--ref-space-05) var(--ref-space-1);font-weight:700}
.ref--skip:focus{left:0;top:0}
/* Persistent left index rail — the only sidebar navigation in the network. */
.ref--shell{display:grid;grid-template-columns:1fr;max-width:var(--ref-maxw);margin-inline:auto}
@media (min-width:900px){ .ref--shell{grid-template-columns:var(--ref-rail) 1fr} }
.ref--rail{border-bottom:1px solid var(--ref-line);padding:var(--ref-space-2) var(--ref-space-2)}
@media (min-width:900px){ .ref--rail{border-bottom:0;border-right:1px solid var(--ref-line);
  position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto} }
.ref--mark{font-family:var(--ref-font-head);font-size:var(--ref-fs-xl);text-decoration:none;
  color:var(--ref-ink);display:block;margin-bottom:var(--ref-space-1)}
.ref--tagline{color:var(--ref-ink-muted);font-size:var(--ref-fs-xs);margin-bottom:var(--ref-space-2)}
.ref--rail h2{font-family:var(--ref-font-body);font-size:var(--ref-fs-xs);
  text-transform:uppercase;letter-spacing:.09em;color:var(--ref-ink-muted);
  margin:var(--ref-space-2) 0 var(--ref-space-05)}
.ref--rail ul{list-style:none;padding:0;margin:0}
.ref--rail li{margin-bottom:2px}
.ref--rail a{display:block;padding:var(--ref-space-05) 0;color:var(--ref-ink);
  text-decoration:none;font-size:var(--ref-fs-sm);min-height:32px}
.ref--rail a:hover{text-decoration:underline}
.ref--rail a[aria-current="page"]{color:var(--ref-link);font-weight:600}
.ref--body{padding:var(--ref-space-3) var(--ref-space-2) var(--ref-space-6)}
@media (min-width:900px){ .ref--body{padding-inline:var(--ref-space-4)} }
.ref--lede{font-size:var(--ref-fs-lg);color:var(--ref-ink-muted);max-width:var(--ref-measure)}
.ref--stamp{font-family:var(--ref-font-num);font-size:var(--ref-fs-xs);color:var(--ref-ink-muted)}
.ref--tablewrap{overflow-x:auto;margin-block:var(--ref-space-2)}
.ref--table{width:100%;border-collapse:collapse;font-size:var(--ref-fs-sm);
  line-height:var(--ref-lh-table);background:var(--ref-tbl-bg);color:var(--ref-tbl-ink)}
.ref--table caption{text-align:left;color:var(--ref-ink-muted);font-size:var(--ref-fs-xs);
  margin-bottom:var(--ref-space-05)}
.ref--table th,.ref--table td{border-bottom:1px solid var(--ref-tbl-line);
  padding:var(--ref-space-05) var(--ref-space-1);text-align:left}
.ref--table thead th{background:var(--ref-tbl-head-bg);font-family:var(--ref-font-body);
  font-size:var(--ref-fs-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.ref--table tbody tr:nth-child(even){background:var(--ref-tbl-zebra)}
.ref--table td.ref--num{font-family:var(--ref-font-num);text-align:right;color:var(--ref-num)}
.ref--pending{color:var(--ref-ink-muted);font-style:italic}
.ref--chip{display:inline-block;border:1px solid currentColor;border-radius:var(--ref-radius-chip);
  padding:1px var(--ref-space-05);font-size:var(--ref-fs-xs);font-family:var(--ref-font-num)}
.ref--chip-sky{color:var(--ref-sky)} .ref--chip-virgin{color:var(--ref-virgin)}
.ref--chip-tnt{color:var(--ref-tnt)} .ref--chip-freeview{color:var(--ref-freeview)}
.ref--chip-freesat{color:var(--ref-freesat)}
.ref--card{border:1px solid var(--ref-line);padding:var(--ref-space-2);margin-block:var(--ref-space-2)}
.ref--card h3{margin-top:0}
.ref--card p:last-child{margin-bottom:0}
.ref--cols{display:grid;gap:var(--ref-space-2);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.ref--cols>*{min-width:0}
.ref--foot{border-top:1px solid var(--ref-line);padding:var(--ref-space-2);
  color:var(--ref-ink-muted);font-size:var(--ref-fs-xs)}
.ref--foot p{max-width:var(--ref-measure)}