/*
  redigi.com.au - the legal pages
  ===============================

  Built 28 August 2026. Loads AFTER /brand/redigi.css, which carries the tokens,
  the body, the links, the header and the footer. Nothing here redefines a
  colour or a typeface: every value used below is a var() from that file, so a
  brand_token change still flows to these pages through one edit in one place.

  WHY THESE PAGES LOOK CALMER THAN THE HOME PAGE. A legal page is read, not
  scanned, by somebody who is either worried or checking. So: one column, a
  wider measure than the marketing pages, no cards, no lit moments, no colour
  doing emphasis. The only accents are the contents rail and the "at a glance"
  block, and both are navigation rather than decoration. This is the design
  canon's value filter applied honestly - easily understood, necessary,
  helpful, leading to what to do - to a page whose job is comprehension.

  Matches the register of heyrova.com's legal pages on purpose, because they are
  the same company's documents and a reader who follows a link from one to the
  other should not feel they have changed companies.
*/

.legalwrap{max-width:760px;margin:0 auto;padding:0 40px}
@media(max-width:820px){.legalwrap{padding:0 24px}}

/* ---------- the head ---------- */
.lhead{padding:64px 0 0}
.lhead h1{font-size:clamp(30px,4.6vw,42px);margin-bottom:20px}
/* The four facts a reader checks first: whose document, when it took effect,
   what it covers, whose law. Named rather than buried in a paragraph. */
.lmeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:20px 30px;
  border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);
  padding:24px 0;margin:28px 0 0}
.lmeta dt{font-family:var(--font-head);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ash);margin-bottom:7px}
.lmeta dd{font-size:15px;color:var(--mist);line-height:1.5}

/* ---------- at a glance ---------- */
.glance{border:1px solid var(--hairline);border-radius:14px;padding:32px 30px;margin:40px 0 0;
  background:rgba(69,86,91,.13)}
.glance .gt{font-family:var(--font-head);font-size:19px;color:var(--mist);margin-bottom:6px}
.glance .gs{font-size:14px;color:var(--ash);margin-bottom:26px}
.gitems{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}
@media(max-width:700px){.gitems{grid-template-columns:1fr}}
.gitems h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--ash);
  margin-bottom:8px;font-weight:500}
.gitems p{font-size:15px;color:var(--mist);line-height:1.6}

/* ---------- contents ---------- */
.toc{margin:44px 0 0;border-top:1px solid var(--hairline);padding-top:28px}
.toc .tt{font-family:var(--font-head);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ash);margin-bottom:16px}
.toc ol{list-style:none;counter-reset:toc;column-count:2;column-gap:36px}
@media(max-width:700px){.toc ol{column-count:1}}
.toc li{counter-increment:toc;margin-bottom:9px;break-inside:avoid}
.toc a{font-size:15px;color:var(--mist);text-decoration:none}
.toc a::before{content:counter(toc) ".";color:var(--ash);margin-right:9px;
  font-variant-numeric:tabular-nums}
.toc a:hover{color:var(--green-lite);text-decoration:underline;text-underline-offset:3px}

/* ---------- the body ---------- */
.lbody{padding:20px 0 40px;counter-reset:sec}
.lbody section{border-top:0;padding:44px 0 0}
.lbody h2{counter-increment:sec;font-size:24px;margin-bottom:16px;scroll-margin-top:96px}
.lbody h2::before{content:counter(sec) ".";color:var(--ash);margin-right:12px;font-weight:300;
  font-variant-numeric:tabular-nums}
.lbody h3{font-size:17px;margin:26px 0 10px}
.lbody p{font-size:16.5px;color:var(--mist);line-height:1.72;margin-bottom:16px;max-width:40em}
.lbody p:last-child{margin-bottom:0}
.lbody ul{list-style:none;margin:0 0 18px;display:flex;flex-direction:column;gap:11px;max-width:40em}
.lbody li{font-size:16px;color:var(--mist);line-height:1.66;padding-left:20px;position:relative}
.lbody li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;
  background:rgba(159,169,169,.5)}
.lbody b{color:var(--sand);font-weight:500}

/* A quiet aside. Copper edge, used where the document says something a reader
   would rather know now than discover later - the honesty rule, made visible. */
.plain{border-left:2px solid var(--rust);padding:4px 0 4px 22px;margin:26px 0}
.plain p{color:var(--ash);font-size:15.5px}
.plain p b{color:var(--mist)}

/* ---------- tables ---------- */
.ltable{overflow-x:auto;margin:0 0 20px;border:1px solid var(--hairline);border-radius:10px}
.ltable table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.ltable th,.ltable td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--hairline);
  vertical-align:top;color:var(--mist)}
.ltable tr:last-child td{border-bottom:0}
.ltable th{font-family:var(--font-head);font-weight:500;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ash);background:rgba(32,42,46,.6)}
.ltable td.who{white-space:nowrap;color:var(--sand)}
/* "not in use yet" has to read as a real qualifier, not fine print, because
   naming a channel we do not run and letting it look live would be the
   over-claim these documents exist to avoid. */
/* The copper is the BORDER, and the ink is Ash. Copper is the deep register for
   edges and dots and never for text (ruling 156eda30), and copper text at 10.5px
   would fail on contrast as well as on the rule. The chip still reads as a
   distinct qualifier because of the edge, which is what the edge is for. */
.notyet{display:inline-block;font-family:var(--font-head);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ash);border:1px solid rgba(194,142,92,.55);border-radius:4px;
  padding:2px 7px;margin-left:8px;white-space:nowrap}

/* ---------- the ask box, on data deletion and support ---------- */
.step{border:1px solid var(--hairline);border-radius:12px;padding:26px 28px;margin-bottom:14px;
  background:rgba(69,86,91,.13)}
.step .sn{font-family:var(--font-head);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--green-lite);margin-bottom:9px}
.step h3{margin:0 0 8px;font-size:18px}
.step p{margin-bottom:0}
.step p+p{margin-top:12px}

/* ---------- the scope note used on a trading name's own page ---------- */
.scopenote{border:1px solid rgba(46,125,106,.42);background:rgba(46,125,106,.09);border-radius:12px;
  padding:24px 26px;margin:34px 0 0}
.scopenote p{margin-bottom:0;color:var(--mist)}

.backtop{margin-top:52px;padding-top:26px;border-top:1px solid var(--hairline);font-size:14px}

@media print{
  header,.subnav,.rail,.backtop{display:none}
  body{background:#fff;color:#263238}
  .lbody p,.lbody li,.lmeta dd{color:#263238}
  .lbody b{color:#000}
  .glance,.step,.ltable{border-color:#ccc;background:#fff}
}