/* ------------------------------------------------------------
   AGORA — the legal pages.
   Same paper, same ink, same two faces as the landing page, but quiet:
   these are documents to be read, not a pitch. One column, no motion.
   ------------------------------------------------------------ */
:root{
  --turq:#5DE0E6;
  --ink:#0E0F10;
  --paper:#F3EFE6;
  --paper-2:#DED7C7;
  --mute:#5C5A54;        /* 6.1:1 on paper */
  --mute-ink:#A9A59B;    /* 8.6:1 on ink   */
  --signal:#FF4A1F;

  --display:'Big Shoulders Display', Impact, 'Arial Narrow', 'Helvetica Neue', sans-serif;
  --text:'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif;

  --t-1:.8125rem;
  --t0:1.0625rem;
  --t1:1.25rem;
  --t2:1.666rem;
  --t3:2.222rem;

  --gutter:clamp(1.25rem, 4vw, 4.5rem);
  --stamp:6px;
  --ease-out:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--text);
  font-size:var(--t0);
  line-height:1.6;
  color:var(--ink);
  background:var(--paper);
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}
::selection{background:var(--ink);color:var(--turq)}
p{margin:0 0 1em;text-wrap:pretty}
h1,h2{margin:0;text-wrap:balance}
ul{margin:0 0 1em;padding:0;list-style:none}
a{color:inherit}
b,strong{font-weight:700}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.bar :focus-visible,.foot :focus-visible{outline-color:var(--turq)}

.skip{position:absolute;left:1rem;top:-4rem;z-index:300;background:var(--ink);color:var(--paper);padding:.75rem 1rem;font-weight:600;text-decoration:none}
.skip:focus{top:1rem}

/* ---------- top bar ---------- */
.bar{
  background:var(--ink);color:var(--paper);
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:1.1rem var(--gutter);
}
.wordmark{
  font-family:var(--display);font-weight:900;font-size:1.7rem;line-height:1;letter-spacing:.01em;
  color:var(--paper);text-decoration:none;text-shadow:2px 2px 0 var(--turq);
}
.back{
  font-weight:600;font-size:var(--t-1);letter-spacing:.02em;text-decoration:none;
  display:inline-flex;align-items:center;gap:.5rem;
}
.back:hover{text-decoration:underline;text-underline-offset:.25em}
.back svg{width:1em;height:1em;flex:none}

/* ---------- the page ---------- */
.pg{width:min(100% - 2*var(--gutter), 44rem);margin-inline:auto;padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(3.5rem,7vw,6rem)}
.kicker{
  display:flex;align-items:center;gap:.8rem;margin:0 0 1.5rem;
  font:600 var(--t-1)/1 var(--text);letter-spacing:.16em;text-transform:uppercase;
}
.kicker span{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:0;padding:.3rem .5rem .2rem;border:2px solid currentColor;line-height:1}
h1{
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:clamp(3.2rem,10vw,6rem);line-height:.86;letter-spacing:-.005em;
  margin-bottom:1rem;
}
.lede{font-size:var(--t1);line-height:1.45;color:var(--mute);margin-bottom:2.5rem;max-width:32rem}

h2{
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:var(--t2);line-height:1;letter-spacing:.01em;
  margin:2.5rem 0 .85rem;padding-top:.9rem;border-top:2px solid var(--ink);
}
.body>h2:first-child{margin-top:0}
.body li{position:relative;padding-left:1.15rem;margin-bottom:.5rem}
.body li::before{content:"";position:absolute;left:0;top:.62em;width:.45rem;height:.45rem;background:var(--turq);border:1.5px solid var(--ink)}
.body a{text-underline-offset:.2em;text-decoration-thickness:1.5px}
.body a:hover{background:var(--turq)}
address{font-style:normal;line-height:1.55}
.dl{display:grid;grid-template-columns:minmax(0,9rem) 1fr;gap:.35rem 1.25rem;margin:0 0 1em}
.dl dt{font-weight:600;color:var(--mute)}
.dl dd{margin:0}
.small{font-size:var(--t-1);color:var(--mute);line-height:1.5}

/* ---------- a gap that has to be filled before this goes live ---------- */
.todo{
  font-weight:600;color:var(--signal);
  text-decoration:underline;text-decoration-style:dashed;text-underline-offset:.22em;
  white-space:nowrap;
}
.notice{
  position:relative;background:var(--paper);border:2px solid var(--ink);
  padding:1.15rem 1.3rem 1.25rem;margin:0 0 2.5rem;
}
.notice::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--signal);transform:translate(var(--stamp),var(--stamp))}
.notice h2{font-size:var(--t1);margin:0 0 .5rem;padding:0;border:0}
.notice p:last-child{margin-bottom:0}
.notice ul{margin-top:.5rem;margin-bottom:0}

/* ---------- footer ---------- */
.foot{background:var(--ink);color:var(--paper);padding:2rem var(--gutter) 2.25rem}
.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;width:min(100%,90rem);margin-inline:auto}
.foot .wordmark{font-size:1.5rem}
.foot nav{display:flex;gap:1.5rem;font-size:var(--t-1);font-weight:600}
.foot nav a{text-decoration:none;text-underline-offset:.25em}
.foot nav a:hover{text-decoration:underline}
.foot p{margin:0;font-size:var(--t-1);color:var(--mute-ink)}
.foot [aria-current]{color:var(--turq)}

@media (max-width:560px){
  h1{font-size:clamp(2.6rem,13vw,3.6rem)}
  .dl{grid-template-columns:1fr;gap:.15rem}
  .dl dd{margin-bottom:.5rem}
  .foot-in{flex-direction:column;align-items:flex-start}
  .todo{white-space:normal}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* legal pages get printed and filed */
@media print{
  body{background:#fff;color:#000;font-size:11pt}
  body::before,.bar,.foot,.skip{display:none}
  .pg{width:auto;padding:0;max-width:none}
  h1{font-size:28pt}
  h2{font-size:13pt;border-top:1pt solid #000}
  .notice::after{display:none}
  .notice{border:1pt solid #000}
  .body li::before{background:#000}
  a{text-decoration:underline}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;word-break:break-all}
}