/* Legal and contact pages: the same frosty night as the home page, set for long reading */
:root{
  --ink:#050a18; --char:#0c1834; --bone:#eef9ff; --smoke:#a6bddb; --ember:#6fc8ff; --gold:#bfe8ff;
  --line:rgba(191,232,255,.16); --line-strong:rgba(191,232,255,.32);
  --display:"Lilita One","Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;
  --body:"Lexend","Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;
  --gutter:clamp(16px,4.2vw,64px);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--ink);-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;color:var(--bone);font:400 16.5px/1.7 var(--body);-webkit-font-smoothing:antialiased;
  background:radial-gradient(70% 40% at 50% 0%,rgba(108,242,194,.14),rgba(108,242,194,0) 70%),radial-gradient(60% 50% at 80% 10%,rgba(111,200,255,.14),transparent 70%),var(--ink)}
a{color:var(--gold);text-underline-offset:4px}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
::selection{background:var(--ember);color:var(--ink)}
.skip{position:fixed;left:16px;top:-60px;z-index:10;padding:10px 16px;border-radius:10px;background:var(--gold);color:#081226;font-weight:700;text-decoration:none;transition:top .2s}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(18px + env(safe-area-inset-top,0px)) var(--gutter) 18px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:400 22px/1 var(--display);letter-spacing:.04em;color:var(--gold)}
.brand svg{width:28px;height:28px;color:var(--gold)}
.age-block{padding:16px 18px;border-radius:14px;border:1px solid rgba(255,192,106,.5);background:rgba(255,192,106,.1);color:#fff}
.back{font-size:14px;font-weight:600;color:rgba(242,231,217,.8);text-decoration:none}
.back:hover{color:var(--bone)}

main{padding:clamp(40px,7vh,80px) var(--gutter) 60px}
.doc{max-width:72ch;margin:0 auto}
.eyebrow{margin:0 0 12px;font:600 12px/1.2 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
h1{margin:0 0 10px;font:400 clamp(40px,6vw,64px)/1 var(--display);letter-spacing:-.01em;text-wrap:balance}
.updated{margin:0 0 34px;font-size:14px;color:var(--smoke)}
h2{margin:44px 0 12px;font:400 clamp(26px,3vw,32px)/1.15 var(--display);text-wrap:balance}
h3{margin:26px 0 8px;font-size:16.5px;font-weight:700}
p,li{color:rgba(242,231,217,.86)}
ul{padding-left:1.2em}
li{margin:6px 0}
strong{color:var(--bone)}
.summary{margin:0 0 10px;padding:22px 24px;border-radius:18px;border:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(18,36,74,.8),rgba(8,16,36,.9))}
.summary h2{margin-top:0;font-size:24px}
.summary ul{margin:0}
.table-wrap{overflow-x:auto;margin:14px 0}
table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
th,td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
th{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--smoke);font-weight:600}

/* contact form */
.form{display:grid;gap:18px;margin-top:28px}
.field{display:grid;gap:7px}
.field label{font-size:13px;font-weight:700;letter-spacing:.04em}
.field label small{font-weight:500;color:var(--smoke)}
.field input,.field select,.field textarea{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--line-strong);background:rgba(12,24,52,.85);color:var(--bone);font:inherit;font-size:15.5px}
.field textarea{min-height:170px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:rgba(255,178,74,.7);box-shadow:0 0 0 3px rgba(111,200,255,.22)}
.field [aria-invalid="true"]{border-color:#ff8a6a}
.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.notice{padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(12,24,52,.6);font-size:14px;color:rgba(242,231,217,.8)}
.notice p{margin:0 0 6px}.notice p:last-child{margin:0}
.send{justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border:0;border-radius:999px;cursor:pointer;font:700 15px/1 var(--body);color:#081226;background:linear-gradient(180deg,#fff,#bfe8ff 55%,#8fd2ff);box-shadow:0 0 24px rgba(111,200,255,.4)}
.send:hover{filter:brightness(1.07)}
.send[disabled]{opacity:.6;cursor:progress}
.status{min-height:1.6em;margin:0;font-size:14.5px}
.status.ok{color:var(--gold)}
.status.err{color:#ff9f85}

.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:26px var(--gutter) calc(30px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);font-size:13px;color:var(--smoke)}
.foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.foot nav a{color:rgba(242,231,217,.82)}
.foot nav a[aria-current="page"]{color:var(--gold)}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}