.mw{--mw-blue:#126a98;--mw-ink:#183346;--mw-muted:#516979;padding:70px 20px;background:#f1f6fa;color:var(--mw-ink);font:16px/1.8 system-ui,-apple-system,'Noto Sans JP',sans-serif;scroll-margin-top:90px}.mw *{box-sizing:border-box}.mw-wrap{max-width:1140px;margin:auto}.mw-heading{text-align:center;margin-bottom:32px}.mw-eyebrow{font-weight:700;color:var(--mw-blue);letter-spacing:.08em}.mw h2{font-size:clamp(25px,3.2vw,38px);line-height:1.55;margin:10px 0 18px}.mw h2 span{display:inline-block}.mw h3{font-size:21px;line-height:1.65;margin:10px 0}.mw p{margin:10px 0}.mw button,.mw input{font:inherit}.mw button{cursor:pointer;min-height:46px;border:1px solid #b2c9d8;background:#fff;border-radius:8px;color:var(--mw-ink);padding:9px 12px;font-weight:700}.mw button[aria-pressed=true]{background:var(--mw-blue);color:#fff;border-color:var(--mw-blue)}.mw button:focus-visible,.mw a:focus-visible,.mw input:focus-visible,.mw summary:focus-visible{outline:3px solid #be7716;outline-offset:4px}.mw-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);background:white;border:1px solid #d3e1eb;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #163d5410}.mw-visual{min-width:0;background:linear-gradient(140deg,#fff,#eaf3f9);padding:20px}.mw-toolbar{display:flex;gap:8px}.mw-toolbar button{flex:1}.mw-stage{width:100%;aspect-ratio:720/490;overflow:hidden}.mw-stage svg{width:100%;height:100%;display:block;font-family:system-ui,sans-serif}.mw-legend{display:flex;justify-content:center;gap:6px 16px;flex-wrap:wrap;font-size:14px}.mw-legend span{white-space:nowrap}.mw-legend i{display:inline-block;width:12px;height:12px;margin-right:5px;border-radius:2px}.mw-old{background:#587184}.mw-new{background:#1374a5}.mw-air{background:#edbb61}.mw-sliders{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:18px 0 8px}.mw-sliders label{font-size:14px;font-weight:700}.mw input[type=range]{display:block;width:100%;min-height:40px;accent-color:var(--mw-blue);margin:0}.mw-caption{font-size:13px;color:var(--mw-muted)}.mw-controls{padding:26px;border-left:1px solid #d3e1eb;min-width:0}.mw-toggle{display:grid;grid-template-columns:1fr 1.4fr;gap:6px}.mw-topics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:22px 0}.mw-topics button{padding:8px 2px;font-size:15px}.mw-explanation{min-height:300px}.mw-explanation>p:first-child{font-size:13px;letter-spacing:.08em;color:var(--mw-blue);font-weight:700}.mw-note{font-size:14px;background:#f0f5f8;border-left:3px solid #c28a32;padding:14px;color:#405b6d}.mw .mw-reset{font-size:14px;border:0;background:transparent;padding-left:0;text-decoration:underline;color:var(--mw-muted)}.mw-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:34px 0}.mw-points article{border-top:2px solid #a5c6da;padding-top:16px}.mw-points article>span{font-size:14px;font-weight:700;color:var(--mw-blue)}.mw-points h3{font-size:19px}.mw-points p{color:#405b6d}.mw-practical{background:#173e57;color:white;padding:30px 34px;border-radius:12px}.mw-practical h3{margin-top:0}.mw .mw-cta{display:inline-flex;justify-content:center;gap:16px;align-items:center;text-decoration:none;background:#fff;color:#134361;padding:13px 20px;border-radius:8px;font-weight:700;margin:12px 20px 8px 0;max-width:100%}.mw .mw-text-link{color:white;text-underline-offset:4px;display:inline-block}.mw-sources{font-size:14px;color:var(--mw-muted);margin-top:22px}.mw-sources summary{cursor:pointer;padding:10px 0}.mw-sources a{color:#12618c;text-decoration:underline}.mw [hidden]{display:none!important}@media(max-width:800px){.mw-workspace{grid-template-columns:1fr}.mw-controls{border-left:0;border-top:1px solid #d3e1eb}.mw-explanation{min-height:0}.mw-heading br{display:none}.mw-points{grid-template-columns:1fr;gap:16px}.mw-points h3{margin:4px 0}.mw{padding:48px 16px}.mw-practical{padding:24px}.mw h2 span{display:block}}@media(max-width:430px){.mw{padding:40px 12px}.mw h2{font-size:25px}.mw-visual{padding:12px}.mw-controls{padding:18px}.mw-legend{font-size:13px;gap:5px 10px}.mw-cta{font-size:15px}.mw-sliders{gap:15px}.mw h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.mw *{scroll-behavior:auto!important}}