/* ProveIt — D6 "Bell System Manual" interim preview (styling only, no copy changes).
   Owner direction 2026-08-26: D3 aged-paper manual styling x D5 demarcation phrasing.
   Palette: paper #f5f0e4, bell-blue #004785, ink #1a1a1a, aged #d4cbb8, warn-red #cc3333.
   Superseded by the item-4 design bundle (frontier-ultra). */

:root {
  --bg: #f5f0e4;
  --panel: #efe7d5;
  --ink: #1a1a1a;
  --sub: #56503f;
  --accent: #004785;
  --accent-ink: #f5f0e4;
  --line: #d4cbb8;
}

body {
  /* drop the blueprint grid; paper + telephone-pole silhouette fixed to the fold */
  background: var(--bg) url("/proveit/assets/silhouette.svg") no-repeat fixed bottom center / 100% 40vh;
  font-family: Georgia, "Times New Roman", serif;
}

header.site { background: rgba(245, 240, 228, 0.94); }
.tabs { background: rgba(245, 240, 228, 0.9); }

/* manual title page */
.hero h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  text-transform: none;
  letter-spacing: -0.01em;
}
.kicker { letter-spacing: 0.18em; }
.hero .lede { font-family: Georgia, "Times New Roman", serif; }

/* numbered-section manual feel */
h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.slab h3, .panel h3 {
  font-family: Georgia, "Times New Roman", serif;
  text-transform: none;
}
.statement { font-family: Georgia, "Times New Roman", serif; font-weight: 400; }

/* bell-blue stamp buttons */
.btn { border-width: 2px; }

/* warn-red notice on paper */
.notice { background: rgba(204, 51, 51, 0.05); border-color: #cc3333; color: #7a1f1f; }
.notice strong { color: #cc3333; }

/* hero mascot/scene placement */
.hero .wrap { position: relative; }
.doc { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 140px; height: auto; }
@media (max-width: 820px) { .doc { display: none; } }

/* ProveIt D6 restyle — wordmark, kickers, call-flow, editorial, 404 */
.hero img[src*="wordmark"] {
  max-width: 320px;
  height: auto;
  display: block;
  margin-bottom: 1rem;
}

.sp-kicker {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 1.5rem;
}

.demarc-band {
  text-align: center;
  padding: 2rem 0;
}
.demarc-band img {
  max-width: 100%;
  height: auto;
}

.callflow {
  width: 100%;
  overflow-x: auto;
}
.callflow svg {
  width: 100%;
  height: auto;
}

.double-rule {
  border: none;
  border-top: 3px double var(--ink);
  margin: 2rem 0;
}

.editorial-block {
  max-width: 36rem;
}

/* P3 slab borders (scoped to slabs-3) */
.slabs-3 .slab {
  border: 1px solid var(--ink);
}

/* 404 page layout */
.page-404 .hero {
  text-align: center;
}
.page-404 .hero img {
  max-width: 320px;
  height: auto;
  margin-bottom: 1.5rem;
}
.page-404 .hero .sp-kicker {
  margin-bottom: 0.5rem;
}
.page-404 .hero .home-link {
  display: inline-block;
  margin-top: 1.5rem;
  font-family: Georgia, "Times New Roman", serif;
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid var(--accent);
}

.loopclosure svg { width: 100%; height: auto; display: block; border: 1px solid var(--line); }