.scale-tool{--ink:#182c46;--accent:#9b4100;--soft:#fff3df;color:var(--ink);max-width:1000px;margin:0 auto;padding:24px;font:1rem/1.6 system-ui,sans-serif}.scale-tool *{box-sizing:border-box}.scale-tool h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.15}.scale-tool h2{line-height:1.3}.scale-tool .eyebrow{font-weight:750;color:var(--accent);letter-spacing:.12em}.scale-tool label{display:block;font-weight:650;margin:12px 0 5px}.scale-tool input,.scale-tool select,.scale-tool button{font:inherit;max-width:100%;min-height:48px;border:1px solid #8993a0;border-radius:10px;padding:10px;background:#fff;color:var(--ink)}.scale-tool input,.scale-tool select{width:100%}.scale-tool button{cursor:pointer;font-weight:650}.scale-tool button.primary{color:white;background:var(--accent);border-color:var(--accent)}.scale-tool button:hover{box-shadow:0 0 0 2px #e3b58c}.scale-tool :focus-visible{outline:3px solid #125fb0;outline-offset:3px}.scale-tool .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scale-tool .panel{border:1px solid #d5c6af;border-radius:20px;padding:20px;margin:20px 0;background:white}.scale-tool .result{background:var(--soft);border-left:5px solid var(--accent);padding:20px;border-radius:12px;margin:20px 0;overflow-wrap:anywhere}.scale-tool output{display:block;font-size:2rem;font-weight:750}.scale-tool .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.scale-tool .muted{font-size:.9rem;color:#4b5869}.scale-tool .error{color:#a01d19;font-weight:650}.scale-tool svg{width:100%;height:auto;display:block}.scale-tool ul{padding-left:20px}.scale-tool li{margin:12px 0;overflow-wrap:anywhere}.scale-tool .language{display:flex;gap:10px}.scale-tool .language a{padding:7px;color:var(--ink)}.scale-tool .diagram{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scale-tool .bar{background:var(--ink);height:18px;border-radius:3px;margin:14px 0}.scale-tool .bar.small{width:45%;background:var(--accent)}.scale-tool .guide section{margin:30px 0}.scale-tool a{color:#8b3b00}.scale-tool [hidden]{display:none!important}@media(max-width:520px){.scale-tool{padding:14px}.scale-tool .grid{grid-template-columns:1fr}.scale-tool .panel{padding:14px}.scale-tool output{font-size:1.65rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.scale-tool h2{font-size:1.6rem;font-weight:750;margin:24px 0 12px}.scale-tool h3{font-size:1.2rem;font-weight:700;margin:24px 0 10px}.scale-tool.guide section{margin:30px 0}.scale-tool.guide p{margin:12px 0}.scale-tool.guide{padding-top:0}.scale-tool .grid{grid-template-columns:1fr 1fr}@media(max-width:350px){.scale-tool .grid{grid-template-columns:1fr}}.scale-tool input,.scale-tool select{min-width:0}.scale-tool .grid>div{min-width:0}
.scale-tool>h1{margin:10px 0;font-weight:750}.scale-tool>p{margin:12px 0}.scale-tool.guide{max-width:780px}@media(max-width:520px){.scale-tool>h1{font-size:1.65rem}.scale-tool>.eyebrow{margin-top:2px;font-size:.8rem}.scale-tool>p{font-size:.95rem}.scale-tool .language a{padding:3px 10px}.scale-tool .panel{margin:14px 0}.scale-tool .grid{gap:6px 12px}}
.scale-tool li{list-style:none;padding:14px;border:1px solid #d5c6af;border-radius:12px;margin:14px 0}.scale-tool ul{padding:0}.scale-tool li>button{margin:8px 8px 0 0}.scale-tool #sc-privacy+a{display:block;margin-top:14px}.scale-tool .record-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}