/* BREM product detail — HTML-Demo-V2/product-double-shaft-shredder.html + product-detail-demo.css */

/* BREM product detail — visual source: HTML-Demo-V2/product-double-shaft-shredder.html
   + product-detail-demo.css. Hero image is a CSS variable, never a featured image. */

.machine-page {
	--shell: 1400px;
	--paper: #f3f7fb;
	--blue-soft: #eaf2f8;
}

.machine-page .brem-main {
	margin: 0;
}

.machine-page .shell {
	width: min(var(--shell), calc(100% - 48px));
	margin-inline: auto;
}

.machine-page .eyebrow {
	display: block;
	color: #91ccec;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.machine-page .kicker {
	display: block;
	color: var(--brem-blue, #0873ba);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.machine-page .hero {
	color: #fff;
	min-height: 650px;
	background:
		linear-gradient(90deg, rgba(5, 28, 53, 0.96), rgba(5, 31, 57, 0.82) 44%, rgba(5, 31, 57, 0.18)),
		var(--brem-hero-image, none) 78% center / cover;
}

.machine-page .hero h1 {
	color: #fff;
	font-size: clamp(46px, 5.5vw, 72px);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 1.02;
}

.machine-page .hero p {
	color: #cbd8e6;
	max-width: 520px;
	font-size: 18px;
}

.machine-page .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.8rem 1.25rem;
	border: 1px solid var(--brem-blue, #0873ba);
	border-radius: 0;
	background: var(--brem-blue, #0873ba);
	color: #fff;
	font: 700 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.machine-page .hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 26px;
}

.machine-page .section {
	padding: 88px 0;
}

.machine-page .section--soft {
	background-color: var(--paper);
	background-image: radial-gradient(circle, rgba(8, 103, 184, 0.13) 1px, transparent 1px);
	background-size: 26px 26px;
}

.machine-page .section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: 38px;
}

.machine-page .section-head h2 {
	margin: 8px 0 0;
	color: #10243b;
	font-size: clamp(30px, 3.4vw, 46px);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 1.12;
}

.machine-page .section-head p,
.machine-page .lead {
	color: #60738a;
}

.machine-page .split {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 48px;
	align-items: start;
}

.machine-page .note {
	margin-top: 18px;
	padding: 16px 18px;
	border-left: 4px solid #0873ba;
	background: #eaf2f8;
	color: #435a73;
}

.machine-page .faq details {
	padding: 0.9rem 0;
	border-bottom: 1px solid #d7e2ec;
}

.machine-page .faq summary {
	cursor: pointer;
	font-weight: 700;
	color: #072d51;
}

.machine-page .faq p {
	color: #60738a;
}

.machine-page .cta__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

.machine-page .feature-grid {
	margin-top: 36px;
}

.machine-page .architecture-visual--empty {
	min-height: 400px;
	background: #edf4f8;
}

@media (max-width: 900px) {
	.machine-page .split,
	.machine-page .cta__inner,
	.machine-page .section-head {
		display: block;
	}

	.machine-page .section-head p {
		margin-top: 12px;
	}
}

.operating-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:stretch}.operating-steps{display:grid;gap:0}.operating-steps .process-step{min-height:0;display:grid;grid-template-columns:54px 1fr;gap:18px;padding:19px 20px;border-right:1px solid var(--machine-line)}.operating-steps .process-step:not(:last-child):after{display:none}.operating-steps .process-step b{margin:2px 0 0;font-size:18px}.operating-steps .process-step h3{font-size:18px;margin:0 0 4px}.operating-steps .process-step p{margin:0}.operating-animation{position:relative;overflow:hidden;min-height:430px;margin:0;padding:24px;background:linear-gradient(145deg,#0d3762,#072746);color:#fff}.animation-label{position:relative;z-index:5}.animation-label span{display:block;color:#9dc8ea;font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.animation-label strong{font-size:20px}.hopper{position:absolute;left:22%;right:22%;top:87px;height:105px;border:9px solid #91a6b7;border-top-width:4px;clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);background:linear-gradient(90deg,#7d91a2,#c4d2dc,#7f93a4)}.hopper i{position:absolute;width:13px;height:13px;background:#f4a33c;animation:feedDrop 4s infinite}.hopper i:nth-child(1){left:23%;top:-20px}.hopper i:nth-child(2){left:51%;top:-37px;animation-delay:1.1s}.hopper i:nth-child(3){left:70%;top:-56px;animation-delay:2.3s}.shredder-chamber{position:absolute;left:15%;right:15%;top:195px;height:135px;border:8px solid #9fb3c2;border-radius:10px;background:#071b30;overflow:hidden}.shaft{position:absolute;top:27px;width:79px;height:79px;border-radius:50%;background:repeating-conic-gradient(#a6b9c8 0deg 13deg,#426079 13deg 24deg);border:9px solid #657f93;animation:shaftSpin 2.8s linear infinite}.shaft:after{content:'';position:absolute;inset:19px;border-radius:50%;background:#0a3156;border:5px solid #9ab0c0}.shaft--left{left:28%;animation-direction:reverse}.shaft--right{right:28%}.cut-zone{position:absolute;left:50%;top:107px;transform:translateX(-50%);font-size:10px;color:#8fc6ed;white-space:nowrap}.feed-particle{position:absolute;width:13px;height:13px;background:#f3a238;z-index:4;opacity:0;animation:materialFlow 4s infinite}.particle-a{left:46%;animation-delay:.3s}.particle-b{left:54%;animation-delay:1.55s}.particle-c{left:50%;animation-delay:2.8s}.discharge{position:absolute;left:31%;right:31%;top:329px;height:90px;overflow:hidden}.discharge:before{content:'';position:absolute;left:24%;right:24%;top:0;height:25px;background:#9eb3c2;clip-path:polygon(0 0,100% 0,76% 100%,24% 100%)}.discharge i{position:absolute;top:28px;width:9px;height:9px;background:#f3a238;animation:outputDrop 2.4s infinite}.discharge i:nth-child(1){left:33%}.discharge i:nth-child(2){left:45%;animation-delay:.5s}.discharge i:nth-child(3){left:57%;animation-delay:1s}.discharge i:nth-child(4){left:68%;animation-delay:1.5s}.operating-animation figcaption{position:absolute;z-index:4;bottom:16px;left:22px;right:22px;display:flex;justify-content:space-between;gap:12px;color:#a8c9df;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.operating-animation figcaption b{color:#fff;text-align:center}@keyframes shaftSpin{to{transform:rotate(360deg)}}@keyframes feedDrop{0%,18%{transform:translateY(0);opacity:0}25%,56%{opacity:1}72%,100%{transform:translateY(140px);opacity:0}}@keyframes materialFlow{0%,34%{transform:translateY(0);opacity:0}42%,63%{opacity:1}75%,100%{transform:translateY(155px) rotate(240deg);opacity:0}}@keyframes outputDrop{0%,12%{transform:translateY(0);opacity:0}20%,76%{opacity:1}100%{transform:translateY(52px) translateX(9px);opacity:0}}@media(max-width:900px){.operating-layout{grid-template-columns:1fr}.operating-animation{min-height:390px}}@media(max-width:600px){.operating-animation{min-height:360px}.shaft--left{left:22%}.shaft--right{right:22%}.operating-animation figcaption{font-size:8px}.operating-animation figcaption b{max-width:120px}}
.machine-page{--machine-navy:#082b50;--machine-blue:#0867b8;--machine-muted:#60738a;--machine-line:#d7e2ec;--machine-accent:#f3a238;color:#10243b}.machine-page .hero{min-height:650px;background:linear-gradient(90deg,rgba(5,28,53,.96),rgba(5,31,57,.82) 44%,rgba(5,31,57,.18)),var(--brem-hero-image, none) 78% center / cover}.machine-page .hero__content{background:none;box-shadow:none;margin:38px auto 38px max(24px,calc((100vw - var(--shell))/2));padding:36px 0;max-width:680px;width:min(680px,calc(100% - 48px))}.machine-page .hero h1{font-size:clamp(46px,5.5vw,72px);letter-spacing:0}.breadcrumb{font-size:12px;color:#b8cbda;margin-bottom:24px}.breadcrumb a{color:#fff}.machine-facts{background:var(--machine-navy);color:#fff}.machine-facts .shell{display:grid;grid-template-columns:repeat(4,1fr)}.machine-facts div{padding:22px 26px;border-right:1px solid rgba(255,255,255,.18)}.machine-facts b{display:block;color:#99c7ee;font-size:11px;text-transform:uppercase;letter-spacing:1.2px}.machine-facts span{font-size:23px;font-weight:700}.jump-nav{background:#fff;border-bottom:1px solid var(--machine-line);position:sticky;top:82px;z-index:8}.jump-nav .shell{display:flex;gap:26px;overflow:auto}.jump-nav a{white-space:nowrap;padding:15px 0;font-size:13px;font-weight:700;color:var(--machine-muted)}.machine-page .section{padding:88px 0}.machine-page .section-head{margin-bottom:38px}.machine-page .section-head p{max-width:470px}.machine-page .split img{height:440px;object-fit:cover}.machine-page .lead{font-size:19px}.material-grid,.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.machine-card{background:#fff;border:1px solid var(--machine-line);padding:22px;min-height:190px;border-top:4px solid var(--machine-blue)}.machine-card h3{font-size:18px}.machine-card p,.relation-card p{font-size:13px;color:var(--machine-muted)}.structure{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px}.structure img{height:430px;width:100%;object-fit:cover}.component-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.component-list div{padding:13px 0;border-bottom:1px solid var(--machine-line)}.component-list strong{display:block;font-size:14px}.component-list span{font-size:12px;color:var(--machine-muted)}.shaft-panel{display:grid;grid-template-columns:1.12fr .88fr;gap:42px;padding:38px;background:var(--machine-navy);color:#fff}.shaft-panel .lead{color:#fff}.shaft-panel p:not(.lead){color:#c6d5e2}.shaft-data{margin:0}.shaft-data dt{padding:12px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#9bc4e6;border-top:1px solid rgba(255,255,255,.18)}.shaft-data dt:first-child{border-top:0}.shaft-data dd{margin:2px 0 0;padding:0 0 12px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.stats div{background:#e5f0f8;padding:19px}.stats b{display:block;font-size:25px;color:var(--machine-blue)}.stats span{font-size:12px;color:var(--machine-muted)}.table-wrap{overflow:auto;border:1px solid var(--machine-line)}.model-table{min-width:880px;width:100%;border-collapse:collapse;background:#fff}.model-table th,.model-table td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--machine-line);font-size:13px}.model-table th{background:#e8f2f9;color:var(--machine-navy);font-size:12px}.small-note{font-size:12px;color:var(--machine-muted);margin:14px 0 0}.relation{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;gap:15px;align-items:stretch}.relation-card{border:1px solid var(--machine-line);padding:24px;background:#fff}.relation-card span{display:block;font-size:11px;color:var(--machine-blue);font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.relation-card strong,.relation-card a{display:block;margin:6px 0}.relation-card--current{background:var(--machine-navy);color:#fff;border-color:var(--machine-navy)}.relation-card--current span{color:#9ac5e8}.relation-card--current p{color:#d2e0ea}.relation-arrow{font-size:30px;color:var(--machine-blue);align-self:center}.selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.selection-grid article{background:#fff;border:1px solid var(--machine-line);padding:24px}.selection-grid ul{padding-left:18px;color:var(--machine-muted);font-size:13px;margin:10px 0}.machine-page .faq{max-width:100%}.machine-page .cta{background:var(--machine-navy);color:#fff}.machine-page .cta h2{color:#fff}.machine-page .cta .lead{color:#c7d8e5}.machine-page .cta .kicker{color:#91bfdf}.machine-page .button--accent{background:var(--machine-accent);color:#1d2b3a}
.hopper span{position:absolute;width:13px;height:13px;background:#f4a33c;animation:feedDrop 4s infinite}.hopper span:nth-child(1){left:23%;top:-20px}.hopper span:nth-child(2){left:51%;top:-37px;animation-delay:1.1s}.hopper span:nth-child(3){left:70%;top:-56px;animation-delay:2.3s}.discharge span{position:absolute;top:28px;width:9px;height:9px;background:#f3a238;animation:outputDrop 2.4s infinite}.discharge span:nth-child(1){left:33%}.discharge span:nth-child(2){left:45%;animation-delay:.5s}.discharge span:nth-child(3){left:57%;animation-delay:1s}.discharge span:nth-child(4){left:68%;animation-delay:1.5s}@media(max-width:900px){.machine-facts .shell,.material-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.structure,.shaft-panel{grid-template-columns:1fr}.relation{grid-template-columns:1fr;gap:10px}.relation-arrow{transform:rotate(90deg);justify-self:center}.jump-nav{top:70px}}@media(max-width:600px){.machine-page .hero{min-height:620px;background-position:67% center!important}.machine-page .hero__content{padding:26px 0}.machine-page .hero h1{font-size:44px}.machine-facts .shell,.material-grid,.feature-grid,.stats,.selection-grid,.component-list{grid-template-columns:1fr}.machine-facts div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:15px}.machine-page .section{padding:62px 0}.machine-page .split img,.structure img{height:300px}.shaft-panel{padding:26px}}
.material-grid .machine-card{padding:0;overflow:hidden}.material-grid .machine-card img{width:100%;height:170px;object-fit:cover}.material-grid .machine-card h3,.material-grid .machine-card p{margin-left:20px;margin-right:20px}.material-grid .machine-card h3{margin-top:18px}.material-grid .machine-card p{margin-bottom:20px}
.architecture-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:stretch}.architecture-visual{position:relative;margin:0;min-height:580px;background:#edf4f8;border:1px solid var(--machine-line);overflow:hidden}.architecture-visual__bar{position:absolute;z-index:3;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:17px 20px;background:rgba(8,43,80,.96);color:#fff}.architecture-visual__bar span,.architecture-index__head span{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#9dc8ea}.architecture-visual__bar strong{font-size:16px}.architecture-visual__bar b{grid-column:2;font-size:10px;font-weight:400;color:#c1d3e0}.architecture-visual img{width:100%;height:580px;object-fit:cover;filter:saturate(.78) contrast(1.04)}.architecture-visual:after{content:'';position:absolute;inset:70px 0 0;background:linear-gradient(90deg,rgba(8,43,80,.18),transparent 40%,rgba(8,43,80,.12));pointer-events:none}.callout{position:absolute;z-index:4;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f3a238;color:#132b42;font-size:11px;font-weight:800;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}.callout:after{content:'';position:absolute;width:54px;height:1px;background:#f3a238;transform-origin:left}.callout--1{top:21%;left:35%}.callout--1:after{transform:rotate(142deg)}.callout--2{top:45%;left:31%}.callout--2:after{transform:rotate(170deg)}.callout--3{top:49%;left:49%}.callout--3:after{transform:rotate(18deg)}.callout--4{top:49%;right:15%}.callout--4:after{transform:rotate(158deg)}.callout--5{top:58%;right:27%}.callout--5:after{transform:rotate(112deg)}.callout--6{bottom:17%;left:28%}.callout--6:after{transform:rotate(195deg)}.callout--7{bottom:21%;right:16%}.callout--7:after{transform:rotate(20deg)}.architecture-visual figcaption{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:12px 20px;background:rgba(8,43,80,.9);color:#c8d9e5;font-size:11px}.architecture-index{border:1px solid var(--machine-line);background:#fff}.architecture-index__head{padding:23px 25px;border-bottom:1px solid var(--machine-line);background:#f4f8fb}.architecture-index__head p{margin:7px 0 0;color:var(--machine-muted);font-size:13px}.architecture-index ol{list-style:none;margin:0;padding:0}.architecture-index li{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:15px 25px;border-bottom:1px solid var(--machine-line)}.architecture-index li:last-child{border-bottom:0}.architecture-index li>b{display:grid;place-items:center;width:34px;height:34px;background:#e5f0f8;color:var(--machine-blue);font-size:11px}.architecture-index strong{display:block;font-size:14px;line-height:1.3}.architecture-index li span{display:block;margin-top:4px;color:var(--machine-muted);font-size:12px;line-height:1.45}@media(max-width:900px){.architecture-layout{grid-template-columns:1fr}.architecture-visual,.architecture-visual img{min-height:500px;height:500px}}@media(max-width:600px){.architecture-visual,.architecture-visual img{min-height:390px;height:390px}.architecture-visual__bar{padding:14px}.architecture-visual__bar b{display:none}.architecture-index li{padding:14px 16px}.callout{transform:scale(.82)}.architecture-visual figcaption{font-size:10px}}
.cutter-system-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:stretch}.cutter-system-visual{position:relative;min-height:500px;margin:0;overflow:hidden;border:1px solid var(--machine-line);background:#0a2e52}.cutter-system-visual img{width:100%;height:500px;object-fit:cover;object-position:52% 57%;filter:saturate(.78) contrast(1.08)}.cutter-system-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,31,57,.75),transparent 35%,rgba(5,31,57,.25) 70%,rgba(5,31,57,.88))}.cutter-system-visual__label{position:absolute;z-index:2;top:20px;left:22px;color:#fff}.cutter-system-visual__label span,.cutter-facts__intro>span{display:block;color:#9dc8ea;font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.cutter-system-visual__label strong{display:block;margin-top:4px;font-size:20px}.cutter-system-visual figcaption{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:15px 20px;color:#d0e0eb;font-size:11px}.cutter-facts{background:var(--machine-navy);color:#fff;padding:28px 28px 12px}.cutter-facts__intro p{margin:10px 0 20px;color:#d0e0eb;font-size:15px;line-height:1.6}.cutter-facts__grid{display:grid;grid-template-columns:1fr 1fr;margin:0}.cutter-facts__grid>div{padding:15px 14px 15px 0;border-top:1px solid rgba(255,255,255,.18)}.cutter-facts__grid>div:nth-child(even){padding-left:14px;border-left:1px solid rgba(255,255,255,.18)}.cutter-facts dt{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#9dc8ea}.cutter-facts dd{margin:5px 0 3px;font-weight:700;font-size:15px;line-height:1.25}.cutter-facts small{display:block;color:#b9ccd9;font-size:11px;line-height:1.4}.cutter-configuration-note{display:flex;gap:16px;align-items:baseline;margin-top:18px;padding:17px 20px;background:#eaf2f8;border-left:4px solid var(--machine-blue);color:#435a73}.cutter-configuration-note strong{white-space:nowrap;color:var(--machine-navy);font-size:12px;text-transform:uppercase;letter-spacing:1px}.cutter-configuration-note span{font-size:13px}@media(max-width:900px){.cutter-system-layout{grid-template-columns:1fr}.cutter-system-visual,.cutter-system-visual img{min-height:430px;height:430px}}@media(max-width:600px){.cutter-system-visual,.cutter-system-visual img{min-height:330px;height:330px}.cutter-facts{padding:23px 20px 8px}.cutter-facts__grid{grid-template-columns:1fr}.cutter-facts__grid>div,.cutter-facts__grid>div:nth-child(even){padding:13px 0;border-left:0}.cutter-configuration-note{display:block}.cutter-configuration-note strong{display:block;margin-bottom:7px}}
.cutter-facts__grid>div>dt,
.cutter-facts__grid>div>span{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#9dc8ea}
.cutter-facts__grid>div>dd,
.cutter-facts__grid>div>strong{display:block;margin:5px 0 3px;font-weight:700;font-size:15px;line-height:1.25}
.machine-page .jump-nav{top:78px}
.machine-page .hero,
.machine-page .hero h1{color:#fff}
.machine-page .hero p{color:#cbd8e6}
.machine-page .hero .eyebrow{color:#91ccec}
.selection-module{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:stretch}.selection-flow{position:relative;display:grid;gap:12px}.selection-flow:before{content:'';position:absolute;top:30px;bottom:30px;left:24px;width:1px;background:#b8cfdf}.selection-step{position:relative;display:grid;grid-template-columns:50px 1fr;gap:17px;padding:24px 24px 22px;border:1px solid var(--machine-line);background:#fff}.selection-step__marker{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;background:var(--machine-blue);color:#fff;font-size:13px;font-weight:800}.selection-step__label{display:block;color:var(--machine-blue);font-size:10px;text-transform:uppercase;letter-spacing:1.1px}.selection-step h3{margin:4px 0 3px;font-size:21px}.selection-step p{margin:0;color:var(--machine-muted);font-size:13px}.selection-step ul{display:grid;grid-template-columns:1fr 1fr;gap:3px 22px;margin:14px 0 11px;padding:0;list-style:none;color:#354e64;font-size:13px}.selection-step li:before{content:'+';display:inline-block;margin-right:7px;color:var(--machine-blue);font-weight:700}.selection-step small{display:block;padding-top:10px;border-top:1px solid var(--machine-line);color:var(--machine-muted);font-size:11px;line-height:1.45}.selection-action{padding:30px;background:var(--machine-navy);color:#fff}.selection-action__eyebrow{display:block;color:#9dc8ea;font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.selection-action h3{margin:8px 0 10px;font-size:27px;line-height:1.15}.selection-action>p{color:#d0e0eb;font-size:13px}.selection-action>strong{display:block;margin-top:22px;font-size:12px;color:#fff}.selection-action ul{margin:10px 0 15px;padding-left:18px;color:#c8d9e5;font-size:12px;line-height:1.8}.selection-action__hint{font-size:11px!important;color:#9dc8ea!important;margin:12px 0 18px}.selection-action .button{width:100%;text-align:center}.selection-outcome{display:flex;align-items:center;gap:8px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:10px;color:#c8d9e5}.selection-outcome b{color:#f3a238;font-size:16px}.selection-outcome span:last-child{color:#fff}@media(max-width:900px){.selection-module{grid-template-columns:1fr}.selection-action{padding:26px}.selection-outcome{justify-content:flex-start}}@media(max-width:600px){.selection-step{grid-template-columns:40px 1fr;padding:20px 17px;gap:12px}.selection-step__marker{width:38px;height:38px;font-size:11px}.selection-step ul{grid-template-columns:1fr;gap:4px}.selection-action h3{font-size:24px}.selection-outcome{display:grid;grid-template-columns:1fr auto;gap:3px 8px}.selection-outcome b{grid-column:2;grid-row:1}.selection-outcome b:nth-of-type(2){grid-row:2}.selection-outcome span:last-child{grid-column:1 / -1}}