/* TerraNava research surfaces: composition only, data and behavior remain untouched. */
:root {
  --research-paper: var(--tn-paper, #f8f8f5);
  --research-surface: var(--tn-paper-deep, #ffffff);
  --research-ink: var(--tn-ink-new, #182126);
  --research-copy: var(--tn-copy-new, #4f5d62);
  --research-accent: var(--tn-green-new, #3d6472);
  --research-rule: var(--tn-line-new, #dedbd2);
  --research-gold: var(--tn-gold-new, #b59b6b);
  --research-gold-ink: var(--tn-gold-ink, #77633e);
}

/* Shared research surfaces */
.tn-institutional .tn-page,
.social-page main,
.workbench-page .wb-shell {
  position: relative;
}

.tn-institutional .tn-section,
.social-page .section {
  border-top: 1px solid var(--research-rule);
}

.tn-institutional .tn-section-head,
.social-page .section-head {
  max-width: 760px;
}

.tn-institutional .tn-kicker,
.social-page .eyebrow,
.workbench-page .wb-kicker,
.workbench-page .wb-brand span {
  color: var(--research-gold-ink);
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.tn-institutional h1,
.tn-institutional h2,
.tn-institutional h3,
.social-page h1,
.social-page h2,
.social-page h3,
.workbench-page h1,
.workbench-page h2,
.workbench-page h3 {
  text-wrap: balance;
}

.tn-institutional .tn-lead,
.social-page .lead,
.workbench-page .wb-hero p {
  max-width: 760px;
  color: var(--research-copy);
}

.tn-institutional .tn-resource-grid {
  gap: 0;
  border-top: 1px solid var(--research-rule);
  border-left: 1px solid var(--research-rule);
}

.tn-institutional .tn-resource-grid > a {
  min-height: 172px;
  border: 0;
  border-right: 1px solid var(--research-rule);
  border-bottom: 1px solid var(--research-rule);
  border-radius: 0;
  background: var(--research-surface);
  transition: background-color 160ms ease, color 160ms ease;
}

.tn-institutional .tn-resource-grid > a:hover,
.tn-institutional .tn-resource-grid > a:focus-visible {
  background: var(--research-paper);
}

.tn-institutional .tn-resource-grid > a h3 { margin-top: 12px; }

/* The atlas reads as a publication first and a control surface second. */
.tn-institutional .tr-page-nav {
  top: 76px;
  border-color: var(--research-rule);
  background: color-mix(in srgb, var(--research-paper) 94%, transparent);
  backdrop-filter: blur(8px);
}

.tn-institutional .tr-page-nav a {
  color: var(--research-copy);
  letter-spacing: .08em;
}

.tn-institutional .tr-page-nav a:hover,
.tn-institutional .tr-page-nav a:focus-visible {
  color: var(--research-ink);
}

.tn-institutional .tr-insight-grid,
.tn-institutional .tr-editorial-figure,
.tn-institutional .tr-table-wrap {
  border-color: var(--research-rule);
  border-radius: 0;
}

.tn-institutional .tr-insight-grid > * { background: var(--research-surface); }

.tn-institutional .tr-editorial-figure figcaption {
  background: var(--research-surface);
  color: var(--research-copy);
}

/* Vulnerability Social: convert the legacy card layout into an evidence brief. */
.social-page {
  background: var(--research-paper);
  color: var(--research-ink);
}

.social-page .hero {
  padding: clamp(56px, 8vw, 108px) 0 clamp(54px, 7vw, 92px);
  border-bottom: 1px solid var(--research-rule);
  background: var(--research-paper);
}

.social-page .hero-grid {
  gap: clamp(32px, 7vw, 104px);
  align-items: end;
}

.social-page .page-title {
  max-width: 780px;
  color: var(--research-ink);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: clamp(46px, 7vw, 92px);
  letter-spacing: -.025em;
  line-height: .94;
}

.social-page .stack {
  gap: 0;
  border-top: 1px solid var(--research-rule);
}

.social-page .note-panel,
.social-page .brief-panel {
  border: 0;
  border-bottom: 1px solid var(--research-rule);
  border-radius: 0;
  background: transparent;
  padding: 20px 0;
}

.social-page .note-panel-title {
  color: var(--research-ink);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1;
}

.social-page .section { padding-block: clamp(56px, 8vw, 100px); }
.social-page .section-alt { background: var(--research-surface); }

.social-page .fact-grid,
.social-page .method-grid {
  gap: 0;
  border-top: 1px solid var(--research-rule);
  border-left: 1px solid var(--research-rule);
}

.social-page .fact-block,
.social-page .method-box {
  min-height: 190px;
  border: 0;
  border-right: 1px solid var(--research-rule);
  border-bottom: 1px solid var(--research-rule);
  border-radius: 0;
  background: var(--research-paper);
}

.social-page .section-alt .fact-block,
.social-page .section-alt .method-box { background: var(--research-surface); }

.social-page .data-table { border-collapse: collapse; }
.social-page .data-table th,
.social-page .data-table td { border-color: var(--research-rule); }
.social-page .data-table th { color: var(--research-gold-ink); }

/* Workbench remains operational, but gains a sober report-workspace hierarchy. */
.workbench-page {
  background: var(--research-paper) !important;
  color: var(--research-ink) !important;
}

.workbench-page #bg { display: none; }
.workbench-page .wb-top { padding-top: 32px; border-color: var(--research-rule); }
.workbench-page .wb-brand strong,
.workbench-page .wb-hero h1,
.workbench-page .wb-critical h2,
.workbench-page .wb-review-head h2,
.workbench-page .wb-detail h2,
.workbench-page .wb-brief-title,
.workbench-page .wb-dictamen h3 {
  color: var(--research-ink);
  font-family: "Source Serif 4", Georgia, serif;
}

.workbench-page .wb-actions a,
.workbench-page .wb-actions button,
.workbench-page .wb-btn,
.workbench-page .wb-modebar a,
.workbench-page .wb-status {
  border-radius: 3px;
  background: var(--research-surface);
  border-color: var(--research-rule);
}

.workbench-page .wb-actions .primary,
.workbench-page .wb-btn.primary,
.workbench-page .wb-modebar a.active {
  background: var(--research-ink);
  border-color: var(--research-ink);
  color: var(--research-surface);
}

.workbench-page .wb-card,
.workbench-page .wb-panel {
  border-color: var(--research-rule);
  border-radius: 3px;
  background: var(--research-surface);
  box-shadow: none;
  backdrop-filter: none;
}

.workbench-page .wb-field input,
.workbench-page .wb-field select,
.workbench-page .wb-field textarea {
  border-radius: 3px;
  background: var(--research-paper);
  border-color: var(--research-rule);
}

.workbench-page .wb-item,
.workbench-page .wb-version-item,
.workbench-page .wb-finding-tools button { border-radius: 3px; }
.workbench-page .wb-item:hover,
.workbench-page .wb-item.active,
.workbench-page .wb-version-item:hover { background: var(--research-paper); }
.workbench-page .wb-empty { padding: 26px 18px; border-top: 1px dashed var(--research-rule); }

@media (max-width: 760px) {
  .tn-institutional .tr-page-nav { top: 0; }
  .social-page .hero-grid { grid-template-columns: 1fr; }
  .social-page .fact-grid,
  .social-page .method-grid { grid-template-columns: 1fr; }
  .tn-institutional .tn-resource-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .tn-institutional .tn-resource-grid > a { transition: none; }
}