/* Deep-dive cards use index.html's editorial tokens from style.css.
   Heroes and section introductions retain their original smaller scale. */
.deep-dive .h1 {
  font: 300 clamp(32px, 5vw, 52px) / 1.15 var(--font-display);
  letter-spacing: -1.5px;
}
.deep-dive .h2 {
  font: 300 clamp(24px, 3.5vw, 36px) / 1.2 var(--font-display);
  letter-spacing: var(--tracking-h2);
}
.deep-dive .h3,
.deep-dive .performer-example-title,
.deep-dive .performer-group-title,
.deep-dive .symphony-card-header h3,
.deep-dive .symphony-group h3.symphony-group-title,
.deep-dive .deep-dive-card-title,
.deep-dive .orchestra-benefits h3,
.deep-dive .arch-eng-name,
.deep-dive .arch-source-title {
  font: var(--type-h3);
  letter-spacing: var(--tracking-h3);
  color: var(--tx);
}
.deep-dive .bl,
.deep-dive .orchestra-intro {
  font: 400 17px / 1.7 var(--font-body);
  color: var(--t2);
}
.deep-dive .bl {
  max-width: 640px;
}
.deep-dive .hero .bl {
  font: 400 17px / 1.7 var(--font-body);
  max-width: 900px;
}
.deep-dive .hero .lb,
.deep-dive .hero .eyebrow {
  line-height: 1.5;
}
.deep-dive .bd,
.deep-dive .symphony-group-body > .orchestra-intro,
.deep-dive .field-value,
.deep-dive .field-value .performer-note,
.deep-dive .project-card p,
.deep-dive .task-list li,
.deep-dive .performer-report-grid p,
.deep-dive .orchestra-performer p,
.deep-dive .symphony-flow p,
.deep-dive .symphony-result,
.deep-dive .arch-eng-desc,
.deep-dive .arch-source-desc {
  font: var(--type-body);
  color: var(--t2);
}
.deep-dive .lb,
.deep-dive .eyebrow {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2.5px;
  line-height: normal;
  text-transform: uppercase;
}
.deep-dive .deep-dive-card-title,
.deep-dive .orchestra-benefits h3 {
  margin-bottom: 8px;
}
.deep-dive .performer-note,
.deep-dive .performer-example-team,
.deep-dive .symphony-example-team,
.deep-dive .symphony-example-note {
  font: var(--type-caption);
}
.deep-dive .field-label,
.deep-dive .arch-eng-label,
.deep-dive .arch-source-label {
  font: var(--type-caption);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--t2);
  margin-bottom: 8px;
}
.deep-dive .performer-email {
  font: inherit;
}
.deep-dive .field-value strong,
.deep-dive .project-card h4,
.deep-dive .orchestra-performer h4,
.deep-dive .symphony-flow h4 {
  font: var(--type-body);
  font-weight: 600;
  color: var(--tx);
}

/* Match the homepage's white cards, neutral dividers, and blue top accent. */
.deep-dive .performer-group,
.deep-dive .symphony-group {
  border: 1px solid var(--bd);
  border-top: 2.25px solid var(--hd);
  border-radius: 14px;
  background: var(--sf);
}
.deep-dive .performer-group-title,
.deep-dive .symphony-group h3.symphony-group-title,
.deep-dive .arch-source-hd {
  border-bottom: 1px solid var(--bd);
  background: var(--sf);
}
.deep-dive .agent-field {
  border-bottom-color: var(--bd);
}
.deep-dive .project-card {
  padding: 0;
  margin: 0 0 16px;
  border-radius: 0;
}
.deep-dive .project-card:last-child {
  margin-bottom: 0;
}
.deep-dive .project-card:hover {
  transform: none;
  box-shadow: none;
}
.deep-dive .task-list li::before {
  font: var(--type-caption);
  color: var(--t2);
}

/* Native catalog buttons retain the existing full-row appearance. */
.deep-dive :is(.div-header, .dept-header, .agent-header, .cat-header) {
  width: 100%;
  font: inherit;
  color: inherit;
  text-align: left;
}
.deep-dive :is(.dept-header, .agent-header) {
  background: transparent;
}
.deep-dive .dept-header {
  border: 0;
  color: var(--t2);
}
.deep-dive :is(.dept-header.open, .dept-header:hover) {
  color: var(--tx);
}
.deep-dive :is(.agent-header.open, .agent-header:hover, .dept-header:hover) {
  background: var(--bg2);
}
.deep-dive :is(.div-header, .dept-header, .agent-header, .cat-header):focus-visible {
  outline: 3px solid var(--hd);
  outline-offset: 3px;
}
.deep-dive .catalog-mode-note {
  margin: 18px 0 24px;
  font: var(--type-caption);
  color: var(--t2);
}