.eqg-experiment{margin-top:55px;scroll-margin-top:85px}.eqg-experiment>header{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:center;margin-bottom:24px}.eqg-experiment>header>.obs-eyebrow{grid-column:1/-1;font-size:10px;margin:0 0 12px}.eqg-experiment h2{font-size:clamp(1.9rem,3.4vw,2.8rem);letter-spacing:-.045em;line-height:1.1;margin:0}.eqg-experiment>header>p:last-child{font-size:14px;line-height:1.8;color:var(--obs-muted);margin:0;max-width:520px}.eqg-card{background:#19272f;color:#eef0e7;border:1px solid #374b53;border-radius:22px;overflow:hidden}.eqg-sites{display:grid;grid-template-columns:1fr 1fr;padding:23px 32px 0;gap:30px}.eqg-sites>div{position:relative;padding-left:16px}.eqg-sites strong{display:block;font-size:14px;font-weight:600}.eqg-sites small{display:block;font-size:10px;color:#bac8c7;margin-top:7px}.eqg-dot{position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%}.eqg-dot-rock{background:#8fabb9}.eqg-dot-soil{background:#d5b47a}.eqg-scene{display:block;width:100%;height:auto;max-height:495px;overflow:visible;background:radial-gradient(ellipse at 50% 35%,#34414900,#15242c30)}.eqg-svg-label{font-family:inherit;font-size:11px;letter-spacing:.12em;fill:#c0cecf}.eqg-readout{max-width:850px;margin:4px auto 25px;padding:0 28px;text-align:center;min-height:37px;font-size:13px;line-height:1.75;color:#e0e5dc}.eqg-controls{display:flex;gap:22px;align-items:flex-end;flex-wrap:wrap;padding:22px 28px;border-top:1px solid #ffffff20;background:#ffffff03}.eqg-label{display:block;font-size:8px;letter-spacing:.12em;color:#bccbc9;margin-bottom:9px}.eqg-segment{display:flex;padding:3px;background:#122029;border:1px solid #596d75;border-radius:9px;gap:3px}.eqg-segment button{color:#c6d2d0;font:inherit;font-size:11px;background:none;border:1px solid transparent;border-radius:6px;min-height:37px;padding:8px 12px;cursor:pointer}.eqg-segment button[aria-pressed=true]{background:#344951;color:#fff;border-color:#82928e}.eqg-play{background:#efbe86;color:#1a2a2e;font:inherit;font-weight:650;font-size:12px;border:1px solid #ffe0b7;border-radius:100px;min-height:45px;padding:12px 19px;cursor:pointer;margin-left:auto}.eqg-play:hover{background:#f8d1a4}.eqg-scrub{display:flex;align-items:center;gap:18px;padding:15px 29px 0}.eqg-scrub label{font-size:11px;color:#c6d2d0;white-space:nowrap}.eqg-scrub input{flex:1;min-width:30px;height:30px;accent-color:#edbc81}.eqg-scrub output{font-size:10px;color:#d8ddcd;width:86px;text-align:right}.eqg-caption{padding:11px 29px 22px;margin:0;font-size:10px;color:#b6c6c5;line-height:1.8}.eqg-why{margin-top:16px;border:1px solid var(--obs-line);border-radius:13px;font-size:12px;line-height:1.8;color:var(--obs-muted);padding:0 20px 2px}.eqg-why summary{color:var(--obs-text);font-size:12px;padding:13px 0;cursor:pointer}.eqg-why p{max-width:960px}.eqg-why .obs-button{font-size:12px;margin:8px 0 18px}.eqg-card button:focus-visible,.eqg-card input:focus-visible{outline:3px solid #ffd8a5;outline-offset:3px}
@media(max-width:1000px){.eqg-controls{gap:15px;padding:21px}.eqg-play{margin-left:0}.eqg-segment button{padding:8px 10px;font-size:10px}}
@media(max-width:720px){.eqg-experiment{margin-top:39px}.eqg-experiment>header{display:block;margin-bottom:21px}.eqg-experiment h2{font-size:28px}.eqg-experiment>header>p:last-child{font-size:13px;margin-top:16px}.eqg-card{border-radius:16px}.eqg-sites{padding:18px 14px 0;gap:12px}.eqg-sites strong{font-size:10px}.eqg-sites small{font-size:8px;line-height:1.5}.eqg-sites>div{padding-left:12px}.eqg-dot{width:5px;height:5px;top:5px}.eqg-readout{font-size:11px;margin:7px 0 17px;padding:0 17px;min-height:57px}.eqg-controls{display:grid;grid-template-columns:1fr;gap:16px;padding:18px}.eqg-label{font-size:8px}.eqg-segment button{font-size:11px;flex:1;min-height:40px}.eqg-play{justify-self:start;font-size:12px;min-height:42px}.eqg-scrub{display:grid;grid-template-columns:1fr 80px;gap:3px 13px;padding:14px 18px 0}.eqg-scrub input{grid-row:2;grid-column:1/-1;width:100%}.eqg-scrub output{width:auto}.eqg-scrub label{font-size:11px}.eqg-caption{padding:11px 18px 18px;font-size:9px}.eqg-why{padding-inline:16px}.eqg-why summary{font-size:11px}.eqg-why p{font-size:11px}}