/* =========================================================
   Shared styling for the standalone document pages
   (accessibility, privacy, cookies, terms).
   Inherits every token and the accessibility layer from styles.css.
   ========================================================= */
.doc{ max-width:74ch; margin:0 auto; padding:150px 26px 100px; }
.doc h1{ font-family:var(--serif); font-size:clamp(2.1rem,5vw,3.2rem); font-weight:400; letter-spacing:-.02em; margin:0 0 .35em; }
.doc h2{ font-family:var(--serif); font-size:clamp(1.25rem,2.6vw,1.7rem); font-weight:500; margin:2.4em 0 .5em; }
.doc h3{ font-size:.78rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--cream); margin:2em 0 .6em; }
.doc p, .doc li, .doc td, .doc th{ color:var(--cream-dim); line-height:1.75; }
.doc ul, .doc ol{ padding-left:1.15em; } .doc li{ margin:.4em 0; }
.doc strong{ color:var(--cream); font-weight:600; }
.doc a{ color:var(--river); text-underline-offset:3px; }
.doc a:hover{ color:var(--cream); }
.doc .updated{ font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin-bottom:1.4em; }
.doc .lede{ font-size:1.06rem; color:var(--cream); }
.doc .back{ display:inline-block; margin-top:3.4em; font-size:.85rem; letter-spacing:.1em; text-transform:uppercase; }

/* A marked gap for the operator to complete before publishing. */
.doc .fill{
  background:rgba(220,185,111,.14); border-bottom:1px dashed var(--gold);
  color:var(--gold); padding:1px 5px; border-radius:3px; font-weight:600;
  font-size:.94em; letter-spacing:.02em;
}

/* Callout for the things a reader most needs to notice. */
.doc .note{
  border:1px solid var(--line); border-left:3px solid var(--river);
  background:var(--panel); border-radius:0 8px 8px 0;
  padding:18px 22px; margin:1.8em 0;
}
.doc .note p{ margin:0; } .doc .note p + p{ margin-top:.7em; }

/* Rights / data tables */
.doc table{ width:100%; border-collapse:collapse; margin:1.4em 0; font-size:.93rem; }
.doc th, .doc td{ text-align:left; padding:11px 12px; border-bottom:1px solid var(--line-soft); vertical-align:top; }
.doc th{ color:var(--cream); font-family:var(--sans); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; }
.doc .table-wrap{ overflow-x:auto; }

/* Cross-links between the document pages */
.doc-nav{ display:flex; flex-wrap:wrap; gap:8px; margin:2.6em 0 0; padding-top:1.8em; border-top:1px solid var(--line); }
.doc-nav a{
  font-size:.76rem; letter-spacing:.1em; text-transform:uppercase; text-decoration:none;
  border:1px solid var(--line); border-radius:999px; padding:9px 16px; color:var(--cream-dim);
}
.doc-nav a:hover{ border-color:var(--river); color:var(--cream); }
.doc-nav a[aria-current="page"]{ border-color:var(--river); color:var(--ink); background:var(--river); }

/* Links inside prose must not rely on colour alone to be identifiable
   (WCAG 1.4.1). The river accent is only 1.35:1 against body text, so
   these carry an underline as well. */
.doc p a, .doc li a, .doc td a, .doc .note a{
  text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px;
}
.doc p a:hover, .doc li a:hover, .doc td a:hover, .doc .note a:hover{
  text-decoration-thickness:2px;
}