/* Cybereum legal + exceptional utility surfaces.
   Kept separate from page HTML so even low-traffic surfaces inherit the same
   typography, geometry and interaction vocabulary as the public system. */
body.cyb-legal{min-height:100vh;background:var(--cyb-bg);color:var(--cyb-fg)}
.legal{max-width:820px;margin:0 auto;padding:clamp(2rem,7vw,5.5rem) var(--cyb-gutter) 5rem}
.legal__brand{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:3rem;color:inherit;text-decoration:none}
.legal__brand svg:first-child{width:34px;height:34px}.legal__brand svg:last-child{width:170px;height:28px}
.legal h1{max-width:17.11em;margin:0 0 1rem;font:400 clamp(2rem,5vw,3.4rem)/1.05 var(--cyb-display);letter-spacing:var(--cyb-tracking-display);text-wrap:balance}
.legal h2{margin:2.5rem 0 .65rem;font:500 1.25rem/1.2 var(--cyb-display);letter-spacing:var(--cyb-tracking-display)}
.legal p,.legal li{max-width:72ch;color:var(--cyb-fg-2);line-height:1.75}.legal ul{padding-left:1.25rem}.legal a{color:var(--cyb-accent)}
.legal__meta{margin-bottom:.75rem;font:500 .78rem/1.4 var(--cyb-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyb-fg-3)}
.legal__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2.75rem}
.legal__actions a,.legal__actions button{display:inline-flex;align-items:center;min-height:44px;padding:.625rem .875rem;border:1px solid var(--cyb-line-strong);border-radius:var(--cyb-radius-sm);background:transparent;color:inherit;font:inherit;cursor:pointer;text-decoration:none}
.legal__actions a:hover,.legal__actions button:hover,.legal__actions a:focus-visible,.legal__actions button:focus-visible{border-color:var(--cyb-accent);background:var(--cyb-surface-subtle)}
.cyb-404{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.375rem;text-align:center;padding:3rem 1.5rem}
.cyb-404__mark{width:56px;height:56px;color:var(--cyb-accent)}.cyb-404__mark path{fill:currentColor}
.cyb-404 h1{margin:0;font:400 clamp(1.5rem,4vw,2.25rem)/1.1 var(--cyb-display);letter-spacing:var(--cyb-tracking-display);color:var(--cyb-fg)}
.cyb-404 p{margin:0;max-width:46ch;color:var(--cyb-fg-2)}.cyb-404__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.375rem}
.cyb-404__home{position:fixed;top:1rem;left:1rem;display:inline-flex}.cyb-404__home svg{width:28px;height:28px;color:var(--cyb-fg)}