/* WordRunner — the four legal pages' reading layout in design A (SRF N5, 2026-10-02).
   Source: docs/reviews/srf-design-review-2026-10-01/build/legal.css (measured axe 0), with the 2026-10-02 review's
   G-1 (a disclosure marker on "Contents"), G-3 (section numbers not in the link colour), R-4/R-5 (tables scroll inside
   a keyboard-reachable region, never the page) and R-22 (numbered steps). Loaded after site.css. */
.back{display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;color:var(--link);text-decoration:none;font-weight:700}
.legal{max-width:44rem;padding-block:2.5rem 4rem}
.legal h1{font-size:clamp(1.875rem,1.4rem + 2vw,2.75rem);margin-top:.5rem}
.updated{margin-top:.5rem;color:var(--text3);font-size:.9375rem}
.callout{margin-top:1.75rem;padding:1rem 1.125rem;border-left:3px solid var(--cyan);background:var(--surface-alt);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text2);line-height:1.7}
.callout strong{color:var(--text)}
.legal .callout p{margin:0;max-width:none}
.legal .callout p+p{margin-top:.25rem}
.callout.notice{border-left-color:var(--gold)}
.toc{margin-top:1.5rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}
.toc summary{min-height:3rem;display:flex;align-items:center;gap:.75rem;padding:0 1.125rem;font-weight:700;cursor:pointer;list-style:none}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"";margin-left:auto;width:.55em;height:.55em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s}
.toc[open] summary::after{transform:rotate(-135deg)}
@media (prefers-reduced-motion:reduce){.toc summary::after{transition:none}}
.toc ol{margin:0;padding:.25rem 1.125rem 1rem 2.5rem;columns:1;color:var(--text3)}
.toc li a{display:inline-flex;min-height:2.75rem;align-items:center;color:var(--text2)}
@media (min-width:640px){.toc ol{columns:2;column-gap:2rem}}
.legal h2{font-family:var(--font-body);font-weight:700;font-size:1.375rem;letter-spacing:0;margin-top:2.75rem;padding-bottom:.625rem;border-bottom:1px solid var(--line);scroll-margin-top:5rem}
.legal h2 .num{color:var(--gold);margin-right:.25rem}
.legal h3{font-size:1.125rem;margin-top:2rem;color:var(--text);scroll-margin-top:5rem}
.legal h4{font-family:var(--font-body);font-size:1rem;font-weight:700;margin:1.5rem 0 0;color:var(--text)}
.legal p,.legal li{margin-top:1rem;line-height:1.7;color:var(--text2);max-width:40rem}
.legal li{margin-top:.75rem}
.legal li strong,.legal p strong{color:var(--text)}
.legal ul,.legal ol{padding-left:1.25rem;margin:0}
.legal a{text-decoration:underline;text-underline-offset:.2em}
.legal ol.steps-list{padding-left:1.5rem}
.legal ol.steps-list li::marker{color:var(--gold);font-weight:700}
.contact-box{display:block;margin-top:1.25rem;padding:1.25rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-style:normal;background:var(--surface);line-height:1.7;color:var(--text2)}
.table-wrap{margin-top:1.25rem;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-sm);scroll-margin-top:5rem}
.table-wrap table{width:100%;min-width:34rem;border-collapse:collapse;font-size:.9375rem}
.table-wrap th,.table-wrap td{padding:.75rem .875rem;text-align:left;vertical-align:top;border-top:1px solid var(--line);color:var(--text2);line-height:1.55}
.table-wrap th{border-top:0;background:var(--surface);color:var(--text);font-weight:700}
.table-wrap td strong{color:var(--text)}
@media print{.toc,.back{display:none}.table-wrap{overflow:visible;border:0}.table-wrap table{min-width:0}}