/* Shared long-form treatment for every routed Insights page.
   The hub stays dark and operational. The article sheet is the warm reading
   stratum from the approved product direction. Page-local print rules remain
   authoritative through the reset at the end of this file. */

:root {
  --accent: #c0a878;
  --accent-dark: #dfc991;
  --accent-soft: rgba(192, 168, 120, .14);
  --accent-primary: #c0a878;
  --a: #dfc991;
  --ink: #f5f1e8;
  --muted: #aebab5;
  --line: #45605d;
  --bg: #082929;
  --page: #12383a;
  --soft: #214a4b;
  --surface: #12383a;
  --surface-2: #214a4b;
  --body-ink: #d8dfda;
  --faint-ink: #aebab5;
  --on-btn: #182018;
  --page-shadow: none;
  --green: #aebab5;
  --green-soft: #12383a;
  --c01: #aebab5;
  --c02: #aebab5;
  --c03: #aebab5;
  --c04: #aebab5;
  --c05: #aebab5;
  --c06: #aebab5;
  --c07: #aebab5;
  --t-strong: #dfc991;
  --t-dash: #c0a878;
}

html { background: #082929; }
body {
  background: #082929 !important;
  color: #f5f1e8 !important;
  padding-top: clamp(18px, 4vw, 44px);
}

.page {
  --accent: #c0a878;
  --accent-dark: #5b4b2e;
  --accent-soft: rgba(192, 168, 120, .24);
  --a: #5b4b2e;
  --ink: #1a2d2d;
  --muted: #52635f;
  --line: #cbbf9f;
  --page: #f2e9d5;
  --soft: #e7dcc4;
  --body-ink: #1a2d2d;
  --faint-ink: #5d6c67;
  --on-btn: #f5f1e8;
  --t-strong: #394d48;
  --t-dash: #a99161;
  width: min(900px, 100%);
  max-width: 900px !important;
  min-height: 100vh;
  background: #f2e9d5 !important;
  color: #1a2d2d !important;
  border-top: 4px solid #c0a878;
  border-right: 1px solid #45605d;
  border-left: 1px solid #45605d;
  box-shadow: none !important;
}

.page p,
.page li,
.page dd,
.page .body,
.page .sub,
.page .seclede,
.page .point p,
.page .item p,
.page .finding p,
.page .rec p,
.page .lrow .body { color: #344846; }

.page h1,
.page h2,
.page h3,
.page h4,
.page strong,
.page b,
.page .lead,
.page .name { color: #1a2d2d; }

.page a { color: #4f472d; }
.page a:hover { color: #1a2d2d; }
.page a:focus-visible,
.page button:focus-visible { outline: 3px solid #e0b65c; outline-offset: 3px; }

.page .back,
.page .meta,
.page .eyebrow,
.page .label,
.page .lbl,
.page .kicker,
.page .n,
.page .org { color: #5b4b2e !important; }

.page .num,
.page .lab,
.page .tick,
.page .was,
.page .verdict.demoted { color: #52635f !important; }

.page .verdict,
.page .bottom,
.page .caveat,
.page .pointer,
.page .link,
.page .deep,
.page .callout,
.page .tier,
.page .stat,
.page .claim,
.page .panel {
  background: #e7dcc4 !important;
  border-color: #c0a878 !important;
  box-shadow: none !important;
}

.page .btn,
.page button.primary {
  background: #c0a878 !important;
  color: #182018 !important;
  border-color: #c0a878 !important;
}

.page h2::before { background: #c0a878 !important; }
.page .finding,
.page .item,
.page .point,
.page .rec,
.page .meta,
.page .cta { border-color: #cbbf9f !important; }

.site-chrome {
  border-top: 1px solid #45605d;
}

@media (max-width: 640px) {
  body { padding-top: 0; }
  .page {
    border-top-width: 3px;
    border-right: 0;
    border-left: 0;
  }
}

@media print {
  :root {
    --accent: #5b4bd6;
    --accent-dark: #3d2b8a;
    --accent-soft: #efeafc;
    --a: #5b4bd6;
    --ink: #14233c;
    --muted: #5a6678;
    --line: #e3e8f0;
    --bg: #ffffff;
    --page: #ffffff;
    --soft: #f7f9fc;
    --body-ink: #34425a;
    --faint-ink: #5a6678;
    --on-btn: #ffffff;
  }
  body { background: #ffffff !important; padding-top: 0; }
  .page {
    --accent: #5b4bd6;
    --accent-dark: #3d2b8a;
    --accent-soft: #efeafc;
    --a: #5b4bd6;
    --ink: #14233c;
    --muted: #5a6678;
    --line: #e3e8f0;
    --page: #ffffff;
    --soft: #f7f9fc;
    --body-ink: #34425a;
    --faint-ink: #5a6678;
    --on-btn: #ffffff;
    max-width: none !important;
    background: #ffffff !important;
    color: #14233c !important;
    border: 0;
  }
  .page p,
  .page li,
  .page dd,
  .page .body,
  .page .sub,
  .page .seclede,
  .page .point p,
  .page .item p,
  .page .finding p,
  .page .rec p,
  .page .lrow .body { color: #34425a; }
  .page h1,
  .page h2,
  .page h3,
  .page h4,
  .page strong,
  .page b,
  .page .lead,
  .page .name { color: #14233c; }
  .page .verdict,
  .page .bottom,
  .page .caveat,
  .page .pointer,
  .page .link,
  .page .deep,
  .page .callout,
  .page .tier,
  .page .stat,
  .page .claim,
  .page .panel { background: #f7f9fc !important; border-color: #e3e8f0 !important; }
}