/* r17: IQB layout and controls. Text roles are defined once in most6-brand.css. */
.iqb-detail[data-iqb-finish]{--paper:#fff;--paper-line:rgb(10 10 10 / 25%);--chapter-space:clamp(2.5rem,4vw,4.5rem)}
.iqb-detail[data-iqb-finish] .scope-band{padding-block:var(--chapter-space)}
.iqb-detail[data-iqb-finish] .scope-layout{align-items:start}
.iqb-detail[data-iqb-finish] .observation{padding-bottom:var(--chapter-space)}
.iqb-detail[data-iqb-finish] .observation-layout{padding-top:var(--chapter-space)}
.iqb-detail[data-iqb-finish] .section-top{gap:1rem;flex-wrap:wrap}
.iqb-detail[data-iqb-finish] #connections{--state-signal:var(--ink);--state-muted:#666;padding-bottom:0}
.iqb-detail[data-iqb-finish] #connections .section-top>span:first-child{color:var(--ink)}
.iqb-detail[data-iqb-finish] #connections .connections-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);gap:calc(2 * var(--gutter));padding-block:2.5rem var(--chapter-space);align-items:start}
.iqb-detail[data-iqb-finish] #connections .state-summary{display:flex;flex-direction:column;align-items:stretch;align-self:start;min-width:0;width:100%}
.iqb-detail[data-iqb-finish] #connections .state-name{margin:0}
.iqb-detail[data-iqb-finish] #connections .state-model{position:relative;flex:none;width:100%;height:auto;min-height:16rem;aspect-ratio:4/3;margin:1rem 0 0;max-height:29rem;isolation:isolate}
/* Separate DOM row after the model: no absolute button overlay or negative margin. */
.iqb-detail[data-iqb-finish] #connections .state-model-controls{position:static;inset:auto;display:flex;justify-content:flex-end;align-items:center;align-self:stretch;min-height:44px;margin:.5rem 0 1.5rem;z-index:auto}
.iqb-detail[data-iqb-finish] #state-motion{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:44px;min-height:44px;padding:.5rem 0 .5rem .75rem;color:var(--ink);text-decoration:none}
.iqb-detail[data-iqb-finish] #state-motion:hover{text-decoration:underline;text-underline-offset:.25em}
.iqb-detail[data-iqb-finish] #connections .state-statement{margin:0;text-wrap:pretty}
.iqb-detail[data-iqb-finish] #connections .state-reading{width:100%;max-width:none;margin-top:1rem;text-wrap:pretty}
.iqb-detail[data-iqb-finish] #contact-credit{margin:0;padding:.625rem 0 .75rem;border-bottom:1px solid var(--paper-line)}
.iqb-detail[data-iqb-finish] #record-open .image-open-label{width:44px;height:44px;min-height:44px;font-size:0;padding:0;justify-content:center;right:.75rem;bottom:.75rem}
.iqb-detail[data-iqb-finish] #record-open .image-open-label::after{content:'↗';font-size:1.5rem;line-height:1}
.iqb-detail[data-iqb-finish] .state-index{margin-top:.75rem}
.iqb-detail[data-iqb-finish] .state-index-heading{display:flex;justify-content:space-between;gap:1rem;color:var(--state-muted)}
.iqb-detail[data-iqb-finish] #state-count{font-variant-numeric:tabular-nums}
.iqb-detail[data-iqb-finish] .state-choices{gap:.875rem;margin-top:.75rem}
.iqb-detail[data-iqb-finish] .state-choices button{gap:.25rem;padding-bottom:.5rem;border-bottom:3px solid transparent}
.iqb-detail[data-iqb-finish] .state-choices img{aspect-ratio:2.3;filter:grayscale(1);opacity:.72;transition:filter .2s,opacity .2s}
.iqb-detail[data-iqb-finish] .state-choices .title{margin-top:.375rem}
.iqb-detail[data-iqb-finish] .state-choices button[aria-pressed=true]{border-color:var(--signal);color:var(--ink)}
.iqb-detail[data-iqb-finish] .state-choices button[aria-pressed=true] img,.iqb-detail[data-iqb-finish] .state-choices button:hover img{filter:none;opacity:1}
/* The source photographs retain their complete 3:2 frame. */
.iqb-detail[data-iqb-finish] .iqb-gallery{background:var(--ink);color:var(--paper);padding-top:1rem;overflow:hidden;border-block:1px solid var(--ink)}
.iqb-detail[data-iqb-finish] .iqb-gallery-track{display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;outline-offset:-4px}
.iqb-detail[data-iqb-finish] .iqb-gallery-track::-webkit-scrollbar{display:none}
.iqb-detail[data-iqb-finish] .iqb-gallery-item{flex:0 0 45%;min-width:0;margin:0;scroll-snap-align:center}
.iqb-detail[data-iqb-finish] .iqb-gallery-item img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#bdcacb}
.iqb-detail[data-iqb-finish] .iqb-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-inline:var(--gutter);min-height:64px}
.iqb-detail[data-iqb-finish] .iqb-gallery-controls>div{display:flex;gap:1rem}
.iqb-detail[data-iqb-finish] .iqb-gallery-controls button{min-width:44px;min-height:44px;display:grid;place-items:center}
.iqb-detail[data-iqb-finish] .iqb-gallery-controls button:disabled{opacity:.3;cursor:default}
.iqb-detail[data-iqb-finish] .iqb-gallery-count{font-variant-numeric:tabular-nums}
.iqb-detail[data-iqb-finish] .continuity{padding-top:0;padding-bottom:var(--chapter-space)}
.iqb-detail[data-iqb-finish] .continuity>.frame:first-child{display:block;padding-bottom:2.5rem}
.iqb-detail[data-iqb-finish] .continuity>.frame:last-child{align-items:start}
.iqb-detail[data-iqb-finish] .continuity h2{margin:.75rem 0 1rem}
.iqb-detail[data-iqb-finish] .open-research{padding-bottom:var(--chapter-space)}
@media(min-width:1800px){.iqb-detail[data-iqb-finish] #connections .state-model{max-height:36rem}}
@media(max-width:1199px){
 .iqb-detail[data-iqb-finish] #connections .connections-layout{grid-template-columns:minmax(0,1fr);gap:2rem}
 .iqb-detail[data-iqb-finish] #connections .state-model{height:auto;min-height:15rem;max-height:25rem;aspect-ratio:4/3}
}
@media(max-width:767px){
 .iqb-detail[data-iqb-finish]{--gutter:1rem}
 .iqb-detail[data-iqb-finish] #connections .connections-layout{display:flex;flex-direction:column;gap:1.5rem;padding-block:1.5rem 2rem}
 .iqb-detail[data-iqb-finish] #connections .state-summary{display:flex;flex-direction:column;align-items:stretch;width:100%}
 .iqb-detail[data-iqb-finish] #connections .state-name{margin:0 0 .75rem}
 .iqb-detail[data-iqb-finish] #connections .state-model{width:100%;height:auto;min-height:14rem;max-height:none;aspect-ratio:4/3;margin:0}
 .iqb-detail[data-iqb-finish] #connections .state-model-controls{margin:.5rem 0 1.5rem}
 .iqb-detail[data-iqb-finish] #connections .state-statement{margin:0}
 .iqb-detail[data-iqb-finish] #connections .state-reading{width:100%;max-width:none;margin-top:1rem}
 .iqb-detail[data-iqb-finish] .state-index{margin-top:.625rem}
 .iqb-detail[data-iqb-finish] .state-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.625rem}
 .iqb-detail[data-iqb-finish] .state-choices button{display:flex;gap:.375rem;padding-bottom:.5rem}
 .iqb-detail[data-iqb-finish] .state-choices small{display:none}
 .iqb-detail[data-iqb-finish] .state-choices img{aspect-ratio:1.5}
 .iqb-detail[data-iqb-finish] .iqb-gallery{padding-top:.75rem}
 .iqb-detail[data-iqb-finish] .iqb-gallery-track{gap:.75rem}
 .iqb-detail[data-iqb-finish] .iqb-gallery-item{flex-basis:86%}
 .iqb-detail[data-iqb-finish] .iqb-gallery-controls{min-height:56px}
 .iqb-detail[data-iqb-finish] .continuity>.frame:first-child{padding-bottom:1.75rem}
}
/* Keep the exact Support14 label, changing arrangement instead of shrinking it. */
@media(max-width:420px){
 .iqb-detail[data-iqb-finish] .state-choices{grid-template-columns:1fr}
 .iqb-detail[data-iqb-finish] .state-choices button{display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:center;column-gap:.75rem;padding-bottom:.5rem}
 .iqb-detail[data-iqb-finish] .state-choices img{grid-column:1;grid-row:1}
 .iqb-detail[data-iqb-finish] .state-choices .title{grid-column:2;grid-row:1;margin:0;align-self:center}
}
@media(prefers-reduced-motion:reduce){.iqb-detail[data-iqb-finish] .state-choices img{transition:none}}