.quake-education{display:grid;gap:20px;color:var(--ink)}
.quake-education>article{padding:clamp(18px,3vw,30px);border:1px solid var(--line);border-radius:20px;background:var(--surface-solid);box-shadow:var(--shadow-soft);min-width:0}
.quake-education h3{margin:10px 0;font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.2}
.quake-education header p{margin:0;color:var(--muted);line-height:1.65;font-size:.9rem}
.quake-log-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.quake-log-steps>div{display:grid;gap:5px;padding:14px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line)}
.quake-log-steps strong{font-size:1.6rem;color:var(--navy-800)}
.quake-log-steps span{font-size:.82rem;font-weight:700}
.quake-log-steps>div>div{display:grid;gap:6px}
.quake-amplitude-section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.quake-amplitude-section h4{margin:0 0 12px;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.35}
.quake-amplitude-section>p:not(.quake-fine-print){font-size:.9rem;line-height:1.7;color:var(--muted)}
.quake-energy-result.quake-amplitude-result{background:linear-gradient(120deg,#5a4026,#96632d)}
.quake-energy-result.quake-amplitude-result small{color:#ffe6bf}
.quake-amplitude-waves{display:grid;gap:14px}
.quake-amplitude-waves[hidden],.quake-amplitude-limit[hidden]{display:none}
.quake-amplitude-waves>div{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);min-width:0}
.quake-amplitude-waves strong{display:block;font-size:.8rem;line-height:1.5}
.quake-amplitude-waves svg{display:block;width:100%;height:auto;margin-top:6px}
.quake-amplitude-axis{fill:none;stroke:var(--muted);stroke-width:1;stroke-dasharray:5 5;opacity:.45}
.quake-amplitude-wave{fill:none;stroke:#2396a8;stroke-width:2;vector-effect:non-scaling-stroke}
.quake-amplitude-waves>div:nth-child(2) .quake-amplitude-wave{stroke:#dc853c}
.quake-amplitude-limit{padding:12px 14px;background:var(--surface-soft);border:1px solid var(--line);border-left:4px solid #dc853c;border-radius:12px}
.quake-magnitude-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:20px 0}
.quake-education button{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit;font-size:.82rem;cursor:pointer;background:var(--surface-soft);color:var(--ink)}
.quake-magnitude-levels button{display:grid;text-align:left;gap:5px;border-top:5px solid var(--quake-level-color);padding:12px}
.quake-magnitude-levels button span{font-size:.72rem;color:var(--muted)}
.quake-magnitude-levels button[aria-pressed="true"]{outline:3px solid var(--quake-level-color);outline-offset:1px;background:color-mix(in srgb,var(--quake-level-color) 10%,var(--surface-solid))}
.quake-education :is(button,input,summary):focus-visible{outline:3px solid var(--blue-600);outline-offset:3px}
.quake-range-label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;font-size:.85rem;font-weight:800}
.quake-range-label input{grid-column:1/-1;width:100%;margin:0;min-height:44px;accent-color:var(--blue-600)}
.quake-range-label output{font-variant-numeric:tabular-nums;color:var(--navy-800)}
.quake-level-description{padding:14px;border-left:4px solid var(--blue-600);background:var(--surface-soft);border-radius:0 12px 12px 0;font-size:.9rem;line-height:1.6}
.quake-education .quake-fine-print{font-size:.77rem;color:var(--muted);line-height:1.65;margin:14px 0 0}
.quake-energy-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0 8px}
.quake-energy-inputs label{display:grid;grid-template-rows:minmax(2.6em,auto) auto;align-items:end;gap:8px;font-size:.85rem;font-weight:800}
.quake-energy-inputs input[type="number"]{width:100%;min-width:0;box-sizing:border-box;min-height:48px;font:inherit;font-size:1.3rem;font-weight:800;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--ink)}
.quake-energy-inputs input[type="range"]{width:100%;margin:6px 0;min-height:44px;accent-color:var(--blue-600)}
.quake-energy-presets{display:flex;gap:8px;flex-wrap:wrap}
.quake-energy-result{margin:20px 0;padding:22px;border-radius:17px;color:#edf8ff;background:linear-gradient(120deg,#123e55,#157b89)}
.quake-energy-result small{display:block;color:#c1e6eb;font-size:.72rem;font-weight:800}
.quake-energy-result>strong{display:block;font-size:clamp(1.7rem,4vw,3rem);margin:10px 0;overflow-wrap:anywhere;line-height:1.15}
.quake-energy-result p{font-size:.88rem;line-height:1.6;margin:0}
.quake-energy-bars{display:grid;gap:14px}
.quake-energy-bars[hidden]{display:none}
.quake-energy-bars span{display:block;font-size:.8rem;font-weight:800;margin-bottom:7px}
.quake-energy-track{height:22px;border-radius:7px;background:color-mix(in srgb,var(--muted) 17%,var(--surface-solid));overflow:hidden}
.quake-energy-track i{display:block;height:100%;background:linear-gradient(90deg,#1e9cb0,#69cdd2);transition:width .4s ease}
.quake-energy-bars>div:nth-child(2) i{background:linear-gradient(90deg,#d97534,#f6ba5e)}
.quake-formula{margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.82rem}
.quake-formula summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:800;color:var(--ink)}
.quake-formula p{line-height:1.7}
.quake-cross-section{position:relative;margin:20px 0;border-radius:17px;overflow:hidden;border:1px solid var(--line);background:#465949}
.quake-cross-section svg{display:block;width:100%;height:auto}
.quake-svg-label{fill:#173c50;font:700 19px system-ui}
.quake-svg-label.earth-label{fill:#fff0d5}
.quake-svg-small{fill:#eee5da;font:15px system-ui}
.quake-model-badge{display:block;padding:10px 16px;background:#213d45;color:#e3f2f5;font-size:.7rem;font-weight:700}
.quake-edu-wave{fill:none;stroke:#ffde91;stroke-width:2.5;opacity:.35;transform-box:fill-box;transform-origin:center}
.quake-edu-wave:nth-child(1){transform:scale(.4)}
.quake-edu-wave:nth-child(2){transform:scale(.8)}
.quake-edu-wave:nth-child(3){transform:scale(1.2)}
.is-quake-animated .quake-edu-wave{animation:quake-education-wave 6s linear infinite}
.is-quake-animated .quake-edu-wave:nth-child(2){animation-delay:-2s}
.is-quake-animated .quake-edu-wave:nth-child(3){animation-delay:-4s}
@keyframes quake-education-wave{0%{transform:scale(.06);opacity:.85}100%{transform:scale(3.8);opacity:0}}
.quake-model-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
.quake-education button[hidden]{display:none}
.quake-education button:disabled{cursor:default;opacity:.65}
.quake-animation-state{font-size:.77rem;color:var(--muted);line-height:1.5}
.quake-model-definitions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.quake-model-definitions>div{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);font-size:.8rem;line-height:1.5}
.quake-model-definitions span{color:var(--muted)}
.quake-education-sources{font-size:.78rem;color:var(--muted);line-height:1.7;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);overflow-wrap:anywhere}
[data-theme="dark"] .quake-log-steps strong,[data-theme="dark"] .quake-range-label output{color:#94d7ec}
@media(max-width:600px){.quake-magnitude-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.quake-log-steps{grid-template-columns:1fr;gap:8px}.quake-log-steps>div{grid-template-columns:52px minmax(0,1fr);align-items:center}.quake-energy-inputs{gap:12px}.quake-model-controls,.quake-model-definitions{grid-template-columns:1fr}.quake-model-controls{gap:8px}.quake-cross-section svg{min-height:210px;object-fit:contain}.quake-svg-label{font-size:23px}.quake-svg-small{font-size:19px}.quake-energy-result{padding:18px}.quake-model-definitions>div{padding:12px}}
@media(prefers-reduced-motion:reduce){.is-quake-animated .quake-edu-wave{animation:none}.quake-energy-track i{transition:none}}