.science-intro { padding: var(--space-5) 0 var(--space-6); background: var(--surface-page); border-bottom: var(--rule-width) solid var(--color-gray-200); }
.science-map { scroll-margin-top: calc(var(--header-height) + var(--space-3)); }
.science-map-heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-3); }
.science-map-heading h2 { font-size: var(--heading-section); line-height: var(--leading-title); }
.science-map-heading p { margin: 0; color: var(--color-text-muted); font-size: var(--text-sm); white-space: nowrap; }
.science-map-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--space-4); }
.science-map-area { position: relative; display: grid; grid-template-rows: subgrid; grid-row: span 2; padding-top: var(--space-3); border-top: var(--rule-width) solid var(--color-gray-300); }
.science-map-area-heading { display: grid; grid-template-columns: auto 1fr; gap: var(--space-1) var(--space-2); align-items: baseline; align-content: start; }
.science-area-number { color: var(--color-blue); font-size: var(--text-sm); font-variant-numeric: tabular-nums; font-weight: var(--font-weight-semibold); }
.science-map-area h3 { font-size: var(--heading-section); line-height: var(--leading-title); min-height: 2.4em; max-width: 22ch; }
.science-map-area h3 a { display: flex; align-items: baseline; gap: var(--space-1); color: var(--color-ink); }
.science-map-area h3 a:hover { color: var(--color-blue); }
.science-map-area h3 svg { width: 14px; height: 14px; }
.science-map-area-heading p { grid-column: 2; color: var(--color-text-muted); font-size: var(--text-base); line-height: var(--leading-support); margin: 0; max-width: 34ch; min-height: 2.9em; }
.science-topics { position: relative; display: grid; align-self: start; gap: var(--space-1); list-style: none; margin: var(--space-3) 0 0 6px; padding: 0 0 0 var(--space-3); }
.science-topics li { position: relative; }
.science-topics li::before { content: ''; position: absolute; top: 24px; left: calc(-1 * var(--space-3)); width: var(--space-3); border-top: 1px solid var(--figure-rule); }
.science-topics li::after { content: ''; position: absolute; top: calc(-1 * var(--space-1)); bottom: calc(-1 * var(--space-1)); left: calc(-1 * var(--space-3)); border-left: 1px solid var(--figure-rule); }
.science-topics li:first-child::after { top: calc(-1 * var(--space-2)); }
.science-topics li:last-child::after { bottom: auto; height: calc(24px + var(--space-1)); }
.science-topics a { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--space-half) var(--space-2); min-height: 48px; padding: 12px var(--space-2); background: var(--surface-card); border: var(--rule-width) solid var(--figure-blue); border-radius: var(--card-radius); color: var(--color-ink); font-size: var(--text-base); line-height: 1.4; transition: background var(--transition-fast), box-shadow var(--transition-fast); }
.science-topics a::before { content: ''; position: absolute; left: -4px; top: 20px; width: 6px; height: 6px; border-radius: 50%; background: var(--figure-blue); }
.science-topics a:is(:hover, :focus-visible) { box-shadow: var(--card-shadow); }
.science-topic-name { grid-area: 1 / 1; font-weight: var(--font-weight-semibold); }
.science-topic-journal { grid-area: 2 / 1 / auto / -1; font-size: var(--text-xs); color: var(--color-text-muted); }
.science-topic-journal abbr { text-decoration: none; }
.science-topic-year { grid-area: 1 / 2; font-size: var(--text-xs); color: var(--color-text-muted); font-variant-numeric: tabular-nums; }
.science-topics a svg { grid-area: 1 / 3; width: 14px; height: 14px; color: var(--color-blue); }
.science-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--space-6); padding-top: var(--space-6); padding-bottom: var(--space-7); }
.science-index nav { position: sticky; top: calc(var(--header-height) + var(--space-5)); }
.science-index .eyebrow { margin: 0 0 var(--space-2); color: var(--color-text-muted); }
.science-sections { display: grid; }
.science-sections a { display: flex; align-items: baseline; gap: var(--space-2); padding-block: var(--space-2); border-bottom: 1px solid var(--color-gray-200); color: var(--color-text); font-size: var(--text-action); line-height: 1.5; }
.science-sections a:hover { color: var(--color-blue); }
.science-map-return { display: inline-flex; align-items: baseline; gap: var(--space-1); margin-top: var(--space-2); padding-block: var(--space-1); font-size: var(--text-action); }
.science-publications { min-width: 0; }
.publication-group { scroll-margin-top: var(--header-height); }
.publication-group + .publication-group { margin-top: var(--space-7); }
.publication-group-heading { display: flex; align-items: baseline; gap: var(--space-2); padding-bottom: var(--space-3); border-bottom: var(--rule-width) solid var(--color-gray-300); }
.publication-group-heading h2 { font-size: var(--heading-section); line-height: var(--leading-title); }
.publication-group-heading p { color: var(--color-text-muted); font-size: var(--text-base); line-height: var(--leading-support); margin: var(--space-1) 0 0; }
.publication { scroll-margin-top: var(--header-height); padding: var(--space-5) 0; border-bottom: var(--rule-width) solid var(--color-gray-200); }
.publication:last-child { padding-bottom: 0; border-bottom: 0; }
.publication-meta { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); margin: 0 0 var(--space-2); color: var(--color-blue); font-size: var(--text-sm); font-weight: var(--font-weight-semibold); }
.publication-meta > span + span { padding-left: var(--space-2); border-left: var(--rule-width) solid var(--color-gray-300); }
.publication-meta .publication-type { color: var(--color-text-muted); font-weight: var(--font-weight-regular); }
.publication-topic { color: var(--color-blue); font-size: var(--text-base); font-weight: var(--font-weight-semibold); margin: var(--space-3) 0 var(--space-1); }
.publication h3 { margin: 0 0 var(--space-2); color: var(--color-ink); font-size: var(--heading-capability); letter-spacing: var(--tracking-copy-heading); }
.publication-meta .publication-online { color: var(--color-text-muted); font-weight: var(--font-weight-regular); }
.publication-explanation { margin-top: var(--space-4); max-width: var(--prose-width); }
.publication-explanation p { margin: 0 0 var(--space-2); font-size: var(--text-base); line-height: var(--leading-body); }
.publication-role { margin-top: var(--space-3); padding: var(--space-2) var(--space-3); border-inline-start: var(--accent-width) solid var(--color-blue); background: var(--surface-card); }
.publication-role-label { margin: 0 0 var(--space-1); color: var(--color-blue); font-family: var(--font-family-base); font-size: var(--text-sm); line-height: var(--leading-support); font-weight: var(--font-weight-semibold); letter-spacing: normal; }
.publication-role p { margin: 0; }
.publication-bottom { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3); margin-top: var(--space-3); }
.publication-tags { display: flex; flex-wrap: wrap; gap: var(--space-1); margin: 0; padding: 0; list-style: none; }
.publication-tags li { padding: var(--space-half) var(--space-1); border-radius: var(--card-radius); background: var(--color-off-white); color: var(--color-text-muted); font-size: var(--text-caption); }
[data-theme] .publication-tags li { background: var(--surface-card); border: var(--rule-width) solid var(--color-gray-200); }
.publication-link { min-height: var(--target-size); font-size: var(--text-action); }
.science-return { padding: var(--space-5) 0; background: var(--color-off-white); border-top: var(--rule-width) solid var(--color-gray-200); }
.science-return-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.science-return p { margin: 0; color: var(--color-ink); font-size: var(--text-xl); line-height: var(--leading-support); }
@media (max-width: 991px) {
  .science-map-grid { column-gap: var(--space-3); }
  .science-map-area-heading { display: block; }
  .science-map-area h3 { margin-block: var(--space-1); min-height: 2.4em; }
  .science-map-area-heading p { min-height: 4.35em; }
  .science-topics { padding-left: var(--space-2); }
  .science-topics li::before { left: calc(-1 * var(--space-2)); width: var(--space-2); }
  .science-topics li::after { left: calc(-1 * var(--space-2)); }
  .science-topics a { column-gap: var(--space-1); padding-inline: 10px; font-size: var(--text-sm); }
  .science-layout { grid-template-columns: 1fr; gap: var(--space-5); }
  .science-index { display: none; }
}
@media (max-width: 767px) {
  .science-intro { padding-block: var(--space-5); }
  .science-map-heading { align-items: start; gap: var(--space-2); }
  .science-map-grid { grid-template-columns: 1fr; gap: var(--space-4); }
  .science-map-area { display: block; grid-row: auto; }
  .science-map-area-heading { display: grid; }
  .science-map-area h3 { min-height: 0; max-width: none; margin: 0; }
  .science-map-area-heading p { min-height: 0; max-width: none; }
  .science-topics { padding-left: var(--space-3); margin-top: var(--space-2); }
  .science-topics li::before { left: calc(-1 * var(--space-3)); width: var(--space-3); }
  .science-topics li::after { left: calc(-1 * var(--space-3)); }
  .science-topics a { padding-inline: var(--space-2); font-size: var(--text-base); }
  .science-layout { padding-top: var(--space-4); padding-bottom: var(--space-6); }
  .publication-group + .publication-group { margin-top: var(--space-6); }
  .publication h3 { font-size: var(--heading-feature); }
  .publication-meta { gap: var(--space-1); font-size: var(--text-xs); }
  .publication-meta > span + span { padding-left: var(--space-1); }
  .publication-explanation { margin-top: var(--space-3); }
  .publication-role { padding-inline: var(--space-2); }
  .publication-bottom { align-items: flex-start; gap: var(--space-2); }
  .science-return-inner { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
}