.acbc{margin:38px auto;padding:30px!important;width:min(1120px,calc(100% - 40px));background:#123e38!important;color:#f4f3e9;border:1px solid #365c51;border-radius:22px;font-family:inherit;overflow:hidden;scroll-margin-top:16px}
.acbc *{box-sizing:border-box}.acbc .acbc-ey{font-size:11px!important;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#c5d7bd;margin:0 0 12px!important}.acbc h2{font-size:clamp(25px,3vw,37px)!important;line-height:1.15!important;letter-spacing:-.035em;color:#fff!important;margin:0!important;max-width:700px}.acbc .acbc-intro{font-size:16px!important;line-height:1.5!important;color:#c9d8ca;max-width:790px;margin:12px 0 0!important}.acbc-stage{position:relative;max-width:780px;margin:0 auto;background:radial-gradient(ellipse at center,#38655633,transparent 67%)}.acbc-diagram{display:block;width:100%;max-height:320px;height:auto}.acbc-diagram text{font-family:inherit;font-size:21px;font-weight:700;fill:#e6e9d7}.acbc-marker circle{fill:#244b43;stroke:#859e87;stroke-width:1.5}.acbc-air,.acbc-bone,.acbc-cochlea{opacity:.27;transition:opacity .4s}.acbc[data-step="1"] .acbc-air,.acbc[data-step="2"] .acbc-bone,.acbc[data-step="3"] .acbc-bone,.acbc[data-step="3"] .acbc-cochlea{opacity:1}.acbc[data-step="1"] .acbc-marker-1 circle,.acbc[data-step="2"] .acbc-marker-2 circle,.acbc[data-step="3"] .acbc-marker-3 circle{fill:#efd498;stroke:#efd498}.acbc[data-step="1"] .acbc-marker-1 text,.acbc[data-step="2"] .acbc-marker-2 text,.acbc[data-step="3"] .acbc-marker-3 text{fill:#173f38}.acbc-travel{animation:acbc-flow 1.3s linear infinite;animation-play-state:paused}.acbc-vibration{animation:acbc-pulse 1.4s ease-in-out infinite;animation-play-state:paused}.acbc[data-running="true"] .acbc-travel,.acbc[data-running="true"] .acbc-vibration{animation-play-state:running}.acbc[data-running="true"][data-step="3"] .acbc-cochlea{animation:acbc-light 1.5s ease-in-out infinite}.acbc-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0!important;padding:0!important;list-style:none!important}.acbc-tabs button{font-weight:600;font-size:15px;line-height:1.25;font-family:inherit;width:100%;padding:12px 9px;min-height:48px;border:1px solid #658575;border-radius:9px;background:#244c43;color:#f4f3e7;cursor:pointer;text-align:center}.acbc-tabs button[aria-pressed="true"]{border-color:#edd49a;background:#f0d79f;color:#173f38}.acbc button:focus-visible,.acbc a:focus-visible{outline:3px solid #fff;outline-offset:4px}.acbc-caption{min-height:76px;margin:15px 0 0!important;padding:0!important;list-style:none!important}.acbc-caption li{display:none;font-size:16px;line-height:1.55;color:#d5e2d5}.acbc[data-step="1"] .acbc-caption li:nth-child(1),.acbc[data-step="2"] .acbc-caption li:nth-child(2),.acbc[data-step="3"] .acbc-caption li:nth-child(3){display:block}.acbc-caption strong{display:block;color:#fff;font-size:20px;line-height:1.3;margin-bottom:5px}.acbc-controls{display:flex;align-items:center;gap:18px;padding-top:13px;border-top:1px solid #48685a}.acbc-controls button{font:inherit;font-size:13px;color:#e3e9d9;border:0;background:transparent;min-height:42px;cursor:pointer;padding:6px 0}.acbc-controls .acbc-play{padding:8px 12px;border:1px solid #638473;border-radius:8px}.acbc-controls span{margin-left:auto;font-size:12px;color:#c3d3bf}.acbc-note{margin:12px 0 0!important;color:#bdcbbb;font-size:12px!important;line-height:1.45!important}.acbc-clinical{font-size:15px!important;line-height:1.5!important;border-top:1px solid #48685a;margin:18px 0 0!important;padding-top:16px}.acbc a{color:#f1deb5;text-underline-offset:4px}.acbc-clinical a{display:inline-block;font-weight:650;margin-top:7px}.acbc-sources{margin:12px 0 0!important;font-size:11px!important;line-height:1.5!important}.acbc-quick-link{display:block;margin-top:14px;font-weight:650;font-size:16px;text-underline-offset:4px}.acbc-text-link{margin:16px 0;font-size:17px;line-height:1.5}.acbc-text-link a{font-weight:650;text-underline-offset:4px}
@keyframes acbc-flow{to{stroke-dashoffset:-42}}@keyframes acbc-pulse{50%{opacity:.35}}@keyframes acbc-light{50%{opacity:.65}}
@media(max-width:700px){.acbc{width:calc(100% - 28px);padding:21px 16px!important;border-radius:16px;margin:26px auto}.acbc h2{font-size:27px!important}.acbc .acbc-intro{font-size:14px!important}.acbc-diagram{max-height:240px;width:calc(100% + 20px);margin-left:-10px}.acbc-tabs{gap:5px}.acbc-tabs button{font-size:13px;padding:10px 4px}.acbc-caption{min-height:85px}.acbc-caption strong{font-size:18px}.acbc-caption li{font-size:15px}.acbc-controls{gap:13px}.acbc-controls span{font-size:11px}.acbc-clinical{font-size:14px!important}}
@media(max-width:700px) and (max-height:650px){body:has(.acbc) .acx-nav{position:relative;top:auto}html:has(.acbc){scroll-padding-top:12px!important}}
@media(prefers-reduced-motion:reduce){.acbc *{animation:none!important;transition:none!important}}