.tool-intro{padding:45px 0 30px;max-width:850px}.tool-intro h1{font-size:clamp(34px,4vw,52px)}.tool-intro .eyebrow a{color:var(--teal)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:30px}.tool-grid>*{min-width:0}.tool-fields{grid-template-columns:1fr}.tool-fields input{max-width:100%}.tool-result{background:#e9f3ef;border:1px solid #bfd7cc;border-radius:16px;padding:25px;overflow-wrap:anywhere}.tool-result .answer{font-size:clamp(30px,4vw,48px);letter-spacing:-1px}.tool-result p,.tool-result li{font-size:16px}.tool-result h3{margin-top:20px}.tool-result button,.add-row{font-size:15px;padding:10px 16px;border:1px solid #8cac9f;border-radius:8px;background:white;color:var(--teal)}button:disabled{opacity:.5;cursor:default}.ratio-input-table,.solved-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:16px}.ratio-input-table th:first-child,.solved-table th:first-child{width:48px}.ratio-input-table th,.ratio-input-table td,.solved-table th,.solved-table td{padding:8px 4px;text-align:left;border-bottom:1px solid #c8dbd3}.ratio-input-table input{width:100%;min-width:0;border:1px solid #aebfc6;border-radius:7px;padding:10px 8px;font-size:18px;color:var(--ink)}.solved-table caption{text-align:left;font-weight:bold;font-size:21px;margin-bottom:12px}.solved-table td{overflow-wrap:anywhere}.solved{font-weight:700;color:#12604d}.add-row{margin-top:12px}.tool-help{padding:42px 0}.tool-help p{max-width:850px}.tool-help .guide-grid{margin-top:24px}.percent-bar{display:flex;height:22px;border-radius:7px;overflow:hidden;margin:25px 0}.percent-bar span{background:#126959}.percent-bar span:nth-child(2){background:#c99b48}.percent-bar span:nth-child(3){background:#6684ae}.tool-cards a{display:inline-block;color:var(--teal);font-weight:700;padding:8px 0}.tool-grid .actions{flex-wrap:wrap;gap:8px}.tool-grid .primary{min-width:0}.tool-grid .example{display:block}.related-tools{padding:32px 0 50px}.related-tools nav{display:flex;gap:15px 24px;flex-wrap:wrap;margin-top:20px}.related-tools a{color:var(--teal);font-weight:700}.tool-result #copy-status{color:var(--ink)}@media(max-width:760px){.tool-grid{grid-template-columns:1fr;padding:20px;gap:22px}.tool-intro{padding-top:30px}.tool-result{padding:20px}.tool-grid .primary{padding:13px 18px}.tool-grid .primary span{margin-left:10px}.tool-help{padding-top:30px}}

.calculator-picker{padding:0 0 30px}.calculator-picker h2{font-size:27px}.calculator-picker>p{margin:8px 0 18px;color:var(--muted);font-size:16px}.calculator-picker nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.calculator-choice{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:108px;padding:18px;background:var(--teal);color:#fff;border:2px solid var(--teal);border-radius:12px;text-decoration:none;box-shadow:0 4px 10px #122d3910;transition:background .15s}.calculator-choice strong{font-size:18px;line-height:1.3}.calculator-choice strong span{white-space:nowrap}.calculator-choice>span{font-size:13px;line-height:1.4;color:#e6f4ef}.calculator-choice:hover{background:#0b5144;border-color:#0b5144}.calculator-choice[aria-current=page]{background:var(--ink);border-color:var(--ink)}.tool-cards .cards article{display:flex;flex-direction:column}.tool-cards .cards article>a,.related-tools nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 18px;border-radius:9px;background:var(--teal);color:white;text-decoration:none;font-size:16px;font-weight:700}.tool-cards .cards article>a{margin-top:auto}.tool-cards .cards article>a:hover,.related-tools nav>a:hover{background:#0b5144}@media(max-width:900px){.calculator-picker nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.calculator-choice{padding:13px;min-height:112px}.calculator-choice strong{font-size:16px}}@media(prefers-reduced-motion:reduce){.calculator-choice{transition:none}}