/* iPark legal reading system — presentation only. */
.legal-page{
  min-height:100%;
  color:#e8eef2;
  background:var(--ip-bg-0);
}
.legal-page .skip-link{
  position:fixed;
  z-index:10000;
  top:12px;
  left:12px;
  padding:11px 15px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:#fff;
  color:#031927;
  font-size:13px;
  font-weight:800;
  transform:translateY(-180%);
  transition:transform var(--ip-motion-fast);
}
.legal-page .skip-link:focus{transform:none}
.legal-page .legal-hero{
  padding:154px 0 52px;
  border-bottom:1px solid var(--ip-border);
  background:
    radial-gradient(620px 300px at 72% 0%,rgba(234,23,68,.13),transparent 68%),
    linear-gradient(180deg,var(--ip-bg-2),var(--ip-bg-0));
}
.legal-page .legal-hero .container{width:min(100% - 48px,1080px)}
.legal-page .legal-hero h1{
  max-width:18ch;
  margin:16px 0 12px;
  color:#fff;
  font-size:clamp(38px,5vw,64px);
  line-height:1.06;
  letter-spacing:-.04em;
}
.legal-page .legal-hero p.meta{color:#aebcc5;font-size:13px}
.legal-page .legal-body{
  padding:64px 0 112px;
  background:
    linear-gradient(rgba(255,255,255,.018),rgba(255,255,255,0) 260px),
    var(--ip-bg-0);
}
.legal-page .legal-grid{
  width:min(100% - 48px,1120px);
  max-width:none;
  display:grid;
  grid-template-columns:minmax(200px,240px) minmax(0,760px);
  justify-content:center;
  gap:38px;
  margin:0 auto;
  padding:0;
}
.legal-page .legal-toc{
  position:sticky;
  top:112px;
  align-self:start;
  max-height:calc(100vh - 136px);
  overflow:auto;
  padding:20px;
  border:1px solid var(--ip-border);
  border-radius:16px;
  background:rgba(8,27,40,.92);
  box-shadow:0 18px 54px rgba(0,0,0,.25);
  scrollbar-width:thin;
}
.legal-page .legal-toc h4{margin:0 0 14px;color:#9aabb5}
.legal-page .legal-toc ol{gap:8px}
.legal-page .legal-toc ol li{color:#8fa1ac;font-size:12px;line-height:1.4}
.legal-page .legal-toc ol li::before{color:var(--ip-accent)}
.legal-page .legal-toc a{color:#d8e1e6;font-weight:600}
.legal-page .legal-toc a:hover{color:#fff}
.legal-page .legal-content{
  min-width:0;
  padding:clamp(26px,5vw,58px);
  border:1px solid rgba(255,255,255,.11);
  border-radius:22px;
  background:#0b2637;
  box-shadow:0 28px 80px rgba(0,0,0,.32);
  color:#e7edf1;
  font-size:16px;
  line-height:1.82;
}
.legal-page .legal-content h2{
  margin:46px 0 16px;
  color:#fff;
  font-size:clamp(21px,2.6vw,27px);
  line-height:1.28;
  letter-spacing:-.02em;
  scroll-margin-top:118px;
}
.legal-page .legal-content h2:first-child{margin-top:0}
.legal-page .legal-content h3{
  margin:28px 0 9px;
  color:#fff;
  font-size:17px;
  line-height:1.4;
}
.legal-page .legal-content p{margin:0 0 17px}
.legal-page .legal-content ul,
.legal-page .legal-content ol{margin:0 0 18px;padding-left:24px}
.legal-page .legal-content li{margin-bottom:8px}
.legal-page .legal-content strong{color:#fff}
.legal-page .legal-content a{color:#ff6687;text-decoration:underline;text-decoration-color:rgba(255,102,135,.42);text-underline-offset:3px}
.legal-page .legal-content a:hover{color:#ff8aa3;text-decoration-color:currentColor}
.legal-page .legal-content code{
  border:1px solid rgba(255,255,255,.1);
  border-radius:5px;
  background:rgba(255,255,255,.065);
  color:#fff;
}
.legal-page .legal-callout{
  margin:22px 0;
  padding:18px 21px;
  border:1px solid rgba(234,23,68,.18);
  border-left:3px solid var(--ip-accent);
  border-radius:0 11px 11px 0;
  background:rgba(234,23,68,.065);
  color:#edf2f5;
}
.legal-page .legal-id-table,
.legal-page .legal-rights{
  margin:22px 0;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:15px;
  background:rgba(255,255,255,.045);
}
.legal-page .legal-id-table dt{color:#b6c2c9}
.legal-page .legal-id-table dd{color:#fff}
.legal-page .cookie-table{
  display:block;
  width:100%;
  overflow-x:auto;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
}
.legal-page .cookie-table th{
  border-color:rgba(255,255,255,.11);
  background:rgba(255,255,255,.07);
  color:#d7e0e5;
}
.legal-page .cookie-table td{border-color:rgba(255,255,255,.09);color:#e7edf1}
.legal-page .cookie-table .pill.essential{background:rgba(52,211,153,.13);color:#8ff0c8}
.legal-page .cookie-table .pill.analytics{background:rgba(248,212,107,.13);color:#f8d46b}
.legal-page .cookie-table .pill.marketing{background:rgba(234,23,68,.14);color:#ff8aa3}
.legal-page :target{scroll-margin-top:118px}
.legal-page a:focus-visible,
.legal-page button:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media(max-width:780px){
  .legal-page .legal-hero{padding:138px 0 44px}
  .legal-page .legal-hero .container,
  .legal-page .legal-grid{width:min(100% - 32px,760px)}
  .legal-page .legal-grid{grid-template-columns:1fr;gap:20px}
  .legal-page .legal-toc{position:static;max-height:none}
  .legal-page .legal-content{padding:26px 22px;border-radius:18px}
}
@media(max-width:520px){
  .legal-page .legal-hero h1{font-size:clamp(34px,10vw,46px);overflow-wrap:break-word;hyphens:auto}
  .legal-page .legal-content{font-size:15px;line-height:1.76}
  .legal-page .legal-id-table dl{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .legal-page .skip-link{transition:none}
  .legal-page *{scroll-behavior:auto!important}
}