/* Shared style for the privacy policy and accessibility statement pages */
:root{
  --ink:#1f1640;--soft:#4f4670;--line:#e6e1f1;--tint:#f6f4fb;
  --violet:#3a2a6e;--plum:#7b3fa0;--magenta:#c13a8e;
}
*{box-sizing:border-box}
html{scrollbar-color:var(--plum) var(--tint)}
body{margin:0;font-family:"Assistant",system-ui,sans-serif;font-size:1.0625rem;line-height:1.75;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
::selection{background:var(--plum);color:#fff}
a{color:var(--plum);text-underline-offset:.2em}
a:hover{color:var(--magenta)}
:focus-visible{outline:3px solid var(--magenta);outline-offset:3px;border-radius:4px}
.skip{position:absolute;inset-inline-start:8px;top:8px;transform:translateY(-200%);background:var(--violet);color:#fff;padding:8px 14px;border-radius:8px;z-index:5}
.skip:focus{transform:none}
header{border-bottom:1px solid var(--line);background:var(--tint)}
header .in{max-width:820px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--violet);font-family:"Rubik",system-ui,sans-serif;font-weight:700;font-size:1.2rem}
.brand img{width:40px;height:40px}
main{max-width:820px;margin:0 auto;padding:48px 20px 72px}
h1{font-family:"Rubik",system-ui,sans-serif;font-weight:700;font-size:clamp(2rem,5vw,2.8rem);line-height:1.15;margin:0 0 8px;letter-spacing:-.01em}
.updated{color:var(--soft);margin:0 0 32px}
h2{font-family:"Rubik",system-ui,sans-serif;font-weight:600;font-size:1.45rem;line-height:1.3;margin:40px 0 10px}
p,li{max-width:68ch}
p{margin:0 0 14px}
ul{padding-inline-start:1.3em;margin:0 0 14px}
li{margin-bottom:6px}
.box{background:var(--tint);border-radius:14px;padding:18px 22px;margin:18px 0}
.box p:last-child{margin:0}
mark.todo{background:#ffe7a3;color:#3d2c00;padding:0 4px;border-radius:4px;font-weight:700}
footer{border-top:1px solid var(--line);color:var(--soft);font-size:.95rem}
footer .in{max-width:820px;margin:0 auto;padding:22px 20px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
@media (max-width:560px){main{padding:32px 16px 56px}header .in,footer .in{padding-inline:16px}}