/* Ion identification virtual investigation, 0.6.25-s1. Plain, readable controls. */
.ion-lab {max-width:1050px;margin:30px 0 44px}
.ion-lab .practice-top {align-items:start}
.ion-lab .practice-top select {min-width:210px;max-width:320px}
.ion-lab .ion-lab-grid {display:grid;grid-template-columns:minmax(0,1.12fr) minmax(270px,.88fr);gap:20px;margin:20px 0 25px}
.ion-lab .ion-tests {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ion-lab .ion-method {border:1px solid #c5d6da;border-radius:4px;padding:16px;background:#fbfdfd;min-width:0}
.ion-lab .ion-method h3 {font-size:1rem;line-height:1.35;margin:0 0 8px}
.ion-lab .ion-method p {font-size:.87rem;line-height:1.48;margin:0 0 12px}
.ion-lab .ion-method button {font-size:.85rem;line-height:1.4;padding:9px 12px;min-height:44px;width:100%}
.ion-lab .ion-method button:disabled {opacity:.6;cursor:default}
.ion-lab .ion-results {border:1px solid #c5d6da;border-radius:4px;padding:20px;align-self:start;background:#f2f8f8;min-width:0}
.ion-lab .ion-results h3 {font-size:1.14rem;margin-bottom:10px}
.ion-lab .ion-results ol {padding-left:24px;margin:10px 0 0}
.ion-lab .ion-results li {margin-bottom:12px;font-size:.94rem}
.ion-lab .ion-test-count {font-size:.91rem;color:#48616b}
.ion-lab .ion-answer {border-top:1px solid #bbced3;padding-top:22px}
.ion-lab .ion-answer h3 {font-size:1.15rem}
.ion-lab .ion-answer-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ion-lab .ion-answer label {display:block}
.ion-lab .ion-answer select,.ion-lab .ion-answer input {max-width:100%;width:100%}
.ion-lab .ion-answer [data-ion-formula-group] {max-width:360px;margin-top:16px}
.ion-lab .ion-answer button {margin-top:14px}
.ion-lab [data-ion-feedback]:not(:empty),.ion-lab [data-ion-hint]:not([hidden]),.ion-lab [data-ion-revealed]:not([hidden]) {border-left:3px solid #398e99;padding:12px 16px;background:#edf6f5;margin:17px 0;max-width:80ch}
.ion-lab [data-ion-revealed] ul {padding-left:22px}
.ion-lab .ion-note {font-size:.88rem;color:#465c66}
.ion-lab [data-ion-title] {scroll-margin-top:20px}
@media(max-width:850px){.ion-lab .ion-lab-grid{grid-template-columns:1fr}.ion-lab .ion-results{order:2}}
@media(max-width:600px){.ion-lab .ion-tests,.ion-lab .ion-answer-fields{grid-template-columns:1fr}.ion-lab .ion-method{padding:14px}.ion-lab .ion-results{padding:15px}}