.tool-page {padding-top:2rem;padding-bottom:4rem;}
.tool-nav {display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem;}
.tool-nav a {padding:.75rem 1rem;border:1px solid #d6cfc2;border-radius:2rem;font-size:.9rem;}
.tool-nav a[aria-current] {background:#e9dfff;border-color:#bfa9e9;color:#4d2b91;font-weight:700;}
.tool-heading {max-width:780px;margin-bottom:2.5rem;}
.tool-heading h1 {font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.06;letter-spacing:-.045em;margin:1rem 0 1.5rem;}
.tool-heading > p {font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.7;max-width:65ch;}
.tool-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start;}
.tool-panel {min-width:0;padding:clamp(1.1rem,3vw,2rem);border:1px solid #d6cfc2;border-radius:1rem;background:#fffdf8;}
.tool-panel-heading {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;}
.tool-panel h2 {font-size:1.65rem;letter-spacing:-.03em;line-height:1.2;margin:.25rem 0 1rem;}
.tool-text-button {font:inherit;font-size:.9rem;font-weight:700;color:#59329f;background:transparent;border:0;padding:.6rem .2rem;cursor:pointer;text-decoration:underline;text-underline-offset:.25rem;}
.tool-text-button:disabled {color:#777;cursor:default;}
.tool-field {display:flex;flex-direction:column;gap:.5rem;margin:1.25rem 0;font-size:.95rem;font-weight:600;min-width:0;}
.tool-field input,.tool-field select {box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:.8rem .85rem;background:#fff;border:1px solid #b8ad9a;border-radius:.55rem;font:inherit;font-weight:400;color:#282224;}
.tool-field input:focus,.tool-field select:focus {outline:3px solid #c8b2f0;outline-offset:2px;}
.tool-input-pair {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;}
.tool-help {display:block;font-size:.82rem;font-weight:400;line-height:1.65;color:#62594f;margin:.5rem 0 1rem;overflow-wrap:anywhere;}
.tool-field .tool-help {margin:0;}
.tool-optional {font-size:.75rem;font-weight:400;color:#62594f;}
.tool-privacy {margin:1.25rem 0 0;}
.tool-panel .cta {display:inline-flex;justify-content:center;align-items:center;gap:.5rem;max-width:100%;white-space:normal;text-align:center;font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;}
.tool-panel .cta:disabled {background:#ddd3c5;color:#62594f;cursor:default;}
.tool-error {padding:1rem;border:1px solid #b33d47;border-radius:.5rem;color:#8c2330;background:#fff0ed;font-size:.95rem;line-height:1.6;}
.tool-result {background:#f3edfc;}
.tool-result:focus {outline:2px solid #bca0e6;outline-offset:4px;}
.tool-result-main {font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:700;letter-spacing:-.035em;line-height:1.3;margin:1rem 0 .5rem;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.tool-stats {margin:1.5rem 0;}
.tool-stats > div {padding:.85rem 0;border-top:1px solid #d8cbea;}
.tool-stats dt {font-size:.87rem;line-height:1.55;color:#62594f;}
.tool-stats dd {font-size:1.05rem;font-weight:600;line-height:1.5;margin:.25rem 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.tool-conversion {border-top:1px solid #c9b8e5;margin-top:1.5rem;padding-top:1.25rem;}
.tool-conversion h3 {font-size:1.35rem;line-height:1.25;margin:.25rem 0 .75rem;}
.tool-conversion > p {font-size:.95rem;line-height:1.7;}
.tool-conversion .tool-help {font-size:.82rem;}
.tool-secondary {background:transparent!important;color:#59329f!important;border:1px solid #a78bce!important;}
.tool-notice {font-size:.87rem;line-height:1.7;background:#ece6d9;border-radius:.5rem;padding:1rem;}
.tool-target {border:1px solid #ddd3c5;border-radius:.6rem;padding:.4rem 1rem;margin:1rem 0;min-width:0;}
.tool-target legend {font-size:.9rem;font-weight:700;padding:0 .35rem;}
.tool-target .tool-field {margin:.5rem 0 .8rem;}
.tool-add {display:block;}
.tool-alert-options {border:0;padding:0;margin:1rem 0;min-width:0;}
.tool-alert-options legend {font-weight:700;font-size:.9rem;margin-bottom:.75rem;}
.tool-alert-options label {display:flex;gap:.6rem;align-items:start;font-size:.9rem;line-height:1.5;margin:.8rem 0;overflow-wrap:anywhere;}
.tool-alert-options input {flex:0 0 auto;margin-top:.25rem;accent-color:#6946c5;}
.tool-ladder {max-width:100%;margin:1.5rem 0;}
.tool-ladder table {font-size:.8rem;}
.tool-ladder th,.tool-ladder td {padding:.65rem;}
.tool-explainer {max-width:760px;margin:3rem auto 0;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
[hidden] {display:none!important;}
@media(max-width:900px) {.tool-layout {grid-template-columns:minmax(0,1fr);}.tool-heading h1 {font-size:clamp(2.5rem,8vw,4rem);}}
@media(max-width:480px) {.tool-input-pair {grid-template-columns:minmax(0,1fr);gap:0;}.tool-nav {gap:.5rem;margin-bottom:2rem;}.tool-nav a {font-size:.8rem;padding:.65rem .85rem;}.tool-panel .cta {width:100%;}.tool-target {padding:.4rem .75rem;}}