/* Scoped extract of the author stylesheet innominate-lesson.css for the lab only. */
.ir-view img {display: block; width: 100%; max-width: 45rem; height: auto; background: #f7f9fc; border-radius: .75rem;}
.ir-model {margin: 1rem 0; padding: 1rem; border: 1px solid currentColor; border-radius: .75rem; min-inline-size: 0;}
.ir-model legend {padding: .2rem .5rem; font-weight: 700;}
.ir-model input[type="radio"] {float: left; margin: 1rem .5rem 0 .5rem; width: 1.2rem; height: 1.2rem;}
.ir-model label {display: block; min-height: 3rem; box-sizing: border-box; padding: .7rem .5rem .7rem 2.5rem; cursor: pointer; border-radius: .4rem;}
.ir-model input:checked + label {font-weight: 700; outline: 2px solid currentColor; outline-offset: -2px;}
.ir-model input:focus-visible + label {outline: 3px double currentColor; outline-offset: 2px;}
.ir-views {clear: both; margin-top: 1.5rem;}
.ir-view {padding-top: .5rem;}
.ir-model input:checked ~ .ir-views .ir-view {display: none;}
#ir-ra:checked ~ .ir-views [data-state="ra"], #ir-rp:checked ~ .ir-views [data-state="rp"], #ir-la:checked ~ .ir-views [data-state="la"], #ir-lp:checked ~ .ir-views [data-state="lp"], #ir-neutral:checked ~ .ir-views [data-state="neutral"] {display: block;}
.ir-view:focus-visible {outline: 3px solid currentColor; outline-offset: 4px;}
@media print {
.ir-model input, .ir-model label {display: none;}
.ir-model input:checked ~ .ir-views .ir-view {display: block; break-inside: avoid;}
}
@media (prefers-reduced-motion: reduce) {
.ir-model *, .ir-view * {animation: none !important; transition: none !important; scroll-behavior: auto !important;}
}