:root{--bg:#F3F6F5;--surface:#FFF;--ink:#0F1F1D;--muted:#4F6360;--line:#D5DFDC;--accent:#0B7A75;--signal:#E39A2D;--soft:#E3EFEC;--display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}
@media(prefers-color-scheme:dark){:root{--bg:#0C1514;--surface:#13201E;--ink:#E6F0EE;--muted:#9AB0AC;--line:#253835;--accent:#3CC4BB;--signal:#F2B457;--soft:#16302C;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:3px;overflow-wrap:anywhere}
:focus-visible{outline:2px solid var(--signal);outline-offset:4px;border-radius:3px}
.wrap{max-width:1160px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}
header{border-bottom:1px solid var(--line)}
.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 20px/1.1 var(--display)}
.brand img{width:38px;height:38px;flex:none}
.brand small{display:block;margin-top:5px;color:var(--muted);font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.home{font-size:14px;font-weight:600;text-decoration:none}
main{padding-block:clamp(40px,6vw,72px)}
.label{color:var(--accent);font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
h1,h2,h3{font-family:var(--display);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:clamp(36px,5vw,56px);margin:16px 0}
.date{color:var(--muted);font-size:14px}
.intro{max-width:74ch;color:var(--muted);margin-block:22px 28px}
.legal-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(24px,4vw,56px);margin-top:36px}
aside nav{position:sticky;top:24px;display:grid;gap:12px;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:14px}
aside strong{font:700 16px/1.3 var(--display);margin-bottom:4px}
aside a{text-decoration:none}
article{min-width:0}
article section{border-top:1px solid var(--line);padding-block:26px;scroll-margin-top:24px}
h2{font-size:25px;margin:0 0 16px}
h3{font-size:20px;margin:24px 0 12px}
p{margin:0 0 14px}
ul,ol{padding-left:22px;margin:12px 0}
li{margin-block:8px}
.notice{padding:20px 24px;border-left:3px solid var(--accent);background:var(--soft);border-radius:0 8px 8px 0;font-size:15px}
.notice p:last-child,section p:last-child{margin-bottom:0}
.example{padding:18px 22px;border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:18px 0}
.example blockquote{margin:0;padding:0}
.sample-label{display:block;margin-bottom:12px;color:var(--muted);font:500 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em}
footer{border-top:1px solid var(--line);padding-block:28px;color:var(--muted);font-size:14px}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
@media(max-width:760px){.legal-grid{grid-template-columns:1fr}.nav{gap:14px}.brand{font-size:17px}.home{max-width:100px;text-align:right}aside nav{position:static;gap:10px}h2{font-size:23px}}
@media print{body{background:white;color:black}header,aside,footer{display:none}.wrap{max-width:none;padding:0}.legal-grid{display:block}main{padding:0}article section{break-inside:avoid}a{color:inherit}}