@layer components{.tool_hero{background-color:var(--background);color:var(--text);padding:7.5rem 0 var(--section-space-small)}@media (min-width:64rem){.tool_hero{padding-top:10rem}}.tool_inner{width:var(--site-width);max-width:var(--max-width-main);flex-direction:column;align-items:start;gap:1.25rem;margin-inline:auto;display:flex}.tool_eyebrow{font-size:.875rem;font-weight:var(--primary-medium);text-transform:uppercase}.tool_lead{max-width:46rem;font-size:1.125rem;line-height:1.5}@media (min-width:64rem){.tool_lead{font-size:1.25rem}}.tool_small{color:var(--colour-muted);font-size:.8125rem}.tool_all{color:var(--colour-navy);align-items:center;min-height:2.75rem;display:inline-flex}.tool_noscript{border-radius:var(--radius-small);background-color:var(--colour-sun-tint);padding:1rem 1.25rem}.tool_grid{align-items:start;gap:2rem;width:100%;display:grid}@media (min-width:64rem){.tool_grid{grid-template-columns:minmax(0,33.75rem) minmax(0,1fr);gap:3rem}}.tool_form{flex-direction:column;gap:1rem;display:flex}.tool_heading{flex-direction:column;gap:.75rem;margin-bottom:.5rem;display:flex}.tool_heading h2{font-family:var(--font-heading);font-size:clamp(1.75rem,1.4rem + 1.2vw,2.25rem);line-height:1.2}.tool_field{border:1px solid var(--colour-navy-border);border-radius:var(--radius-small);background-color:var(--colour-chalk);flex-direction:column;gap:.375rem;padding:1rem;display:flex}.tool_field:focus-within{outline:3px solid var(--colour-focus-ring);outline-offset:1px}.tool_field[data-invalid]{border-color:#a3352b}.tool_field label{font-size:.875rem}.tool_field input,.tool_field select{width:100%;min-height:2.5rem;color:var(--colour-navy);font:inherit;background:0 0;border:0;padding:0;font-size:1.25rem}:is(.tool_field input,.tool_field select):focus{outline:none}.tool_field-row{align-items:center;gap:.5rem;font-size:1.25rem;display:flex}.tool_hint{color:var(--colour-muted);font-size:.875rem}.tool_aside{border-radius:var(--radius-small);background-color:var(--colour-mint);color:var(--colour-navy);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.tool_aside h2{font-family:var(--font-heading);font-size:1.75rem;line-height:1.25}.tool_result{flex-direction:column;gap:1.5rem;width:100%;scroll-margin-top:2rem;display:flex}.tool_result[hidden]{display:none}.tool_cards{gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.tool_cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.tool_card{border-radius:var(--radius-small);background-color:var(--colour-mint);color:var(--colour-navy);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.tool_card-label{font-size:.875rem}.tool_card-value{font-family:var(--font-heading);font-size:clamp(2rem,1.6rem + 1vw,2.25rem);line-height:1.2}.tool_card-detail{font-size:.875rem}.tool_callout{border-radius:var(--radius-small);background-color:var(--colour-lilac);color:var(--colour-navy);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.tool_callout h3{font-family:var(--font-heading);font-size:1.75rem;line-height:1.25}.tool_message{border-radius:var(--radius-small);background-color:var(--colour-sun-tint);color:var(--colour-navy);padding:1rem 1.25rem}.tool_message[hidden]{display:none}}