/* Legal pages (privacy, privasi, terms) and the 404 page. Loads after site.css (redesign 2026-10-15). */
.legal{max-width:calc(46rem + 2*var(--gutter));margin:0 auto;padding:clamp(32px,6vw,88px) var(--gutter) clamp(72px,9vw,140px)}
.legal h1{font-size:clamp(2.6rem,1.4rem + 4.4vw,5rem);line-height:1}
.legal .updated{margin-top:18px;font-size:.9375rem;font-weight:600;color:var(--fg-3)}
.legal .lang{margin-top:6px;font-size:.9375rem;color:var(--fg-2)}
.legal .lede{color:var(--fg);margin-top:32px;font:400 clamp(1.4rem,1.1rem + 1vw,1.9rem)/1.3 var(--display);letter-spacing:-.005em}
.legal h2{font-size:clamp(1.6rem,1.25rem + 1.2vw,2.25rem);margin-top:2.2em;padding-top:.7em;border-top:1px solid var(--rule);scroll-margin-top:24px}
.legal h3{font:700 1.125rem/1.3 var(--text);letter-spacing:0;margin-top:1.8em}
.legal p,.legal li{color:var(--fg-2);line-height:1.65}
.legal p{margin-top:14px}
.legal ul,.legal ol{margin:14px 0 0;padding-left:1.3em}
.legal li + li{margin-top:8px}
.legal strong{color:var(--fg);font-weight:700}
.legal code{font-size:.9em;background:rgba(30,26,19,.07);border-radius:4px;padding:.1em .35em}
.legal .table-wrap{overflow-x:auto;margin-top:20px;-webkit-overflow-scrolling:touch}
.legal table{width:100%;min-width:560px;border-collapse:collapse;font-size:.9375rem}
.legal th{text-align:left;font-weight:700;color:var(--fg);padding:10px 14px 10px 0;border-bottom:2px solid var(--fg)}
.legal td{vertical-align:top;padding:14px 14px 14px 0;border-bottom:1px solid var(--rule);color:var(--fg-2)}

/* 404: the page is "silent", drawn the way the home page draws silent letters. */
.nf{max-width:calc(var(--max) + 2*var(--gutter));margin:0 auto;padding:clamp(40px,8vw,120px) var(--gutter) clamp(88px,12vw,180px);display:grid;gap:22px;justify-items:start}
.nf .nf-code{font:400 clamp(7rem,3rem + 22vw,19rem)/.85 var(--display);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:max(1.5px,.008em) var(--fg);margin:0;user-select:none}
.nf h1{font-size:clamp(2.2rem,1.3rem + 3vw,4rem);max-width:16ch}
.nf p{color:var(--fg-2);max-width:44ch;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem)}
.nf .btn{margin-top:10px}