/* Ambient: real text on the terms, privacy and faq pages.
   style.css is the design's file, unchanged. These rules only cover what the lorem mockup
   doesn't have (body copy, sub-headings, lists, links), using the mockup's own values:
   body copy in the .55 white of its placeholder paragraphs, "// " list marks from its nodes list,
   36px before each section heading. Margins are set one way only because .mid is a flex
   column, where margins don't collapse. */
.legal{--dim:rgba(255,255,255,.55)}
.legal p:not([class]),.legal ul{margin:0;color:var(--dim)}
.legal :is(p,ul)+:is(p:not([class]),ul){margin-top:14px}
.legal .meta+p:not([class]){margin-top:36px}
.legal h3{margin:24px 0 8px;font-size:var(--fs);line-height:1.3}
.legal h2+h3{margin-top:8px}
.legal ul{padding:0;list-style:none}
.legal li{padding-left:3ch;text-indent:-3ch}
.legal li+li{margin-top:8px}
.legal li::before{content:"// ";opacity:.5}
.legal strong{color:var(--fg)}
.legal p:not([class]) a,.legal li a,.legal .seealso a{color:var(--fg);text-decoration:underline;text-underline-offset:3px}
.legal p:not([class]) a:hover,.legal li a:hover,.legal .seealso a:hover{color:var(--live)}
.legal .seealso{margin:36px 0 0;padding-top:20px;border-top:1px solid var(--grid);color:var(--dim)}
/* terms, privacy and faq: white background, black text (Talida, 26 Oct 2026).
   The legal hub, home and thesis stay black. Green hover would be unreadable on white,
   so links get a heavier underline instead. */
html.light{--bg:#fff;--fg:#000;--grid:#dfdfdf;color-scheme:light}
html.light .legal{--dim:#000}
html.light .legal p:not([class]) a:hover,html.light .legal li a:hover,html.light .legal .seealso a:hover{color:var(--fg);text-decoration-thickness:2px}
/* white pages: body text in DejaVu Sans Mono Regular; headings, bold terms and the back link stay bold */
@font-face{font-family:"DejaVu Sans Mono Regular";src:url("/fonts/DejaVuSansMono.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
html.light .legal{font-family:"DejaVu Sans Mono Regular",var(--mono);font-weight:400}
html.light .legal :is(h1,h2,h3,strong,.back){font-family:var(--mono);font-weight:700}