/* Brualla — legal documents: shared typography (standalone pages + in-page overlay) and the overlay dialog */
.legal-dialog,.legal-doc{--l-ink:#1a1917;--l-dark:#2a2825;--l-soft:#6f695f;--l-coral:#BC3D27;--l-line:rgba(42,40,37,.16);--l-white:#f9f8f6}
.legal-doc{color:var(--l-dark);font-family:'Jost',sans-serif;font-weight:300;line-height:1.75}
.legal-doc h1{font-family:'Clash Display',sans-serif;font-weight:600;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.08;letter-spacing:-.02em;color:var(--l-ink);margin-bottom:.5rem}
.legal-doc .meta{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.08em;color:var(--l-soft);margin-bottom:1.4rem}
.legal-doc h2{font-family:'Clash Display',sans-serif;font-weight:600;font-size:1.2rem;line-height:1.25;color:var(--l-ink);margin:2rem 0 .5rem}
.legal-doc p,.legal-doc li{font-size:1rem;color:var(--l-dark)}
.legal-doc p+p{margin-top:.7rem}
.legal-doc ul{margin:.5rem 0 .8rem 1.3rem}
.legal-doc a{color:var(--l-coral)}
.legal-doc table{border-collapse:collapse;width:100%;margin:.8rem 0 1rem;font-size:.95rem}
.legal-doc th,.legal-doc td{border:1px solid var(--l-line);padding:.55rem .8rem;text-align:left;vertical-align:top}
.legal-doc th{font-family:'DM Mono',monospace;font-size:.68rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;background:rgba(42,40,37,.04)}
.legal-doc td:first-child{font-family:'DM Mono',monospace;font-size:.9rem;white-space:nowrap}

/* overlay (native <dialog>: focus trap, Esc, inert background built in) */
.legal-dialog{border:0;padding:0;margin:auto;width:min(860px,92vw);max-height:88vh;background:var(--l-white);color:var(--l-dark);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.legal-dialog::backdrop{background:rgba(26,25,23,.72)}
.legal-inner{display:flex;flex-direction:column;max-height:88vh}
.legal-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .6rem .6rem 1.6rem;border-bottom:1px solid var(--l-line);flex:0 0 auto}
.legal-bar-title{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--l-soft)}
.legal-close{width:48px;height:48px;border:0;background:none;color:var(--l-ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.legal-close:hover{color:var(--l-coral)}
.legal-close:focus-visible{outline:2px solid var(--l-ink);outline-offset:-4px}
.legal-body{overflow:auto;padding:1.8rem 1.8rem 2.6rem;overscroll-behavior:contain}
.legal-body:focus{outline:none}
html.legal-open{overflow:hidden}
.custom-cursor .legal-dialog,.custom-cursor .legal-dialog *{cursor:auto}
.custom-cursor .legal-dialog a,.custom-cursor .legal-dialog button{cursor:pointer}
@media (prefers-reduced-motion:no-preference){.legal-dialog[open]{animation:legalIn .2s ease}@keyframes legalIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
@media (max-width:700px){
  .legal-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}
  .legal-inner{height:100%;max-height:100dvh}
  .legal-body{padding:1.2rem 1.2rem 2rem}
}