/* ESCAPE! — legal document pages */
@import url("/assets/fonts.css");

:root{
  --navy-900:#070E24;--ink:#0B1533;--ink-2:#4A567F;--ink-3:#7C86A6;
  --white-warm:#FBFAF7;--surface:#F4F6FA;--line:#E2E7F0;--line-strong:#CFD7E6;
  --red:#E5231D;--blue:#1F5AE0;--sky:#EAF2FD;
  --font-ui:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-display:"Onest","Manrope",-apple-system,BlinkMacSystemFont,sans-serif;
  --font-script:"Great Vibes","Snell Roundhand",cursive;
  --r-sm:12px;--r-md:18px;--r-lg:26px;--r-pill:999px;
  --gutter:clamp(20px,5vw,40px);
  --sh-1:0 1px 2px rgba(11,21,51,.05),0 2px 8px rgba(11,21,51,.05);
  --sh-2:0 2px 6px rgba(11,21,51,.06),0 12px 30px rgba(11,21,51,.08);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{
  margin:0;background:var(--white-warm);color:var(--ink);
  font:450 16px/1.68 var(--font-ui);letter-spacing:-.004em;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.028em;line-height:1.14;margin:0}
p,ul,ol{margin:0}
ul,ol{padding-left:1.15em}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}

.brandmark{display:inline-flex;align-items:baseline;gap:.19em;line-height:1;white-space:nowrap}
.brandmark .word{font-family:var(--font-script);color:var(--red);font-size:1.46em;line-height:1;-webkit-text-stroke:.013em currentColor;paint-order:stroke fill}
.brandmark .pin{width:.5em;height:1.04em;flex:none;color:var(--red);transform:translateY(.02em)}
.brandmark .pin svg,.pin-svg{width:100%;height:100%;display:block}

.top{
  position:sticky;top:0;z-index:20;
  background:rgba(251,250,247,.86);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid var(--line);
}
.top__in{
  max-width:960px;margin-inline:auto;padding:14px var(--gutter);
  display:flex;align-items:center;gap:16px;
}
.top__brand{display:flex;flex-direction:column;gap:1px;font-size:18px}
.top__brand small{font-size:9px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--ink-3)}
.back{margin-left:auto;font-size:13px;font-weight:700;color:var(--ink-2)}
.back:hover{color:var(--ink);text-decoration:none}
.langs{display:flex;gap:1px;padding:3px;border-radius:var(--r-pill);background:#EAEEF6;flex:none}
.langs button{padding:6px 11px;border-radius:var(--r-pill);font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--ink-3);transition:.25s}
.langs button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:var(--sh-1)}
/* Six languages and the way home do not fit a phone in one row: the wordmark
   already leads home, so the words step aside and the buttons tighten. */
@media (max-width:520px){.back{display:none}.langs button{padding:6px 8px}}

.wrap{max-width:960px;margin-inline:auto;padding:clamp(34px,6vw,64px) var(--gutter) 100px}
.doc-h1{font-size:clamp(1.85rem,1.1rem + 2.4vw,2.9rem);text-wrap:balance}
.meta{margin-top:14px;font-size:13px;color:var(--ink-3);font-weight:600}
.meta span+span::before{content:"·";margin:0 8px;color:var(--line-strong)}

.opbox{
  margin-top:28px;padding:20px 22px;border-radius:var(--r-lg);
  background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 26px;
}
.opbox div small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}
.opbox div b,.opbox div a{font-size:14.5px;font-weight:700;word-break:break-word}

.toc{
  margin-top:28px;padding:20px 22px;border-radius:var(--r-lg);
  background:var(--surface);border:1px solid var(--line);
}
.toc b{display:block;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}
.toc ol{list-style:none;padding:0;margin:0;columns:2;column-gap:26px}
.toc li{margin-bottom:7px;break-inside:avoid;font-size:14px}
.toc a{color:var(--ink-2);font-weight:600}
.toc a:hover{color:var(--red)}

.doc section{margin-top:clamp(32px,4vw,48px);scroll-margin-top:90px}
.doc h2{
  font-size:clamp(1.15rem,1rem + .6vw,1.45rem);
  padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:16px;
  display:flex;gap:12px;align-items:baseline;
}
.doc h2 i{font-style:normal;color:var(--red);font-size:.78em;font-weight:800;flex:none;font-variant-numeric:tabular-nums}
.doc h3{font-size:1.02rem;margin-top:22px;margin-bottom:8px}
.doc p{margin-top:12px;color:var(--ink-2)}
.doc p:first-of-type{margin-top:0}
.doc ul,.doc ol{margin-top:12px;color:var(--ink-2)}
.doc li{margin-bottom:7px}
.doc li::marker{color:var(--red)}
.doc strong{color:var(--ink);font-weight:700}
.doc table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px;display:block;overflow-x:auto}
.doc th,.doc td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}
.doc th{background:var(--surface);font-weight:700;color:var(--ink);white-space:nowrap}
.doc td{color:var(--ink-2)}

.callout{
  margin-top:18px;padding:16px 18px;border-radius:var(--r-md);
  background:var(--sky);border:1px solid #CFE0FA;color:#16306B;font-size:14.5px;
}
.callout b{color:#0E2350}

.foot{
  border-top:1px solid var(--line);background:#fff;
  padding:28px var(--gutter);
}
.foot__in{max-width:960px;margin-inline:auto;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;font-size:13px;color:var(--ink-3)}
.foot__links{display:flex;flex-wrap:wrap;gap:8px 18px}
.foot__links a{color:var(--ink-2);font-weight:600}

@media (max-width:640px){
  .toc ol{columns:1}
  .doc h2{flex-direction:column;gap:4px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition-duration:.001ms!important;animation-duration:.001ms!important}
}
@media print{.top,.foot,.langs{display:none!important}body{background:#fff}}
