.diagram-page{display:block;height:auto;min-height:100vh;overflow:auto;background:#f4f7f6}.diagram-page header{position:static}.diagram-main{max-width:1400px;margin:auto;padding:36px 28px}.diagram-intro{max-width:880px}.diagram-intro h1{font-size:clamp(25px,3vw,36px);letter-spacing:-1px;margin:8px 0 16px}.diagram-intro p{line-height:1.65}.diagram-controls{display:flex;gap:16px;align-items:end;margin:28px 0 20px}.diagram-controls label{display:grid;gap:8px;font-size:13px;font-weight:650;flex:1}.diagram-controls select{width:100%;max-width:100%;min-height:44px;background:white;border:1px solid #c8d2cf;border-radius:7px;padding:10px}.diagram-controls button{min-height:44px;background:#204e42;color:white;padding:10px 20px}.diagram-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.figure-card,.station-card{border:1px solid #cbd7d3;border-radius:12px;background:white;overflow:hidden}.figure-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 0}.figure-toolbar h2{font-size:17px;margin:0}.figure-toolbar div{display:flex;gap:6px;flex-shrink:0}.figure-toolbar button{min-height:40px}.pan-note{font-size:12px;color:#496159;margin:12px 18px}.figure-credit{font-size:12px;line-height:1.6;margin:0;padding:12px 18px;background:#f5f8f7}#diagram-viewport{height:65vh;min-height:380px;max-height:740px;overflow:auto;overscroll-behavior:contain;background:#fff;border-block:1px solid #dde5e2}#diagram-stage{position:relative;margin:0 auto;width:100%}#diagram-image{width:100%;display:block;max-width:none}#diagram-overlays{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#diagram-overlays g{pointer-events:auto;cursor:pointer}#diagram-overlays rect{fill:#fff;stroke:#d0ddd8;stroke-width:1}#diagram-overlays .active rect{fill:#d6eee3;stroke:#21634e;stroke-width:3}#diagram-overlays text{fill:#234b3c;text-anchor:middle;dominant-baseline:central;font-family:Arial,sans-serif;font-weight:bold;pointer-events:none}#diagram-overlays .context rect{stroke:none}.station-card{padding:22px;position:sticky;top:18px}.station-card h2{font-size:22px;line-height:1.3}.station-card p{line-height:1.6}.station-card form{display:grid;gap:10px}.station-card form[hidden]{display:none}.station-card input{width:100%;min-height:44px;padding:10px;border:1px solid #aebfb7;border-radius:6px}.station-card form button{background:#204e42;color:white;min-height:44px}.station-actions{display:flex;gap:8px;flex-wrap:wrap}.station-actions button{min-height:44px}#diagram-answer{font-weight:700;color:#245844}#diagram-note{font-size:13px;border-top:1px solid #dce5e0;padding-top:18px}.diagram-limits{margin-top:26px;border:1px solid #cbd7d3;padding:20px;border-radius:10px;background:white;line-height:1.65}.diagram-limits summary{font-weight:650;cursor:pointer}.diagram-license{display:block;margin-top:28px;border:0;padding:0;line-height:1.7;font-size:12px;color:#496159}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #468774;outline-offset:2px}@media(max-width:850px){.diagram-main{padding:24px 16px}.diagram-layout{grid-template-columns:minmax(0,1fr)}.station-card{position:static;grid-row:1}.diagram-controls{flex-wrap:wrap}.diagram-controls label{flex-basis:100%;min-width:0}.diagram-controls button{width:100%}.figure-toolbar{flex-direction:column;align-items:start}#diagram-viewport{height:58vh;min-height:350px}.diagram-page header nav{overflow:auto;white-space:nowrap}.station-card{padding:18px}.diagram-intro p{font-size:14px}}[hidden]{display:none!important}

.diagram-main{display:block;height:auto}.station-card{display:block;max-height:none;min-height:0}.diagram-page nav{gap:24px;font-size:13px;align-items:center}.source-caption{font-size:12px;color:#496159}