/* Compose major chapters around the available screen, while letting content grow. */
#research { scroll-margin-top:0; }
@media (min-width:761px) {
  #focus,
  #distributed-team {
    min-height:calc(100svh - var(--header-height));
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-block:clamp(32px,5svh,56px);
  }
  #focus .section-top { margin-bottom:36px; }
  #root-storms { padding-block:clamp(44px,7svh,64px); }
  #research {
    min-height:calc(100svh - var(--header-height));
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(24px,3.3svh,44px) max(40px,calc((100% - 1200px)/2));
  }
  #research .research-entry-copy { width:100%;max-width:1200px;margin:0 auto 18px; }
  #research .section-title { margin-bottom:0; }
  #research .research-entry-observation { width:100%;max-width:1200px; }
  #research .network-preview { padding-inline:24px; }
  #research .network-preview:first-child { padding-left:0; }
  #research .network-preview:last-child { padding-right:0; }
  #research .network-preview-head {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:16px;
    align-content:start;
    min-height:100px;
  }
  #research .network-preview-head h3 { grid-column:1;grid-row:1; }
  #research .network-preview-head > [data-preview-label] { grid-column:1;grid-row:2;min-height:0; }
  #research .network-preview-state { grid-column:1/-1;grid-row:3;margin:8px 0 0; }
  #research .network-preview-measure { grid-column:2;grid-row:1/3;align-self:center;justify-self:end; }
  #research .network-preview-companions { gap:8px 14px;margin-top:12px;min-height:94px; }
  #research .network-preview-readout { min-height:16px; }
  #distributed-team .globe-surface {
    width:min(100%,clamp(340px,calc((100svh - var(--header-height) - 270px) * 1.142857),460px));
    margin-inline:auto;
  }
  #distributed-team .location-grid { min-height:0; }
  #distributed-team.has-selected-region .location-image {
    aspect-ratio:auto;
    height:clamp(210px,calc((100svh - var(--header-height) - 320px) * .65),300px);
  }
}
@media (min-width:761px) and (max-width:1100px) {
  #research .network-preview-head {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto 1fr;
    min-height:180px;
  }
  #research .network-preview-head h3,
  #research .network-preview-head > [data-preview-label],
  #research .network-preview-state { grid-column:1; }
  #research .network-preview-head > [data-preview-label] { min-height:57px; }
  #research .network-preview-measure { grid-column:1;grid-row:4;align-self:end;justify-self:start; }
  #research .network-preview-companions { min-height:132px; }
  #research .network-preview-measure { max-width:100%;flex-wrap:wrap;row-gap:2px; }
}
@supports (grid-template-rows:subgrid) {
  @media (min-width:761px) {
    #research .research-entry-observation { grid-template-rows:repeat(7,auto); }
    #research .network-preview { display:grid;grid-row:span 7;grid-template-rows:subgrid; }
  }
}
/* A native picker with the visual weight of a title, sized to its selection. */
.research-network-control { min-width:0; }
.research-network-choice {
  position:relative;
  display:inline-grid;
  grid-template-columns:max-content 36px;
  align-items:center;
  min-height:48px;
  max-width:100%;
  color:var(--ink);
  font:25px/1.25 var(--serif);
  letter-spacing:-.02em;
}
.research-network-choice > [data-network-selection] {
  grid-column:1;
  grid-row:1;
  visibility:hidden;
  white-space:nowrap;
  pointer-events:none;
}
.research-network-choice select {
  position:absolute;
  inset:0;
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  height:100%;
  min-height:48px;
  margin:0;
  padding:6px 36px 6px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  cursor:pointer;
  color-scheme:light;
}
.research-network-choice svg {
  grid-column:2;
  grid-row:1;
  justify-self:center;
  width:12px;
  height:8px;
  color:var(--muted);
  pointer-events:none;
}
html[data-theme=dark] .research-network-choice select { color-scheme:dark; }
@media (forced-colors:active) {
  .research-network-choice svg { color:ButtonText; }
}
@media (max-width:760px) {
  #research.research-switchable {
    min-height:calc(100svh - var(--header-height));
    padding-top:48px;
  }
  #research.research-switchable .research-entry-copy { margin-bottom:12px; }
  .research-network-control { margin-top:20px; }
  #research.research-switchable .network-preview {
    padding:0;
    border:0;
  }
}
/* On small screens the native selector is the visible observation title. */
@media screen and (max-width:760px) {
  #research.research-switchable .network-preview-head h3 {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
  }
  #research.research-switchable .network-preview-head > [data-preview-label] { grid-row:1; }
  #research.research-switchable .network-preview-state { grid-row:2; }
  #research.research-switchable .network-preview-measure { grid-row:1/3; }
}
@media print {
  .research-network-control { display:none!important; }
}