/* newope · the legal pages (privacy, terms). No scripts on these pages. */
:root{--navy:#081936; --blue:#1F4FD8; --green:#25D49D; --ink:#FFFFFF; --muted:rgba(255,255,255,.74); --line:rgba(255,255,255,.16); --glass:rgba(255,255,255,.07);
  --display:"Sora", "Avenir Next", "Segoe UI", system-ui, sans-serif; --body:"Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{overflow-x:clip}
body{margin:0; min-height:100vh; font-family:var(--body); font-size:16px; line-height:1.65; color:var(--ink); background:var(--navy);
  background-image:radial-gradient(90% 40% at 85% 0%, rgba(31,79,216,.45), transparent 60%); background-repeat:no-repeat; -webkit-font-smoothing:antialiased}
a{color:var(--green)}
:focus-visible{outline:3px solid var(--green); outline-offset:3px; border-radius:8px}
.wrap{max-width:720px; margin:0 auto; padding:20px 16px 64px}
header{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:36px}
.brand{font-family:var(--display); font-weight:700; font-size:22px; letter-spacing:-.02em; color:var(--ink); text-decoration:none}
.lang{display:flex; gap:4px; padding:3px; border-radius:12px; background:var(--glass); border:1px solid var(--line)}
.lang a{color:var(--muted); font-weight:700; font-size:13px; padding:7px 12px; border-radius:9px; text-decoration:none}
.lang a[aria-current]{background:rgba(255,255,255,.14); color:var(--ink)}
h1{font-family:var(--display); font-size:clamp(28px, 6vw, 40px); line-height:1.1; letter-spacing:-.02em; margin:0 0 8px; text-wrap:balance}
h2{font-family:var(--display); font-size:20px; line-height:1.25; margin:40px 0 10px; text-wrap:balance}
p, li{color:var(--muted); overflow-wrap:anywhere}
p{margin:0 0 12px}
ul{margin:0 0 12px; padding-left:20px}
li{margin-bottom:6px}
b, strong{color:var(--ink); font-weight:700}
.date{font-size:14px; margin-bottom:28px}
.short{padding:16px 18px; border-radius:16px; background:var(--glass); border:1px solid var(--line); margin-bottom:8px}
.short p:last-child, .short ul:last-child{margin-bottom:0}
.scroll{overflow-x:auto; margin-bottom:12px}
table{width:100%; min-width:520px; border-collapse:collapse; font-size:14.5px}
th, td{text-align:left; vertical-align:top; padding:10px 12px 10px 0; border-bottom:1px solid var(--line); color:var(--muted)}
th{color:var(--ink); font-weight:700}
mark{background:rgba(255,214,102,.22); color:#FFE08A; padding:1px 6px; border-radius:6px}
footer{margin-top:48px; padding-top:20px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:8px 20px; font-size:14px}
footer a{color:var(--muted)}