/* ══════════════════════════════════════════════════════════════════════
   ALTOQUANT — the document pages: contact, privacy, terms, 404, desktop-linked.

   There were three more. /platform said again, at length, what the landing's
   platform card already says; /support and /updates said again what /contact says
   and what the landing's capture now does. Five pages, each one true.

   Loads AFTER signal.css and uses its tokens. These pages are WRITTEN in the
   paper language, not re-skinned into it — pages.css and pages-v2.css belong
   to console/ and studio/ now, and nothing public touches them.

   Two laws from the landing hold here:
     · hover belongs to things you can click. Nothing else lights up.
     · the footer zone stays transparent, so the footer sits on the same cream
       as the block above it — never a band, never a seam.
   ═════════════════════════════════════════════════════════════════════ */

/* ══ THE PAGE ══════════════════════════════════════════════════════════ */
.doc{padding:calc(150px + env(safe-area-inset-top)) 0 0}
.doc .wrap{max-width:min(74ch,var(--page))}

.doc h1{
  margin:14px 0 0;
  font-size:clamp(40px,5.2vw,68px);line-height:.98;letter-spacing:-.05em;
}
.doc .say{max-width:62ch}

/* ── prose ────────────────────────────────────────────────────────────── */
.prose{margin-top:clamp(40px,6vh,64px)}
.prose h2{
  margin:clamp(40px,5vh,56px) 0 12px;
  font-size:clamp(21px,2vw,27px);line-height:1.15;letter-spacing:-.035em;
  color:var(--ink);
}
.prose h2:first-child{margin-top:0}
.prose p{margin-top:14px;font-size:16.5px;line-height:1.68;color:var(--ink-2)}
.prose ul{margin-top:14px;display:flex;flex-direction:column}
.prose li{
  padding:14px 0;border-top:1px solid var(--rule-soft);
  font-size:16.5px;line-height:1.66;color:var(--ink-2);
}
.prose li:first-child{border-top:0;padding-top:6px}
.prose strong,.prose b{font-weight:600;color:var(--ink)}
.prose em{font-style:normal;font-weight:600;color:var(--ink)}
.prose code{font:inherit;font-weight:600;color:var(--accent-ink)}
/* an inline link in prose is only as tall as its line — about 20px, which no
   thumb hits. Vertical padding grows the HIT BOX to 44px without moving the
   line box, so the paragraph does not shift. */
.prose a{
  color:var(--accent-ink);font-weight:500;
  /* 13px, not 12: a 19px line box + 24px lands on 43px — one pixel short of the floor */
  padding:13px 0;text-decoration-thickness:1px;text-underline-offset:3px;
}
.prose a:hover{text-decoration:underline}
.updated{
  margin-top:clamp(40px,6vh,60px);padding-top:22px;
  border-top:1px solid var(--rule-soft);
  font-size:14px;color:var(--ink-3);
}

/* ── the fact cards (contact, support) ────────────────────────────────── */
.cards{
  margin-top:clamp(36px,5vh,52px);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:14px;
}
.card{
  display:flex;flex-direction:column;gap:8px;
  padding:24px;border-radius:18px;
  border:1px solid var(--rule-soft);background:#FFFDF9;box-shadow:var(--float);
}
.card .k{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--ink-3)}
.card .v{
  font-size:clamp(16px,1.5vw,18.5px);font-weight:600;
  letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere;
}
/* an address is not code */
.card .v.mono{font-size:16px;font-weight:600}
.card .d{margin-top:auto;font-size:14.5px;line-height:1.55;color:var(--ink-3)}
/* only a card that IS a link reacts */
a.card{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
a.card:hover{
  transform:translateY(-3px);
  box-shadow:0 4px 8px -4px rgba(20,22,26,.06), 0 30px 64px -32px rgba(20,22,26,.28);
}
a.card .v{color:var(--accent-ink)}

@media (max-width:760px){
  .doc{padding-top:calc(112px + env(safe-area-inset-top))}
  .doc h1{font-size:clamp(34px,9vw,46px)}
}