.am-lab{padding-block:54px 62px;scroll-margin-top:100px}.am-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.am-heading h2{margin:12px 0 16px!important}.am-heading p{color:#526b7d;font-size:16px}.am-label{white-space:nowrap;font-size:12px;border:1px solid #c3d4e1;border-radius:30px;padding:10px 16px;color:#45677c}.am-tabs{display:flex;gap:8px;margin:20px 0 0}.am-tabs button{flex:1;border:1px solid #c7d7e3;border-radius:8px 8px 0 0;padding:16px;background:#f4f7fa;color:#365669;cursor:pointer;font:inherit;font-size:15px;font-weight:700}.am-tabs button span{font-size:12px;opacity:.7;margin-right:10px}.am-tabs button[aria-selected=true]{background:#153d5e;border-color:#153d5e;color:#fff}.am-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;border:1px solid #c7d7e3;padding:28px;border-radius:0 0 8px 8px;background:#fff}.am-panel figure{margin:0;min-width:0;align-self:center}.am-panel svg{display:block;width:100%;height:auto}.am-panel figcaption{font-size:12px;line-height:1.75;color:#617b8e;margin-top:12px}.am-explain{min-width:0}.am-topic{font-size:11px;font-weight:750;letter-spacing:.1em;color:#28788d}.am-explain h3{font-size:25px!important;margin:12px 0 16px!important}.am-explain>p{font-size:14px;color:#456378}.am-current{padding:18px;background:#edf4f8;border-left:3px solid #28788d;border-radius:0 6px 6px 0;min-height:155px;margin:20px 0}.am-current>span{display:block;font-size:11px;color:#617b8e;margin-bottom:8px}.am-current strong{font-size:16px}.am-current p{font-size:13px;line-height:1.8;margin:9px 0 0!important;color:#456378}.am-explain>a{font-size:13px;color:#0861ca;text-decoration:underline}.am-controls{display:grid;grid-template-columns:auto 1fr;gap:14px 30px;align-items:center;background:#f4f7fa;border:1px solid #c7d7e3;border-top:0;border-radius:0 0 8px 8px;padding:20px 26px}.am-buttons{display:flex;gap:7px}.am-buttons button{font:inherit;font-size:13px;font-weight:700;min-height:44px;padding:10px 15px;color:#173d59;background:#fff;border:1px solid #b9ccda;border-radius:5px;cursor:pointer}.am-buttons #am-play{background:#174a86;color:#fff;border-color:#174a86;min-width:90px}.am-controls label{font-size:12px;color:#456378;display:block}.am-controls output{float:right;font-variant-numeric:tabular-nums}.am-controls input{display:block;width:100%;min-height:32px;accent-color:#174a86;cursor:pointer}.am-controls>p{grid-column:1/-1;font-size:12px;color:#617b8e;margin:0!important}.am-lab button:focus-visible,.am-lab input:focus-visible{outline:3px solid #4f92ca;outline-offset:4px}.am-static-note{font-size:13px;color:#526b7d}.am-inline-link{display:inline-block;margin:0 0 18px;font-size:14px;color:#0861ca;text-decoration:underline}.am-panel[hidden],.am-tabs[hidden],.am-controls[hidden]{display:none!important}
@media(max-width:900px){.am-panel{grid-template-columns:1fr;gap:20px}.am-panel figure{max-width:640px;margin:auto}.am-explain h3 br{display:none}.am-current{min-height:0}.am-heading{display:block}.am-label{display:none}}
@media(max-width:640px){.am-lab{padding-block:35px}.am-heading p{font-size:14px}.am-tabs{gap:4px}.am-tabs button{padding:12px 4px;font-size:12px}.am-tabs button span{display:block;margin:0 0 3px}.am-panel{padding:14px}.am-panel figcaption{font-size:11px}.am-explain h3{font-size:23px!important}.am-controls{grid-template-columns:1fr;padding:16px;gap:15px}.am-buttons{justify-content:space-between}.am-buttons button{flex:1;padding:10px 8px}.am-controls label{font-size:13px}.am-current{padding:14px}}

.am-visual{min-width:0;align-self:start}.am-visual .am-controls{grid-template-columns:1fr;padding:16px;margin-top:16px;border:1px solid #c7d7e3;border-radius:8px;gap:12px}.am-visual .am-buttons button{flex:1}.am-visual .am-controls label{font-size:13px}