/* ============================================================================
   research.css: thin layer for the research surfaces.
   Loads on top of tokens.css + site.css + working-paper.css.

   Everything structural comes from the design system. This file only adds the
   few blocks the system has no component for: the reduced research masthead,
   the taxonomy mechanism cards, the paper CTA panel, and the subscribe block.
   All of them are built from system primitives (Card fill, hairline border,
   navy rule, mono label) rather than new visual ideas.
   ============================================================================ */

/* ---- Reduced masthead -------------------------------------------------------
   Research pages deliberately do not carry the product nav or its CTAs. They
   keep the wordmark and a quiet Research label only. */

.research-masthead { background: var(--paper); border-bottom: 1px solid var(--hairline); }
.research-masthead .in {
  max-width: 1120px; margin: 0 auto; padding: 0 40px;
  height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.research-masthead img { height: 26px; width: auto; display: block; }
.research-masthead .label {
  font-family: var(--font-mono); font-size: 11px; letter-spacing: .08em; color: var(--slate);
}

/* ---- Mechanism cards (taxonomy summary) ------------------------------------ */

.wp-mechanism {
  background: var(--card);
  border: 1px solid var(--wp-hairline, var(--hairline));
  border-left: 2px solid var(--gov-navy);
  border-radius: 6px;
  padding: 26px 28px;
  margin-bottom: 16px;
}
.wp-mechanism h3 { margin: 0 0 6px; font-size: 20px; }
.wp-mechanism .thesis {
  font-size: 18px;
  font-weight: var(--w-medium);
  color: var(--gov-navy);
  margin: 0 0 16px;
}
.wp-mechanism p { font-size: 17px; line-height: 1.65; }
.wp-mechanism p:last-child { margin-bottom: 0; }
.wp-mechanism .missing {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .04em;
  line-height: 1.6;
  color: var(--slate);
  margin: 16px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--wp-hairline, var(--hairline));
}
.wp-mechanism .missing b { color: var(--gov-navy); font-weight: var(--w-medium); }

/* ---- Paper CTA panel ------------------------------------------------------- */

.wp-cta {
  background: var(--card);
  border: 1px solid var(--wp-hairline, var(--hairline));
  border-radius: 6px;
  padding: 30px 32px;
  margin: 40px 0;
}
.wp-cta h2 { font-size: 24px; font-weight: var(--w-medium); color: var(--gov-navy); margin: 0 0 14px; }

.wp-actions-row { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 14px; }
.wp-note { font-size: 14px; color: var(--slate); margin: 0; }

/* ---- Subscribe ------------------------------------------------------------- */

.wp-subscribe {
  background: var(--paper);
  border: 1px solid var(--wp-hairline, var(--hairline));
  border-radius: 6px;
  padding: 28px 32px;
  margin: 40px 0;
}
.wp-subscribe h2 { font-size: 20px; font-weight: var(--w-medium); color: var(--gov-navy); margin: 0 0 12px; }
.wp-subscribe p { font-size: 16px; line-height: 1.6; margin: 0 0 16px; }
.wp-subscribe .row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.wp-subscribe .row .cl-field-input { flex: 1 1 16rem; min-width: 0; }
.wp-subscribe .privacy { font-family: var(--font-mono); font-size: 11px; letter-spacing: .04em; color: var(--slate); margin: 14px 0 0; }
.wp-subscribe .status {
  font-size: 14px; line-height: 1.6; color: var(--slate);
  border: 1px dashed var(--hairline); border-radius: 5px;
  padding: 12px 16px; margin: 0 0 16px;
}
.cl-field-input:disabled { background: var(--paper); color: var(--slate); cursor: not-allowed; }
.cl-btn:disabled { opacity: .45; cursor: not-allowed; }

/* ---- Author ---------------------------------------------------------------- */

.wp-author { border-top: 2px solid var(--gov-navy); padding-top: 26px; margin-top: 48px; }
.wp-author h2 { font-size: 20px; font-weight: var(--w-medium); color: var(--gov-navy); margin: 0 0 14px; }
.wp-author .name { font-weight: var(--w-medium); color: var(--gov-navy); margin-bottom: 12px; }
.wp-author .links { font-family: var(--font-mono); font-size: 13px; margin: 16px 0 0; }

/* ---- Series index cards ---------------------------------------------------- */

.wp-paper-card {
  background: var(--card);
  border: 1px solid var(--wp-hairline, var(--hairline));
  border-radius: 6px;
  padding: 30px 32px;
  margin: 32px 0 40px;
}
.wp-paper-card h2 { font-size: 26px; font-weight: var(--w-medium); color: var(--gov-navy); margin: 10px 0 14px; letter-spacing: -.01em; }
.wp-paper-card h2 a { text-decoration: none; color: var(--gov-navy); }
.wp-paper-card h2 a:hover { color: var(--signal-blue); }

@media (max-width: 900px) {
  .research-masthead .in { padding: 0 24px; }
}
@media (max-width: 560px) {
  .research-masthead .in { padding: 0 18px; height: 56px; }
  .research-masthead img { height: 22px; }
  .wp-mechanism, .wp-cta, .wp-subscribe, .wp-paper-card { padding: 22px 20px; }
  .wp-actions-row .cl-btn { width: 100%; }
}