/* r24: approved STATE composition. Text uses the existing B, H-M, UI and
   Support roles; scientific inputs and the model renderer are unchanged. */
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .connections-layout {
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);
  column-gap:calc(2 * var(--gutter));row-gap:2.5rem;
  padding:2.5rem 0 3rem;align-items:start;
}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections #state-title {
  --most-type-role:"H-M";font-size:var(--most-hm-size)!important;font-weight:500!important;
  line-height:1.2!important;letter-spacing:-.015em!important;
}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections :is(#state-title,#state-name) {margin:0;min-height:2.75rem}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .selected-state-heading {display:flex;justify-content:space-between;gap:1.5rem;align-items:baseline;margin-bottom:1.5rem}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .selected-node-label {
  --most-type-role:"Support";font-size:var(--most-support-size)!important;font-weight:400!important;
  line-height:1.5!important;letter-spacing:0!important;color:var(--most-muted-light);
}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-summary {display:flex;flex-direction:column;align-items:stretch}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections #state-reading {margin:1.5rem 0 0;width:100%;max-width:100%;text-wrap:pretty}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .inline-state {white-space:nowrap}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-form-figure {margin:2rem 0 0;min-width:0}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-model-controls {margin:0;min-height:44px;display:flex;align-items:center;justify-content:space-between}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-model {height:auto;aspect-ratio:4/3;min-height:0;max-height:27.5rem;margin:.5rem 0 0}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .contact-record {min-width:0}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .contact-record>figure {margin:0}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections #record-open {display:block;width:100%;aspect-ratio:3/2;position:relative;padding:0;border:0;overflow:hidden;background:#eee;cursor:zoom-in}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections #contact-image {display:block;width:100%;height:100%;object-fit:contain}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .image-open-label {font-size:1.5rem!important;display:grid!important;place-items:center;width:44px;height:44px;right:.75rem;bottom:.75rem;background:var(--paper);color:var(--ink)}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .image-open-label::after {content:none}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-photo-caption {display:flex;margin:0;padding:.75rem 0 1rem;border-bottom:1px solid var(--paper-line)}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-index {margin-top:.75rem}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;margin:.75rem 0 0}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices button {display:flex;flex-direction:column;align-items:stretch;gap:.375rem;border:0;border-bottom:3px solid transparent;padding:0 0 .75rem;text-align:left;color:var(--ink);min-width:0;cursor:pointer}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices img {width:100%;height:auto;aspect-ratio:2.3;object-fit:cover;filter:grayscale(1);opacity:.7}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices .title {overflow-wrap:anywhere;margin-top:.25rem}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices small {display:block;color:var(--most-muted-light)}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices [aria-pressed=true] {border-bottom-color:var(--signal)}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices [aria-pressed=true] img,
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices button:hover img {filter:none;opacity:1}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-marquee {display:flex;align-items:stretch;border-block:1px solid var(--ink);background:var(--paper);color:var(--ink);width:100%;overflow:hidden}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-marquee-window {flex:1;overflow:hidden;padding-block:1rem;min-width:0}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-marquee-track {width:max-content;display:flex;animation:state-flow-r24 72s linear infinite;will-change:transform}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-marquee-group {
  --most-type-role:"B";display:flex;flex:none;align-items:center;gap:2rem;padding-right:2rem;
  font-size:var(--most-body-size)!important;font-weight:400!important;line-height:1.65!important;letter-spacing:0!important;white-space:nowrap;
}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .term-dot,
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections [data-state-term].is-current {color:var(--signal)}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections #marquee-motion {width:4rem;min-height:44px;flex:none;border:0;border-left:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections #marquee-motion:focus-visible {outline:2px solid var(--ink);outline-offset:-5px}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections #marquee-motion:disabled {opacity:.65;cursor:default}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections :is(.is-paused,.is-hidden) .state-marquee-track {animation-play-state:paused}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-noscript {margin:0;padding:0 0 2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-noscript figure {margin:0;min-width:0}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-noscript img {width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-noscript figcaption {margin-top:.75rem}
@keyframes state-flow-r24 {to{transform:translateX(-25%)}}
@media(min-width:768px) and (max-width:1199px) {
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .connections-layout {grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:2.5rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .selected-state-heading {align-items:start;gap:.75rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .selected-node-label {padding-top:.375rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices small {display:none}
}
@media(max-width:767px) {
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .connections-layout {display:flex;flex-direction:column;gap:2rem;padding:1.75rem 0 2rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-summary,
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .contact-record {width:100%}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections #state-reading {margin-top:1.25rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-form-figure {margin-top:1.5rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-model {min-height:0;max-height:22.5rem;margin:.5rem 0 0}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .selected-state-heading {margin-bottom:1.25rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections :is(#state-title,#state-name) {min-height:2.125rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices {display:flex;flex-direction:column;gap:.75rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices button {display:grid;grid-template-columns:5.25rem minmax(0,1fr);column-gap:.875rem;row-gap:.1875rem;align-items:center;padding-bottom:.75rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices img {grid-column:1;grid-row:1/3;aspect-ratio:3/2}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices .title {grid-column:2;grid-row:1;margin:0;align-self:end}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-choices small {display:block;grid-column:2;grid-row:2;align-self:start}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-marquee-window {padding-block:.75rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-marquee-group {gap:1.5rem;padding-right:1.5rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections #marquee-motion {width:3.5rem}
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-noscript {grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce) {
  html body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-marquee-track {animation:none}
}
html[data-motion-preference="reduce"] body.most6-page .iqb-detail[data-state-layout="r24"] #connections .state-marquee-track {animation:none}