/* One desktop composition: interactive scene left, complete narrative right. */
#dom-xr-practice{padding:28px 0 30px!important;scroll-margin-top:76px}
#dom-xr-practice .dom-xr-practice-heading{margin:0 0 22px;text-align:left}
#dom-xr-practice .dom-xr-practice-heading .eyebrow{margin-bottom:10px}
#dom-xr-practice .dom-xr-practice-heading h2{font-size:clamp(24px,2.5vw,34px);line-height:1.3;margin:0 0 10px;letter-spacing:-.035em}
#dom-xr-practice .dom-xr-practice-heading h2 span{display:inline}
#dom-xr-practice .dom-xr-practice-heading h2 span+span:before{content:' '}
#dom-xr-practice .dom-xr-practice-heading>p:last-child{margin:0;font-size:14px;line-height:1.5;text-wrap:initial}
#dom-xr-practice .dom-xr-practice-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:center}
#dom-xr-practice .dom-xr-concept{position:static;min-width:0;margin:0}
#dom-xr-practice .dom-xr-concept figcaption{font-size:11px;line-height:1.4;margin-top:8px}
#dom-xr-practice .dom-xr-practice-copy{min-width:0}
#dom-xr-practice .dom-xr-practice-path{grid-template-columns:1fr;gap:12px}
#dom-xr-practice .dom-xr-practice-path li{grid-template-columns:22px minmax(0,1fr);gap:10px}
#dom-xr-practice .dom-xr-practice-path h3{font-size:15px;line-height:1.4;margin:0 0 4px}
#dom-xr-practice .dom-xr-practice-path p,#dom-xr-practice .dom-xr-together p{font-size:13px;line-height:1.5}
#dom-xr-practice .dom-xr-together{margin:16px 0;padding-top:14px;text-align:left}
#dom-xr-practice .dom-xr-together h3{font-size:clamp(17px,1.55vw,21px);line-height:1.4;margin:0 0 7px}
#dom-xr-practice .dom-xr-practice-actions{justify-content:flex-start;gap:8px}
#dom-xr-practice .dom-xr-practice-actions .btn{font-size:12px;min-height:40px;padding:10px 13px;white-space:normal;text-align:center}
#dom-xr-practice .dom-xr-stage-note{font-size:11px;line-height:1.45;text-align:left;margin:12px 0 0}
#dom-xr-practice #dom-xr-scene{border-radius:10px}
#dom-xr-practice #dom-xr-scene .dr-caption{padding:10px 12px 8px;font-size:11px}
#dom-xr-practice #dom-xr-scene .dr-note{padding:8px 12px 10px;font-size:10px;line-height:1.4}
@media(min-width:901px) and (max-height:740px){
 #dom-xr-practice{padding-block:20px!important}
 #dom-xr-practice .dom-xr-practice-heading{margin-bottom:16px}
 #dom-xr-practice .dom-xr-practice-path{gap:9px}
 #dom-xr-practice .dom-xr-together{margin:12px 0;padding-top:10px}
}
@media(min-width:901px) and (max-width:1100px){
 #dom-xr-practice{padding-block:22px!important}
 #dom-xr-practice .dom-xr-practice-heading{margin-bottom:16px}
 #dom-xr-practice .dom-xr-practice-heading>p:last-child{font-size:13px}
 #dom-xr-practice .dom-xr-practice-path{gap:9px}
 #dom-xr-practice .dom-xr-practice-path p,#dom-xr-practice .dom-xr-together p{font-size:12.5px;line-height:1.4}
 #dom-xr-practice .dom-xr-together{margin:12px 0;padding-top:10px}
 #dom-xr-practice .dom-xr-stage-note{margin-top:9px;font-size:10.5px}
}
@media(max-width:900px){
 #dom-xr-practice{padding:28px 0!important}
 #dom-xr-practice .dom-xr-practice-layout{grid-template-columns:1fr;gap:22px}
 #dom-xr-practice .dom-xr-concept{width:100%;max-width:650px;margin-inline:auto}
 #dom-xr-practice .dom-xr-practice-heading h2 span{display:block}
 #dom-xr-practice .dom-xr-practice-heading h2 span+span:before{content:none}
 #dom-xr-practice .dom-xr-practice-heading h2 span:last-child{max-width:none;margin:0}
 #dom-xr-practice .dom-xr-practice-path p,#dom-xr-practice .dom-xr-together p{font-size:14px;line-height:1.6}
 #dom-xr-practice .dom-xr-practice-actions .btn{min-height:44px;font-size:13px}
}