.experience-panel{max-width:1280px;margin:40px auto 80px;padding:clamp(24px,5vw,64px);display:grid;grid-template-columns:1fr 1.1fr;gap:48px;background:#f0f4f9;border:1px solid #d6dfeb;border-radius:24px;color:#294568}.experience-panel h2{font-size:clamp(26px,3.5vw,44px);line-height:1.2}.experience-panel p,.experience-panel small{line-height:1.8}.experience-label{font-size:10px;letter-spacing:.14em;color:#795d20}.experience-chart svg{width:100%;display:block}.experience-grid{fill:none;stroke:#d4deeb;stroke-dasharray:4 5}.experience-trace{fill:none;stroke:#446087;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.experience-cursor{stroke:#bf8d14;stroke-width:2}.experience-chart label{display:block;font-size:12px}.experience-chart input{width:100%;accent-color:#446087}.experience-chart small{display:block;font-size:11px}.experience-readout{font-size:12px}.experience-reveal{transition:transform .6s ease,opacity .6s ease}.experience-reveal:not(.experience-visible){transform:translateY(12px)}@media(max-width:760px){.experience-panel{grid-template-columns:1fr;margin:24px 16px 48px;gap:20px}}@media(prefers-reduced-motion:reduce){.experience-reveal{transition:none;transform:none!important}html{scroll-behavior:auto!important}}
