/* Calculator tools. Uses the paper.css tokens. The CSP blocks inline styles, so they live here. */
.tool{margin:0 0 8px}
.legal article .tool h2{font-size:24px;margin-top:0}
.tool form{display:grid;gap:20px}
.tool .field label{display:block;font-size:16px;font-weight:600;color:var(--ink);margin-bottom:8px}
.tool .field output{font-weight:400;color:var(--caption)}
.tool input[type=time],.tool input[type=number],.tool select{display:block;width:100%;min-height:48px;padding:10px 14px;font:inherit;font-size:17px;color:var(--ink);background:var(--cream-top);border:1px solid var(--edge);border-radius:12px}
.tool input[type=time]:hover,.tool input[type=number]:hover,.tool select:hover{border-color:var(--caption)}
.tool input:focus-visible,.tool select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.tool input[type=range]{display:block;width:100%;min-height:44px;margin:0;accent-color:var(--ink)}
.tool .range-scale{display:flex;justify-content:space-between;font-size:14px;color:var(--caption)}
.legal article .tool .hint{font-size:14px;color:var(--caption);margin:6px 0 0}
.tool .result{margin-top:24px;padding-top:20px;border-top:1px solid var(--separator)}
.legal article .tool .result-label{font-size:15px;color:var(--caption);margin:0 0 4px}
.legal article .tool .result-time{font-family:var(--serif);font-size:clamp(40px,11vw,56px);line-height:1.1;letter-spacing:-.015em;color:var(--ink);margin:0 0 16px}
.tool .result-note{display:block;font-family:var(--sans);font-size:15px;letter-spacing:0;line-height:1.4;color:var(--caption);margin-top:2px}
.legal article .tool .result-small{font-size:clamp(28px,8vw,36px)}
.legal article .tool .result-summary{font-size:16px;color:var(--caption);margin:0}
.tool .alts{margin-top:24px;padding-top:20px;border-top:1px solid var(--separator)}
.legal article .tool .alts h3{margin-top:0}
.legal article .tool .alts p{font-size:15px;color:var(--caption)}
.legal article .tool .alts ul{margin:0;padding-left:20px}
.legal article .tool .alts li{font-size:16px}
.legal article .tool .privacy-line{font-size:14px;color:var(--caption);margin:20px 0 0}
@media (forced-colors:active){.tool input[type=time],.tool input[type=number],.tool select{border:1px solid CanvasText}}