/* web/terms.css — the terms page's styles, moved out of the mock-up's inline <style> (CSP: style-src 'self'). */
@font-face{font-family:"Fraunces";font-weight:400 600;src:url(../site/fonts/fraunces-latin.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:400 600;src:url(../site/fonts/ibm-plex-sans-latin.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;src:url(../site/fonts/ibm-plex-mono-400-latin.woff2) format("woff2")}
:root{color-scheme:light;--bg:#F7FAFC;--ink:#12354E;--dim:#3D5C72;--faint:#52708A;--line:#E1EAF0;--acc:#0E62C4;--flagbg:#FEF6E7;--flagline:#E8C98A;--flagink:#8A6415;--todo:#7A2E8C;--todobg:#F6ECF9}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.65 "IBM Plex Sans","Segoe UI",system-ui,sans-serif}
.rail{height:5px;background:linear-gradient(90deg,#0E62C4,#0D9E8F)}
.top{background:#fff;border-bottom:1px solid var(--line)}
.top .in{max-width:860px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}
.top svg{width:28px;height:28px}
.top .tag{font:600 12.5px/1 "IBM Plex Mono",monospace;color:#096B61;border:1px solid #9ED9CF;background:#E8F7F4;border-radius:999px;padding:4px 9px}
main{max-width:860px;margin:0 auto;padding:30px 20px 80px}
.mock{background:var(--flagbg);border:1.5px dashed #C98A12;color:var(--flagink);border-radius:10px;padding:10px 14px;font:600 14px/1.45 "IBM Plex Mono",monospace;margin-bottom:22px}
h1{font:500 clamp(30px,5vw,42px)/1.12 "Fraunces",Georgia,serif;margin:0 0 8px;letter-spacing:-.015em}
.meta{font:400 14px/1.5 "IBM Plex Mono",monospace;color:var(--faint);margin-bottom:20px}
h2{font:500 26px/1.2 "Fraunces",Georgia,serif;margin:40px 0 10px;padding-top:18px;border-top:2px solid var(--line)}
h3{font-size:19px;margin:24px 0 6px}
p,li{color:var(--dim);max-width:72ch}
b,strong{color:var(--ink)}
ul{padding-left:1.25em}
li{margin:6px 0}
code{font:400 .86em "IBM Plex Mono",monospace;background:#EAF1F6;padding:1px 5px;border-radius:4px;color:var(--ink)}
.todo{display:inline;background:var(--todobg);color:var(--todo);border-radius:4px;padding:1px 6px;font:600 .82em/1.5 "IBM Plex Mono",monospace}
.toc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 18px}
.toc a{color:var(--acc)}
a{color:var(--acc)}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}