/* Shared chrome for Recon's static pages — /legal/, /support/, /accept/.
 *
 * WHY THIS FILE IS STATIC RATHER THAN EMITTED FROM PYTHON. Everything a REPORT renders is
 * generated (CLAUDE.md), because those surfaces are per-org artifacts assembled by four
 * generators. These four pages are not: they are the same bytes for every customer, they are
 * the pages a bookmark or an emailed link points at, and one of them (/legal/) has to keep
 * working while a document is being replaced. site/login/index.html has been a static page on
 * exactly this reasoning since the gate shipped; this is the same rule, factored out so the
 * card, the band and the type do not get copied four times and then drift.
 *
 * Palette and type per REPORT_SPEC.md: navy #0F1E3D, cyan #00B4D8, Oswald + Montserrat.
 * Fonts are served from /login/assets/, which build_site._stage_login() already stages —
 * so these pages add no font copies of their own.
 */
@font-face { font-family:'Oswald'; src:url('/login/assets/Oswald-VariableFont_wght.ttf'); font-weight:200 700; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('/login/assets/Montserrat-VariableFont_wght.ttf'); font-weight:300 800; font-display:swap; }

* { box-sizing:border-box; margin:0; padding:0; }

body {
  background:#eef2f6; color:#1c2b36; min-height:100vh;
  font-family:'Montserrat',Arial,sans-serif; font-size:14px; line-height:1.6;
}

.band { background:linear-gradient(90deg,#000000 0%,#01314E 40%,#01629C 78%,#00B4D8 100%); padding:26px 40px 22px; }
.band img { height:34px; display:block; }
.band .sub {
  margin-top:12px; color:#9fd8ea; font-family:'Oswald',Arial,sans-serif;
  font-size:12px; font-weight:500; letter-spacing:.22em; text-transform:uppercase;
}
.band a { color:inherit; text-decoration:none; }

main { max-width:820px; margin:32px auto 56px; padding:0 24px; }

h1 { font-family:'Oswald',Arial,sans-serif; font-size:24px; font-weight:600; letter-spacing:.02em; margin-bottom:8px; }
h2 { font-family:'Oswald',Arial,sans-serif; font-size:16px; font-weight:600; letter-spacing:.04em; margin:26px 0 8px; }
p { margin-bottom:12px; }
ul, ol { margin:0 0 12px 22px; }
li { margin-bottom:6px; }

a { color:#01629C; }

.card {
  background:#fff; border:1px solid #dde5ea; border-radius:8px;
  box-shadow:0 4px 18px rgba(1,49,78,.06); padding:24px 26px; margin-bottom:18px;
}

/* The version line. Rendered from /legal/documents.json, never typed into the page — the
   manifest is what a revision edits, so the page cannot claim a version the manifest denies. */
.version {
  font-family:'Oswald',Arial,sans-serif; font-size:11px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:#5b6b78; margin-bottom:18px;
}
.version b { color:#01629C; font-weight:600; }

/* Unmistakable, because these documents are not the executed text yet. */
.placeholder {
  background:#fff8e6; border:1px solid #f0d9a0; border-left:4px solid #d99b00;
  border-radius:4px; padding:12px 14px; margin-bottom:18px; font-size:12.5px; color:#6b4e00;
}

.doclist { list-style:none; margin:0; }
.doclist li { border-bottom:1px solid #eef2f5; padding:14px 0; margin:0; }
.doclist li:last-child { border-bottom:0; }
.doclist .t { font-family:'Oswald',Arial,sans-serif; font-size:15px; font-weight:600; letter-spacing:.03em; }
.doclist .s { color:#5b6b78; font-size:12.5px; margin-top:4px; }
.doclist .v { color:#7b8a96; font-size:11px; letter-spacing:.1em; text-transform:uppercase; margin-top:6px; }

.btn {
  display:inline-block; padding:11px 22px; border:0; border-radius:4px; cursor:pointer;
  background:#01629C; color:#fff; text-decoration:none;
  font-family:'Oswald',Arial,sans-serif; font-size:13px; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase;
}
.btn:hover { background:#01517f; }
.btn[disabled] { background:#a9bcc9; cursor:not-allowed; }

.err {
  display:none; margin-bottom:16px; padding:10px 12px; border-radius:4px;
  background:#fdecea; border:1px solid #f5c6c0; color:#8a2620; font-size:12.5px;
}

.foot { margin-top:18px; font-size:12px; color:#7b8a96; }
.foot a { color:#01629C; }

/* The confirmation twin of .err, for the Comms Center on /support/. Hidden the same way and
   revealed the same way, so one page cannot end up showing both at once by accident. */
.ok {
  display:none; margin-bottom:16px; padding:10px 12px; border-radius:4px;
  background:#e8f6ee; border:1px solid #bfe3cf; color:#1d5c38; font-size:12.5px;
}