/* shared styles for legal pages (same look as index.html) */
:root{--ink:#060009;--paper:#fff;--blue:#009ee3;--red:#c40000;--yellow:#ffed00;--green:#00963f;--mute:#b9b6bd;--line:rgba(255,255,255,.16);
--head:Impact,Haettenschweiler,"Arial Narrow Bold","Roboto Condensed",sans-serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box;margin:0}
body{background:var(--ink);color:var(--paper);font:400 1.0625rem/1.7 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:inherit}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.wrap{width:min(860px,100% - 2.5rem);margin-inline:auto}
header{position:fixed;inset:0 0 auto;z-index:20;background:rgba(6,0,9,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;height:62px;width:min(1160px,100% - 2.5rem);margin-inline:auto}
.bar img{height:34px;width:auto}
.bar a.back{font-weight:600;text-decoration:none;font-size:.95rem}.bar a.back:hover{color:var(--yellow)}
.stripes{height:46px;margin-top:62px;background:linear-gradient(180deg,var(--red) 0 20%,var(--blue) 20% 40%,var(--ink) 40% 60%,var(--yellow) 60% 80%,var(--green) 80%);clip-path:polygon(0 0,100% 0,100% 100%,3% 100%)}
.stripes.flip{margin-top:0;clip-path:polygon(0 0,97% 0,100% 100%,0 100%)}
main{background:var(--paper);color:var(--ink);padding:clamp(3rem,7vw,5rem) 0}
h1,h2{font-family:var(--head);font-weight:400;font-style:italic;text-transform:uppercase;line-height:1}
h1{font-size:clamp(2.4rem,7vw,4.2rem);margin-bottom:2rem}
h2{font-size:1.7rem;margin:2.4rem 0 .7rem}
h3{font-size:1.1rem;margin:1.4rem 0 .4rem}
p,li{max-width:70ch}p{margin-bottom:.9rem}ul{margin:0 0 1rem 1.3rem}
main a{color:#0070a8;font-weight:600}
mark{background:var(--yellow);padding:0 .25rem}
footer{padding:2.5rem 0;color:var(--mute);font-size:.95rem}
footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}