.scale-page{max-width:1320px;margin:auto;padding:48px 24px 80px;color:#173341}.scale-hero{max-width:850px;margin:0 auto 32px;text-align:center}.scale-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:#077f99}.scale-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(42px,6vw,70px);line-height:1.06;margin:14px 0}.scale-hero p{font-size:18px;line-height:1.65;color:#53636c}.scale-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:20px;background:#f1f8fa;border:1px solid #cce2e9;border-radius:18px}.scale-controls label{display:grid;gap:7px;font-size:13px;font-weight:600;flex:1;min-width:150px}.scale-page select,.scale-page input,.scale-page button{font:inherit}.scale-controls select,.scale-controls input{background:white;border:1px solid #91b4bf;border-radius:8px;padding:12px;width:100%;color:#173341;min-height:46px}.scale-page button{border:1px solid #7aa9b7;border-radius:8px;background:#fff;color:#17596d;padding:10px 14px;cursor:pointer}.scale-page button:hover{background:#e2f5fa}.scale-page :focus-visible{outline:3px solid #079fbe;outline-offset:4px}.scale-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:16px 0;font-size:13px;color:#53636c}.scale-meta strong{color:#12677c}.scale-stage{border:1px solid #d2e4e9;border-radius:20px;background:radial-gradient(ellipse at center,#fff 30%,#edf7fa);overflow:auto;max-height:820px;position:relative}.scale-stage svg{display:block;width:100%;min-width:640px}.scale-bubble{cursor:pointer}.scale-bubble circle{stroke-width:2;transition:stroke-width .15s}.scale-bubble:hover circle,.scale-bubble:focus circle{stroke-width:5}.scale-bubble text{font:600 12px Inter,sans-serif;fill:#193a48;pointer-events:none}.scale-bubble image{pointer-events:none}.scale-detail{border-left:4px solid #00a8c6;background:#f2f9fb;padding:20px;margin:20px 0;border-radius:0 12px 12px 0;min-height:90px}.scale-detail h2{font-size:23px;margin:0 0 8px}.scale-detail p{margin:6px 0;font-size:14px;line-height:1.65}.scale-detail a,.scale-page a{color:#06778e}.scale-detail .scale-value{font-size:28px;font-weight:600;color:#125469}.scale-table-wrap{overflow:auto;margin-top:18px;border:1px solid #d2e4e9;border-radius:12px}.scale-table{width:100%;border-collapse:collapse;font-size:14px}.scale-table caption{text-align:left;padding:16px;font-weight:600}.scale-table th,.scale-table td{text-align:left;padding:12px 16px;border-bottom:1px solid #e0eaed}.scale-table th{background:#f0f7f9}.scale-table td:nth-child(3){white-space:nowrap}.scale-table button{border:0;padding:2px;text-align:left;text-decoration:underline;text-underline-offset:4px}.scale-muted{color:#677880}.scale-method{margin-top:30px;line-height:1.7;font-size:14px;border-top:1px solid #d2e4e9;padding-top:20px}.scale-method summary{cursor:pointer;font-weight:700}.scale-compare{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}.scale-compare select{max-width:260px;padding:10px;border:1px solid #a7c7d0;border-radius:7px;background:white}.scale-compare p{width:100%;margin:0;font-size:15px;line-height:1.6}.assignment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin:25px 0}.assignment-card{padding:24px;border:1px solid #cce2e9;border-radius:15px;background:white}.assignment-card h2{font-size:22px;margin:0 0 12px}.assignment-card p{font-size:14px;line-height:1.7}.assignment-label{display:inline-block;background:#e4f3f6;color:#15596a;border-radius:20px;padding:5px 10px;font-size:12px}.scale-empty{padding:36px;text-align:center}.scale-toolbar{display:flex;gap:8px;align-items:center;margin:12px 0}.scale-toolbar a{margin-left:auto;font-size:14px}@media(max-width:600px){.scale-page{padding:30px 16px 60px}.scale-controls{padding:14px;gap:10px}.scale-hero p{font-size:16px}.scale-controls label{min-width:130px}.scale-stage{max-height:620px}.scale-table th,.scale-table td{padding:10px}.scale-compare select{max-width:100%;width:100%}}@media(prefers-reduced-motion:reduce){.scale-bubble circle{transition:none}}

.scale-page{font-family:Inter,Arial,sans-serif}.scale-page h2{font-family:'Cormorant Garamond',Georgia,serif}@media(max-width:600px){.scale-controls label:first-child{flex-basis:100%}}
.scale-page{margin-top:94px}@media(max-width:600px){.scale-page{margin-top:86px}}

.scale-stage{overflow:hidden;max-height:none;touch-action:pan-y}.scale-stage svg{width:100%;min-width:0;height:clamp(300px,60svh,620px);user-select:none}.scale-stage.is-zoomed{touch-action:none;cursor:grab}.scale-bubble circle{stroke-width:6}.scale-bubble:hover circle,.scale-bubble:focus circle{stroke-width:8}.scale-toolbar{flex-wrap:wrap}.scale-toolbar button{min-height:44px}#scale-compare-panel{padding:16px 20px;background:#f1f8fa;border:1px solid #cce2e9;border-radius:14px;margin-top:16px}#scale-compare-panel[hidden]{display:none}#scale-compare-panel h2{margin:0}#scale-compare-toggle[aria-expanded=true]{background:#08768a;color:white}.scale-controls :disabled{opacity:.55}