/* Privacy and imprint pages. Tokens follow the Calvin page (aside.html). */
:root{
  --fg:#090b0c; --muted:#6b6b6b; --ink2:#33404a; --well:#f5f5f5; --bg:#fff;
  --line:rgb(0 0 0 / .06); --brand:#00a6f4; --brand-content:#0072b5;
  --sky:radial-gradient(120% 55% at 88% -8%,rgb(255 255 255 / .6),transparent 62%),
        radial-gradient(90% 38% at 8% 42%,rgb(255 255 255 / .42),transparent 72%),
        radial-gradient(140% 42% at 50% 104%,rgb(255 246 234 / .75),transparent 70%),
        linear-gradient(180deg,#86cdf0 0%,#aedff7 24%,#d2edfb 54%,#edf7fc 82%,#f6fafc 100%);
  --display:"Inter Tight",system-ui,sans-serif; --sans:"Geist",system-ui,sans-serif;
  --r-xl:calc(24px*1.4);
}
*{box-sizing:border-box;margin:0}
html{-webkit-font-smoothing:antialiased}
::selection{background:#bfe3f8;color:var(--fg)}
body{background:var(--bg);color:var(--fg);font:400 16px/26px var(--sans)}
a{color:var(--brand-content);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--brand) 40%,transparent);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--fg)}
a:focus-visible{outline:2px solid var(--brand-content);outline-offset:3px;border-radius:4px}

.top{padding:8px}
@media(min-width:768px){.top{padding:16px}}
.sky{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-xl);corner-shape:superellipse(1.4);background:var(--sky);padding:20px 20px 64px}
@media(min-width:768px){.sky{padding:24px 32px 96px}}
.cloud{position:absolute;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,#fff 30%,rgb(255 255 255 / 0));filter:blur(18px);opacity:.8;pointer-events:none}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;min-height:44px;font:500 18px/1 var(--display);letter-spacing:-.02em;color:var(--fg);text-decoration:none}
.back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;background:rgb(255 255 255 / .5);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .8),0 0 0 .5px rgb(9 11 12 / .12);font:500 14px/1 var(--sans);color:var(--fg);text-decoration:none}
.back:hover{background:rgb(255 255 255 / .75);color:var(--fg)}
.head{max-width:720px;margin:56px auto 0;display:flex;flex-direction:column;gap:12px}
@media(min-width:768px){.head{margin-top:88px}}
.h1{font:400 36px/40px var(--display);letter-spacing:-.02em;text-wrap:balance}
@media(min-width:768px){.h1{font-size:48px;line-height:52px}}
.lead{font:400 18px/28px var(--sans);color:var(--ink2);text-wrap:pretty;max-width:600px}
@media(min-width:768px){.lead{font-size:20px}}

main{max-width:720px;margin:0 auto;padding:56px 24px 96px}
@media(min-width:768px){main{padding:80px 0 128px}}
.meta{font:500 12px/16px var(--sans);color:var(--muted);margin-bottom:40px}
section{padding:32px 0;border-top:1px solid var(--line)}
section:first-of-type{border-top:0;padding-top:0}
h2{font:450 24px/32px var(--display);letter-spacing:-.02em;margin-bottom:12px;text-wrap:balance}
h3{font:500 16px/24px var(--sans);margin:20px 0 4px}
p,li{color:#404040;text-wrap:pretty}
p+p{margin-top:12px}
ul{padding-left:20px;margin-top:8px;display:flex;flex-direction:column;gap:6px}
dl{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px 24px;margin-top:4px}
@media(max-width:639px){dl{grid-template-columns:1fr;gap:2px}dd{margin-bottom:12px}}
dt{font:500 14px/26px var(--sans);color:var(--muted)}
dd{margin:0;color:var(--fg)}
.de{color:var(--muted);font-size:14px}
.ph{background:#fff4d6;box-shadow:inset 0 -1.5px 0 #e8b931;padding:0 4px;border-radius:4px;font-style:normal;color:#6b4e00;font-size:.9em}

footer{max-width:720px;margin:0 auto;padding:32px 24px 48px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;font:400 14px/20px var(--sans);color:var(--muted)}
@media(min-width:768px){footer{padding-inline:0}}
footer a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
footer a:hover{color:var(--fg)}
footer a[aria-current]{color:var(--fg)}
address{font-style:normal;color:var(--fg);line-height:26px}
address+address{margin-top:16px}
p.hold{background:#fff4d6;box-shadow:inset 3px 0 0 #e8b931;padding:12px 16px;border-radius:8px;color:#6b4e00;font-size:15px}
