/* legal.css — shared shell for the standalone info pages (terms, privacy, responsible, fairness, aml, help).
   Loaded after style.css, which supplies the colour tokens and the dark base. */

.lg-top{
  display:flex;align-items:center;gap:12px;padding:9px 18px;
  position:sticky;top:0;z-index:20;
  background:linear-gradient(180deg,rgba(26,34,51,.94),rgba(15,20,31,.9));
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.lg-top .logo{text-decoration:none;color:inherit}
.lg-top .logo:hover{text-decoration:none}
.lg-back{margin-left:auto;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;font-size:13px;font-weight:600;color:var(--tx);white-space:nowrap;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,var(--card2),var(--card))}
.lg-back:hover{border-color:#2b3443;filter:brightness(1.12);text-decoration:none}

/* ---------- the page ---------- */
.lg{width:100%;max-width:70ch;margin:0 auto;padding:30px 16px 56px;flex:1}
.lg-kicker{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut)}
.lg h1{font-size:30px;line-height:1.15;letter-spacing:-.6px;margin:6px 0 16px}
.lg h2{font-size:20px;line-height:1.25;letter-spacing:-.2px;margin:34px 0 10px;padding-top:14px;border-top:1px solid var(--line);scroll-margin-top:62px}   /* scroll-margin: a contents link must not land under the sticky header */
.lg h3{font-size:16px;color:var(--gold);margin:22px 0 8px}
.lg p,.lg li{font-size:15.5px;line-height:1.65}
.lg p{margin:0 0 13px}
.lg ul,.lg ol{margin:0 0 14px;padding-left:21px}
.lg li{margin-bottom:7px}
.lg li>ul,.lg li>ol{margin-top:7px}
.lg strong,.lg b{color:#fff;font-weight:700}
.lg a{text-decoration:underline;text-underline-offset:2px}
.lg code{background:var(--bg2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:12.5px}
.lg pre{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:12px 13px;overflow-x:auto;margin:0 0 14px}
.lg pre code{background:none;border:none;padding:0;font-size:12.5px;white-space:pre;word-break:normal}
.lede{font-size:16.5px;line-height:1.6;color:#c9d2de;border-left:3px solid var(--green);padding-left:14px;margin-bottom:16px}
.upd{font-size:12px;color:var(--mut);font-family:var(--mono);margin-bottom:22px}

/* ---------- placeholders the owner must fill in ---------- */
.ph{
  display:inline;background:#3a2c07;color:#ffd970;border:1px dashed #8a6a17;border-radius:5px;
  padding:1px 6px;font-size:13.5px;line-height:1.5;overflow-wrap:anywhere;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}
.ph::before{content:"✎ "}
.lg-phnote{display:flex;gap:10px;align-items:flex-start;background:#2a2007;border:1px solid #6b520f;border-radius:11px;padding:11px 13px;margin:0 0 20px;font-size:13px;color:#e8d9a8}
.lg-phnote b{color:#ffd970}

/* ---------- contents ---------- */
.lg-toc{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 26px}
/* .lg .lg-toc — outranks the `.lg h2` rules, including the ones in the narrow-screen block below */
.lg .lg-toc h2{all:unset;display:block;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--mut);margin:0 0 9px;padding:0;border:none}
.lg-toc ol{margin:0;padding-left:0;list-style:none;columns:2;column-gap:22px}
.lg-toc li{margin:0 0 5px;break-inside:avoid;font-size:13.5px;line-height:1.4}
.lg-toc a{color:#8ec5ff;text-decoration:none}
.lg-toc a:hover{text-decoration:underline}

/* ---------- tables ---------- */
.lg-tw{overflow-x:auto;margin:0 0 16px;border:1px solid var(--line);border-radius:11px;background:var(--bg2)}
.lg table{width:100%;border-collapse:collapse;font-size:14px}
.lg-tw.wide table{min-width:430px}
.lg th,.lg td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}
.lg th{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mut);background:rgba(29,36,48,.5)}
.lg tr:last-child td{border-bottom:none}
.lg td code{font-size:11.5px}

/* ---------- cross-links + footer ---------- */
.lg-nav{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.lg-nav a{font-size:12.5px;font-weight:600;color:var(--tx);text-decoration:none;padding:6px 11px;border:1px solid var(--line);border-radius:99px;background:var(--card)}
.lg-nav a:hover{border-color:#2b3443;text-decoration:none}
.lg-nav a[aria-current]{border-color:var(--green);color:var(--green)}
.lg-foot{justify-content:center;font-size:11.5px;color:var(--mut);padding:16px;gap:8px 14px}
.lg-foot .age18{border-color:#5b4a1f}

/* (.foot-links, .age18 and .au-terms live in style.css — they are used by the main site too) */

@media (max-width:560px){
  .lg{padding:22px 16px 44px}
  .lg h1{font-size:25px}
  .lg h2{font-size:18px;margin-top:28px}
  .lg p,.lg li{font-size:15px}
  .lg-toc ol{columns:1}
  .lg-top{padding:8px 14px;gap:8px}
  /* a 3-column table is unreadable at this width — stack each row into labelled blocks instead of scrolling it sideways */
  .lg-tw.wide{overflow-x:visible}
  .lg-tw.wide table,.lg-tw.wide tbody,.lg-tw.wide tr,.lg-tw.wide td{display:block;min-width:0}
  .lg-tw.wide thead{display:none}
  .lg-tw.wide tr{padding:10px 0;border-bottom:1px solid var(--line)}
  .lg-tw.wide tr:last-child{border-bottom:none}
  .lg-tw.wide td{border:none;padding:3px 12px}
  .lg-tw.wide td[data-l]::before{content:attr(data-l);display:block;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--mut);margin-bottom:1px}
  .lg-tw.wide td:first-child{font-weight:700;color:#fff}
}

@media print{
  html{color-scheme:light}
  body{background:#fff !important;color:#000;display:block}
  .lg-top,.lg-nav,.lg-foot{display:none !important}
  /* the draft / not-legal-advice banner must survive printing — a printed copy is the one that gets passed around */
  .lg-phnote{display:flex;background:#fff6d6;border:1px solid #000;color:#000;page-break-inside:avoid}
  .lg-phnote b{color:#000}
  .lg{max-width:none;padding:0}
  .lg h1,.lg h2,.lg h3,.lg strong,.lg b{color:#000}
  .lg h2{border-top:1px solid #bbb;page-break-after:avoid}
  .lg h3{page-break-after:avoid}
  .lg a{color:#000;text-decoration:underline}
  .lede{color:#000;border-left:3px solid #888}
  .upd{color:#444}
  .lg-toc{background:none;border:1px solid #bbb}
  .lg-toc a{color:#000}
  .lg-tw{border:1px solid #bbb;overflow:visible;background:#fff}
  .lg-tw.wide table{min-width:0}
  .lg th,.lg td{border-bottom:1px solid #ccc;color:#000}
  .lg th{background:#eee;color:#000}
  .lg code,.lg pre{background:#f3f3f3;border:1px solid #ccc;color:#000}
  /* overflow-x:auto does nothing on paper: wrap the verification commands instead of clipping them */
  .lg pre,.lg pre code{white-space:pre-wrap;word-break:break-all;overflow:visible}
  .ph{background:#fff6d6;color:#000;border:1px dashed #000}
  .lg table,.lg pre,.lg-toc{page-break-inside:avoid}
}

/* ---------- header: same bar as the main site ---------- */
.lg-top{height:62px;gap:14px;padding:0 20px;background:rgba(10,13,18,.86);backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid #161b24;z-index:50}
.lg-top .logo{gap:9px}
.lg-top .wordmark{font-size:18px;color:var(--green)}
.lg-top .wordmark b{color:#fff}
.lg-back{height:38px;padding:0 14px;border-radius:11px;background:var(--card);border:1px solid var(--line);font-size:13.5px;font-weight:650}
.lg-back svg{width:16px;height:16px}
.lg-back:hover{border-color:#2b3443;filter:none;background:#161b24}
@media (max-width:760px){ .lg-top{height:56px;padding:0 12px} }