/* Legal pages (terms, privacy, cookies, contact): one readable column in the site's type and colours */
body.legal{--soft:rgba(246,248,244,.8)}
.skip{position:absolute;left:-9999px;top:8px;padding:8px 12px;border-radius:8px;background:#fff;color:#000;z-index:60}
.skip:focus{left:12px}
.legal-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;max-width:1240px;margin:0 auto;padding:16px 32px;background:rgba(3,5,3,.9)}
.legal-nav{display:flex;gap:4px;margin-left:auto}
.legal-nav a{padding:10px 12px;border-radius:8px;font-size:15px;color:var(--muted);text-decoration:none;transition:color .25s ease,background-color .25s ease}
.legal-nav a:hover{color:#fff}
.legal-nav a[aria-current]{color:#fff;background:rgba(255,255,255,.08)}
.legal-top .btn{height:40px;padding:12px 12px 12px 18px;font-size:14px}
.doc{max-width:760px;margin:0 auto;padding:72px 32px 110px;font-size:17px;line-height:1.65;color:var(--soft)}
.doc p:not([class]){font-size:17px;line-height:1.65;letter-spacing:-.01em;color:var(--soft)}
.doc .eyebrow{margin-bottom:18px}
.doc h1{font-size:56px;line-height:1.05;margin-bottom:22px;color:#fff}
.standfirst{font-size:21px;line-height:1.5;color:var(--text);margin-bottom:18px}
.meta{font-size:14px;color:var(--muted);margin-bottom:40px}
.doc a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(177,245,140,.35);text-underline-offset:3px}
.doc a:hover{text-decoration-color:var(--accent)}
.toc{padding:22px 26px;border-radius:12px;background:var(--card);border:1px solid var(--line);margin-bottom:56px}
.doc .toc h2{font-size:12px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.toc ol{list-style:decimal;padding-left:20px;columns:2;column-gap:30px;font-size:15px}
.doc .toc li{margin:0;padding:4px 0;break-inside:avoid}
.doc .toc a{color:var(--soft);text-decoration:none}
.doc .toc a:hover{color:#fff}
.doc h2{font-size:28px;line-height:1.15;color:#fff;margin:56px 0 16px;scroll-margin-top:90px}
.doc h3{font-size:19px;color:#fff;margin-bottom:6px}
.doc p+p{margin-top:14px}
.doc ul{list-style:disc;padding-left:22px;margin:12px 0}
.doc li{margin:7px 0}
.doc strong{color:#fff;font-weight:500}
.callout{padding:20px 24px;border-radius:12px;background:var(--accent-soft);border:1px solid rgba(177,245,140,.35)}
.table-wrap{overflow-x:auto;margin:16px 0;border-radius:12px;border:1px solid var(--line)}
.doc table{width:100%;border-collapse:collapse;font-size:15px}
.doc th,.doc td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.doc tr:last-child th,.doc tr:last-child td{border-bottom:0}
.doc th{color:var(--muted);font-weight:500;white-space:nowrap}
.doc thead th{color:#fff}
.doc-foot{margin-top:56px;padding-top:22px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.inbox{padding:26px 28px;border-radius:12px;background:var(--card);border:1px solid var(--line);margin:8px 0 28px}
.doc .inbox .address{display:inline-block;font-size:26px;font-weight:500;color:#fff;text-decoration:none;margin-bottom:12px;word-break:break-all}
.inbox .entity{font-size:15px;line-height:1.55;color:var(--muted)}
.inbox .entity+.entity{margin-top:12px}
.routes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 10px}
.route{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:15px}
.doc .route p{flex:1;margin-bottom:12px;font-size:15px;line-height:1.55}
.doc .route .btn{align-self:flex-start;height:40px;padding:12px 12px 12px 18px;font-size:14px;color:#000;text-decoration:none}
.foot.legal-foot{padding:0}
.legal-foot .foot-bottom{margin:0 auto;padding:26px 32px 30px;border-top:0}
@media (max-width:700px){
  .legal-top{padding:12px 16px;gap:10px;flex-wrap:wrap}
  .legal-nav{order:3;width:100%;margin:0;overflow-x:auto}
  .legal-top .btn{margin-left:auto}
  .doc{padding:44px 16px 80px;font-size:16px}
  .doc p:not([class]){font-size:16px}
  .doc h1{font-size:40px}
  .standfirst{font-size:18px}
  .toc ol{columns:1}
  .routes{grid-template-columns:1fr}
  .legal-foot .foot-bottom{padding:22px 16px 26px}
}
