/* r17: state selection geometry. All reading and control text roles live in most6-brand.css. */
.iqb-detail[data-iqb-state] #connections{--state-signal:#ad331e;--state-muted:#5b6155;background:var(--paper);color:var(--ink)}
.iqb-detail[data-iqb-state] #connections .connections-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.55fr);gap:clamp(2rem,5vw,4.7rem);padding-block:clamp(2rem,5vw,4rem) 3rem;align-items:start}
.iqb-detail[data-iqb-state] #connections .state-summary{min-width:0}
.iqb-detail[data-iqb-state] #connections .state-name{overflow-wrap:anywhere}
.iqb-detail[data-iqb-state] #connections .state-model{position:relative;height:clamp(15rem,25vw,21rem);margin-block:1.5rem;isolation:isolate}
.iqb-detail[data-iqb-state] #iqb-state-live{position:absolute;inset:0}
.iqb-detail[data-iqb-state] .iqb-state-canvas{width:100%;height:100%;display:block}
.iqb-detail[data-iqb-state] .state-static{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.iqb-detail[data-iqb-state] .state-model-controls{display:flex;justify-content:flex-end;margin-top:-1.25rem;margin-bottom:.75rem}
.iqb-detail[data-iqb-state] #state-motion{min-width:44px;min-height:44px;text-decoration:underline;text-underline-offset:.3em;color:var(--state-muted)}
.iqb-detail[data-iqb-state] #state-motion[disabled]{opacity:.7;cursor:default}
.iqb-detail[data-iqb-state] #connections .state-statement{margin-top:0}
.iqb-detail[data-iqb-state] #connections .state-reading{max-width:29em;margin-top:1.5rem;overflow-wrap:anywhere}
.iqb-detail[data-iqb-state] #connections .contact-record{min-width:0}
.iqb-detail[data-iqb-state] #record-open{width:100%;aspect-ratio:3/2;position:relative;display:block;padding:0;overflow:hidden}
.iqb-detail[data-iqb-state] #contact-image{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;transform:none;transition:none}
.iqb-detail[data-iqb-state] #record-open .image-open-label{position:absolute;right:1rem;bottom:1rem;display:inline-flex;align-items:center;min-height:44px;padding:.625rem .875rem;background:var(--paper);color:var(--ink);}
.iqb-detail[data-iqb-state] #contact-credit{color:var(--state-muted);margin-top:.75rem}
.iqb-detail[data-iqb-state] .state-index{margin-top:1.5rem}
.iqb-detail[data-iqb-state] .state-index h3{}
.iqb-detail[data-iqb-state] .state-index>p{color:var(--state-muted);margin-top:.5rem;max-width:44em}
.iqb-detail[data-iqb-state] .state-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.iqb-detail[data-iqb-state] .state-choices button{display:flex;flex-direction:column;align-items:stretch;min-height:44px;text-align:left;padding:0 0 .75rem;border-bottom:3px solid transparent;gap:.375rem;min-width:0}
.iqb-detail[data-iqb-state] .state-choices img{width:100%;height:auto;aspect-ratio:2.1;object-fit:cover;flex:none}
.iqb-detail[data-iqb-state] .state-choices .title{overflow-wrap:anywhere;margin-top:.25rem}
.iqb-detail[data-iqb-state] .state-choices small{color:var(--state-muted);overflow-wrap:anywhere}
.iqb-detail[data-iqb-state] .state-choices button[aria-pressed=true]{border-color:var(--state-signal);color:var(--state-signal)}
.iqb-detail[data-iqb-state] .state-choices button:hover .title{text-decoration:underline;text-underline-offset:.2em}
.iqb-detail[data-iqb-state] .state-choices button:focus-visible,.iqb-detail[data-iqb-state] #record-open:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.iqb-detail[data-iqb-state] .state-noscript{margin-top:1.5rem}
@media(min-width:1200px){.iqb-detail[data-iqb-state] #connections .state-reading{}}
@media(max-width:900px){
 .iqb-detail[data-iqb-state] #connections .connections-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:2rem}
 .iqb-detail[data-iqb-state] .state-choices{gap:.75rem}
 .iqb-detail[data-iqb-state] .state-choices .title{}
}
@media(max-width:650px){
 .iqb-detail[data-iqb-state] #connections .connections-layout{display:flex;flex-direction:column;gap:1.75rem;padding-block:1.75rem 2rem}
 .iqb-detail[data-iqb-state] .state-summary,.iqb-detail[data-iqb-state] .contact-record{width:100%}
 .iqb-detail[data-iqb-state] #connections .state-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:1rem;align-items:center}
 .iqb-detail[data-iqb-state] #connections .state-name{grid-column:1/-1;margin-bottom:.75rem}
 .iqb-detail[data-iqb-state] #connections .state-model{grid-column:1;grid-row:2;height:10.5rem;margin:0}
 .iqb-detail[data-iqb-state] #connections .state-statement{grid-column:2;grid-row:2;}
 .iqb-detail[data-iqb-state] .state-model-controls{grid-column:1;margin:0;justify-content:center}
 .iqb-detail[data-iqb-state] #connections .state-reading{grid-column:1/-1;margin-top:.5rem;max-width:none;}
 .iqb-detail[data-iqb-state] #record-open .image-open-label{right:.5rem;bottom:.5rem}
 .iqb-detail[data-iqb-state] .state-index{margin-top:1.25rem}
 .iqb-detail[data-iqb-state] .state-index h3{}
 .iqb-detail[data-iqb-state] .state-index>p{}
 .iqb-detail[data-iqb-state] .state-choices{gap:.625rem}
 .iqb-detail[data-iqb-state] .state-choices .title{}
 .iqb-detail[data-iqb-state] .state-choices small{}
}
@media(max-width:420px){
 .iqb-detail[data-iqb-state] .state-choices{grid-template-columns:minmax(0,1fr);gap:.625rem}
 .iqb-detail[data-iqb-state] .state-choices button{display:grid;grid-template-columns:5rem minmax(0,1fr);column-gap:.875rem;row-gap:.25rem;padding-bottom:.5rem;align-items:center}
 .iqb-detail[data-iqb-state] .state-choices img{grid-column:1;grid-row:1/3;aspect-ratio:1.5}
 .iqb-detail[data-iqb-state] .state-choices .title{grid-column:2;margin:0;align-self:end}
 .iqb-detail[data-iqb-state] .state-choices small{grid-column:2;align-self:start}
}