/* Layout: the channel banner as the page head (navy field, framed wordmark, red topic strip), then a one-sheet reading column */
:root{
  --navy:#011a4b; --navy-deep:#00123a; --red:#9b1f2e; --white:#ffffff;
  --bg:#ffffff; --surface:#f4f6fb; --ink:#13235f; --text:#1c2333; --muted:#59617a; --rule:#dde2ee;
  --label:#9b1f2e;
  --display:"Montserrat",ui-sans-serif,system-ui,sans-serif;
  --body:"Source Sans 3",ui-sans-serif,system-ui,sans-serif;
  --tag:"Lora",Georgia,serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b1640;--surface:#12215a;--ink:#ffffff;--text:#e6e9f4;--muted:#a9b2d0;--rule:#24357a;--label:#f0717c;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0b1640;--surface:#12215a;--ink:#ffffff;--text:#e6e9f4;--muted:#a9b2d0;--rule:#24357a;--label:#f0717c;color-scheme:dark}
body{background:var(--bg);color:var(--text);font:400 1.06rem/1.6 var(--body)}
.pad{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.hero{background:var(--navy);line-height:0}
.hero img{display:block;width:100%;max-width:100%;height:clamp(170px,16.6vw,377px);object-fit:cover;object-position:50% 50%}
.wrap{max-width:44rem;margin:0 auto;padding-block:3.5rem 5rem;display:grid;gap:3.5rem}
h1,h2{font-family:var(--display);color:var(--ink);text-wrap:balance;line-height:1.15;margin:0}
h1{font-size:clamp(1.6rem,4.6vw,2.2rem);font-weight:800}
h2{--lab:var(--red);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--label);padding-bottom:.65rem;border-bottom:1px solid var(--rule)}
p{margin:0}
.lede{display:grid;gap:.9rem}
.lede p{font-size:1.15rem;max-width:40rem}
.lede .who{color:var(--muted);font-size:1rem}
section{display:grid;gap:1rem}
.terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem}
.terms div{display:grid;gap:.3rem;min-width:0}
.terms b{font:800 1rem/1.3 var(--display);color:var(--ink)}
.terms span{color:var(--muted)}
.total{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem}
.total strong{font:800 clamp(2.4rem,8vw,3.4rem)/1 var(--display);color:var(--red);font-variant-numeric:tabular-nums}
.total span{color:var(--muted)}
.tbl{overflow-x:auto}
table{width:100%;border-collapse:collapse}
th{text-align:left;font:700 .72rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:.55rem .4rem;border-bottom:2px solid var(--ink)}
td{padding:.75rem .4rem;border-bottom:1px solid var(--rule);vertical-align:top}
td b{font-family:var(--display);font-weight:700;color:var(--ink)}
td small{display:block;color:var(--muted);font-size:.92rem}
.n{text-align:right;font:700 1rem var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}
.note{color:var(--muted);font-size:.88rem}
a{color:var(--ink);text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.watch{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem}
.contact{background:var(--navy);color:var(--white);padding:1.6rem;display:grid;gap:.9rem}
.contact h2{color:var(--white);border-bottom-color:rgba(255,255,255,.25)}
.addr{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.addr code{font:700 1.1rem var(--display);overflow-wrap:anywhere}
.contact a{color:var(--white)}
button{font:800 .78rem var(--display);letter-spacing:.1em;text-transform:uppercase;background:var(--red);color:var(--white);border:0;padding:.6rem 1rem;cursor:pointer}
th.r{text-align:right}

*,*::before,*::after{box-sizing:border-box}body{margin:0}img{max-width:100%}[hidden]{display:none!important}