/* Hero and quiz: scoped to the ECM page; all colours use global tokens. */
.ecm-site .ecm-hero{min-height:680px;padding-block:112px}
.ecm-site .ecm-hero .ecm-container{max-width:1320px}
.ecm-site .ecm-hero-grid .kt-row-column-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:48px}
.ecm-site .ecm-hero h1{white-space:normal}
.ecm-site .ecm-hero video{display:block;width:100%;height:auto;max-width:100%}
.ecm-site .ecm-quiz{background:var(--ecm-ink);color:var(--ecm-paper)}
.ecm-site .ecm-quiz-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:72px}
.ecm-site .ecm-quiz-panel{background:var(--ecm-paper);color:var(--ecm-ink);padding:44px;border-radius:var(--ecm-radius);min-height:390px;min-width:0}
.ecm-site .ecm-quiz-progress{font-size:.85rem;font-weight:700;letter-spacing:.1em;padding-bottom:18px;border-bottom:3px solid var(--ecm-line);position:relative;margin-bottom:32px}
.ecm-quiz-progress::after{content:'';position:absolute;bottom:-3px;left:0;width:var(--quiz-progress,25%);height:3px;background:var(--ecm-sand);transition:width var(--ecm-motion-gentle) ease}
.ecm-site .ecm-quiz-focus{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.25;min-height:2.5em;outline:none}
.ecm-site .ecm-quiz-question,.ecm-site .ecm-quiz-result,.ecm-site .ecm-quiz-controls{display:none}
.ecm-site .ecm-quiz .is-active{display:block;animation:ecm-detail-enter var(--ecm-motion-gentle) ease}
.ecm-site .quiz-ready .ecm-quiz-controls{display:flex}
.ecm-site .ecm-quiz [hidden]{display:none!important}
.ecm-site .ecm-quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:16px!important;margin-top:32px}
.ecm-site .ecm-quiz-answers .wp-block-button{width:100%}
.ecm-site .ecm-quiz-answers button{width:100%;min-height:64px;background:transparent;color:var(--ecm-ink);border:1px solid var(--ecm-ink);font-size:1.1rem;cursor:pointer}
.ecm-site .ecm-quiz-answers button[aria-pressed=true]{background:var(--ecm-ink);color:var(--ecm-paper);box-shadow:0 0 0 3px var(--ecm-sand)}
.ecm-site .ecm-quiz-controls{margin-top:28px}
.ecm-site .ecm-quiz-controls button{background:transparent;color:var(--ecm-ink);padding:10px 0;min-height:44px;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:5px;border:0}
.ecm-site .ecm-quiz-result .ecm-small{margin-top:24px;margin-bottom:0}
.ecm-site .ecm-quiz-score{font-size:.85rem;font-weight:700}
.ecm-site .ecm-quiz-mark{position:relative;height:125px;width:160px;margin:24px 0!important}
.ecm-quiz-dot{position:absolute;width:100px;height:100px;border-radius:50%;opacity:.8}
.ecm-quiz-dot.business{background:var(--ecm-circle-business);top:0;left:30px}
.ecm-quiz-dot.tech{background:var(--ecm-circle-tech);top:42px;left:0}
.ecm-quiz-dot.marketing{background:var(--ecm-circle-marketing);top:42px;right:0}
@media(max-width:1024px){.ecm-site .ecm-hero{padding-block:80px;min-height:0}.ecm-site .ecm-hero-grid .kt-row-column-wrap{gap:32px}.ecm-site .ecm-quiz-layout{gap:32px}.ecm-site .ecm-quiz-panel{padding:32px}}
@media(max-width:767px){.ecm-site .ecm-hero{padding-block:64px}.ecm-site .ecm-hero-grid .kt-row-column-wrap,.ecm-site .ecm-quiz-layout{grid-template-columns:minmax(0,1fr)!important}.ecm-site .ecm-quiz-panel{padding:28px 24px;min-height:360px}.ecm-site .ecm-quiz-mark{display:none}.ecm-site .ecm-quiz-intro .ecm-small{margin-bottom:0}.ecm-site .ecm-quiz-focus{font-size:1.5rem}.ecm-site .ecm-quiz-answers button{min-height:60px}}
@media(max-width:359px){.ecm-site .ecm-quiz-panel{padding:24px 20px}.ecm-site .ecm-quiz-focus{font-size:1.35rem}}
.editor-styles-wrapper .ecm-site .ecm-quiz-question,.editor-styles-wrapper .ecm-site .ecm-quiz-result,.editor-styles-wrapper .ecm-site .ecm-quiz-controls{display:block!important;margin-block:24px!important}


.ecm-site .quiz-ready .ecm-quiz-nojs{display:none}

@media(min-width:768px) and (max-width:900px){.ecm-site .ecm-hero-grid .kt-row-column-wrap,.ecm-site .ecm-quiz-layout{grid-template-columns:minmax(0,1fr)!important}.ecm-site .ecm-hero h1 br{display:initial}.ecm-site .ecm-hero video{max-width:650px;margin-inline:auto}.ecm-site .ecm-quiz-mark{display:none}}

@media(max-width:767px){.ecm-site .ecm-hero h1 br{display:initial}}