/* =========================================================================
   documents-page — page styles for /documents. v0.1 (2026-05-26).
   Sources tokens from webshield-navy.css. Composes shared chrome,
   compact-hero variant --portal (navigational / index register), and the
   .ws-uc--row + .ws-uc--resource + .ws-uc__cta--download / --external
   modifiers from universal-card.css.

   /documents is a LIGHTWEIGHT INDEX: each entry is a resource card whose
   descriptive copy stays the responsibility of the source-of-truth page
   (/patents, /investors). See brief-documents.md. This file is
   page-specific only:
     • section scaffolding (.ws-doc-section* + eyebrow / title / intro)
     • the document grid (.ws-doc-grid — 3-up, collapses to 1fr)
     • gated-filings footnote (.ws-doc-footnote)

   Section scaffolding mirrors the /investors values intentionally
   (ws-doc- prefix, not shared) so the two pages stay visually consistent
   while remaining decoupled — a spacing change on one will not silently
   move the other. Card vocabulary is NOT duplicated here; it lives in
   universal-card.css.
   ========================================================================= */

/* ── Section scaffolding ─────────────────────────────────────────── */
.ws-doc-section {
  background: var(--ws-page);
  padding: 64px 0 56px;
  border-top: 1px solid var(--ws-rule);
}
.ws-doc-section--surface { background: var(--ws-surface-2); }
.ws-doc-section--first { border-top: none; }

.ws-doc-section__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px;
}

.ws-doc-section__eyebrow {
  font-family: var(--ws-font-body);
  font-size: var(--ws-fs-label);
  letter-spacing: var(--ws-tracking-label);
  text-transform: uppercase;
  color: var(--ws-accent);
  font-weight: 600;
  margin: 0 0 14px;
}

.ws-doc-section__title {
  font-family: var(--ws-font-display);
  font-size: 32px;
  font-weight: 500;
  line-height: var(--ws-lh-tight);
  letter-spacing: -0.012em;
  color: var(--ws-ink);
  margin: 0 0 18px;
  max-width: 820px;
}

.ws-doc-section__intro {
  font-family: var(--ws-font-display);
  font-size: var(--ws-fs-lede);
  line-height: var(--ws-lh-lede);
  font-weight: 400;
  color: var(--ws-ink-muted);
  margin: 0 0 36px;
  max-width: 760px;
}

/* Inline link to the source-of-truth page inside an intro line. */
.ws-doc-section__intro a {
  color: var(--ws-accent);
  text-decoration: none;
  border-bottom: 1px solid var(--ws-accent);
}
.ws-doc-section__intro a:hover {
  color: var(--ws-accent-hover);
  border-bottom-color: var(--ws-accent-hover);
}

/* ── Document grid · 3-up, collapses to 1fr ──────────────────────── */
.ws-doc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: stretch;
}

/* ── Gated-filings footnote — small italic muted line below a grid ── */
.ws-doc-footnote {
  margin: 28px 0 0;
  font-family: var(--ws-font-display);
  font-style: italic;
  font-size: 13px;
  line-height: 1.5;
  color: var(--ws-ink-muted);
  max-width: 760px;
}

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 720px) {
  .ws-doc-section { padding: 44px 0 40px; }
  .ws-doc-section__wrap { padding: 0 24px; }
  .ws-doc-grid { grid-template-columns: 1fr; }
}