:root{color-scheme:light;--ink:#102c29;--muted:#647975;--paper:#fffaf0;--surface:#fff;--line:#d9e3df;--mint:#dff4e9;--gold:#ffc557}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}
header,footer{display:flex;justify-content:space-between;align-items:center;gap:24px;width:min(1120px,calc(100% - 32px));margin:auto;padding:24px 0}
header a,footer a{color:var(--ink);font-weight:750;text-decoration:none}
.brand{letter-spacing:.04em}
main{width:min(900px,calc(100% - 32px));margin:42px auto 80px}
.eyebrow{margin:0 0 10px;color:#8b5b00;font-size:12px;font-weight:800;letter-spacing:.16em}
h1{max-width:760px;margin:0;font-size:clamp(38px,7vw,68px);line-height:1.03;letter-spacing:-.04em}
.lead{max-width:680px;margin:20px 0 8px;color:var(--muted);font-size:19px}
.updated{color:var(--muted);font-size:14px}
.legal-nav{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 36px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.legal-nav a{padding:8px 12px;border-radius:999px;color:var(--ink);font-size:14px;text-decoration:none}
.legal-nav a[aria-current="page"]{background:var(--ink);color:#fff}
article{display:grid;gap:14px}
section{padding:26px 28px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
h2{margin:0 0 12px;font-size:24px;line-height:1.2}p{margin:10px 0}ul{margin:12px 0 0;padding-left:22px}li+li{margin-top:7px}
aside{margin-top:24px;padding:22px 24px;border-radius:18px;background:var(--mint)}aside p{margin-bottom:0}
footer{border-top:1px solid var(--line);font-size:14px}footer div{display:grid;gap:3px}footer span{color:var(--muted)}
a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:640px){header,footer{align-items:flex-start;flex-direction:column}main{margin-top:28px}.legal-nav{padding:12px}section{padding:21px 19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* MY MEDIA SERVER reference parity — trust centre and document pages */
:root {
  color-scheme: dark;
  --ink: #10201e;
  --deep: #062f2d;
  --deep-2: #073b3a;
  --paper: #f7f4ed;
  --surface: #fffdf7;
  --muted: #a5bcb3;
  --line: #dce4de;
  --lime: #c6f23d;
  --amber: #ffb020;
}
html, body { background: var(--deep); color: #f7f4ed; }
body { font-size: 13px; line-height: 1.55; }
header, footer {
  width: min(100% - 40px, 1480px);
  padding: 22px 0;
  color: #f7f4ed;
}
header { border-bottom: 1px solid rgb(198 242 61 / .22); }
header a, footer a { color: #f7f4ed; }
.brand { letter-spacing: .08em; font-size: 12px; }
main {
  width: min(100% - 40px, 1480px);
  margin: 28px auto 54px;
  display: grid;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
  grid-template-rows: auto auto auto auto;
  gap: 0 20px;
}
main > .eyebrow, main > h1, main > .lead, main > .updated { grid-column: 1 / -1; }
.eyebrow { margin: 0 0 8px; color: var(--lime); font-size: 11px; letter-spacing: .18em; }
h1 {
  max-width: 1100px;
  margin: 0;
  color: #f7f4ed;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 5vw, 68px);
  line-height: 1.02;
  letter-spacing: -.035em;
}
.lead { max-width: 780px; margin: 14px 0 5px; color: #c0d2ca; font-size: 18px; }
.updated { color: #8da99f; font-size: 12px; }
.legal-nav {
  grid-column: 1;
  grid-row: 5;
  position: sticky;
  top: 20px;
  align-self: start;
  display: grid;
  gap: 2px;
  max-height: calc(100dvh - 40px);
  overflow: auto;
  margin: 24px 0 0;
  padding: 12px;
  border: 1px solid rgb(198 242 61 / .16);
  border-radius: 12px;
  background: var(--deep-2);
}
.legal-nav a {
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 6px 9px;
  border-radius: 6px;
  color: #d5e2dc;
  font-size: 12px;
}
.legal-nav a:hover, .legal-nav a[aria-current="page"] { background: #14564e; color: var(--lime); }
article {
  grid-column: 2;
  grid-row: 5;
  display: grid;
  gap: 10px;
  margin-top: 24px;
}
section {
  padding: 25px 28px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--surface);
  color: var(--ink);
  box-shadow: 0 8px 24px rgb(0 15 16 / .12);
}
h2 { margin: 0 0 11px; color: var(--deep); font-size: 22px; line-height: 1.2; }
p { margin: 9px 0; }
ul { margin: 10px 0 0; }
aside { margin-top: 18px; padding: 18px 20px; border: 1px solid #b9d676; border-radius: 9px; background: #efffc3; color: var(--ink); }
footer { border-top: 1px solid rgb(198 242 61 / .22); font-size: 12px; }
footer span { color: #9fbab0; }
a:focus-visible { outline-color: var(--lime); }
@media (max-width: 820px) {
  main { display: block; }
  .legal-nav { position: static; max-height: none; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 20px; }
  article { margin-top: 14px; }
}
@media (max-width: 560px) {
  header, footer, main { width: min(100% - 24px, 1480px); }
  header, footer { align-items: flex-start; flex-direction: column; gap: 10px; }
  main { margin-top: 22px; }
  h1 { font-size: 38px; }
  .lead { font-size: 15px; }
  .legal-nav { grid-template-columns: 1fr; padding: 9px; }
  section { padding: 20px 18px; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }