/* All three experiments share readable measures and stable native controls. */
html[data-open][data-ui]{--sans:SpikeSans,Arial,sans-serif}
html[data-open][data-ui] body{line-height:1.7}
html[data-open][data-ui] :is(h1,h2,h3){text-wrap:balance}
html[data-open][data-ui] p{text-wrap:pretty}
html[data-open][data-ui] .hero h1{font-size:clamp(54px,5.5vw,74px);line-height:1.04;letter-spacing:-.045em}
html[data-open][data-ui] .hero h1 em{font-style:normal}
html[data-open][data-ui] .hero-intro{font-size:23px;line-height:1.4}
html[data-open][data-ui] .hero-description{max-width:60ch}
html[data-open][data-ui] .button{border-radius:3px;transition:background-color 140ms,color 140ms}
html[data-open][data-ui] .button:hover{transform:none}
html[data-open][data-ui] .hero-facts strong{font-variant-numeric:tabular-nums}
html[data-open][data-ui] .workflow-sheet{box-shadow:none}
html[data-open][data-ui] .workflow-sheet::after{display:none}
html[data-open][data-ui] .sheet-description{max-width:60ch}
html[data-open][data-ui] .instructor-history a{overflow-wrap:anywhere}
html[data-open][data-ui] :is(.takeaway-list,.course-overview,.path-details,.contact-copy,.inquiry-form)>*{min-width:0}