.fee-calc{--fee-pad:clamp(1.25rem,2.4vw,2rem);--fee-rule:#d0d0ce;color:var(--site-ink);border:2px solid var(--site-ink);box-shadow:7px 7px 0 var(--site-ink);font-size:var(--type-body);background:#fff;margin-block:clamp(28px,3vw,48px);line-height:1.45;display:block;container:fee-calc/inline-size}.fee-calc :is(h2,h3,p,ol,fieldset,legend,table){margin:0}.fee-calc .fee-calc-title{padding:var(--fee-pad) var(--fee-pad) 0;letter-spacing:-.04em;max-width:24ch;font-size:clamp(28px,2.5vw,42px);line-height:1.06}.fee-calc .fee-calc-summary{align-items:stretch;gap:var(--fee-pad);padding:var(--fee-pad);border-bottom:1px solid var(--fee-rule);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.fee-calc .fee-role-selector{border:0;align-self:center;min-width:0;padding:0}.fee-calc .fee-role-selector legend{letter-spacing:-.025em;margin-bottom:1.25rem;padding:0;font-size:clamp(1.375rem,1.7vw,1.625rem);font-weight:700;line-height:1.2}.fee-calc .fee-role-options{flex-wrap:wrap;gap:.75rem;display:flex}.fee-calc .fee-role-option{cursor:pointer;flex:8rem;min-width:0;display:flex;position:relative}.fee-calc .fee-role-option input{opacity:0;width:1px;height:1px;position:absolute}.fee-calc .fee-role-option span{border:1px solid var(--site-ink);background:var(--site-paper);width:100%;min-height:3rem;font-size:var(--type-label);text-align:center;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:600;line-height:1.3;transition:background-color .16s,color .16s,box-shadow .16s;display:flex;box-shadow:3px 3px #d6d6d3}.fee-calc .fee-role-option input:checked+span{background:var(--site-ink);color:var(--site-paper);box-shadow:4px 4px 0 var(--site-coral)}.fee-calc .fee-role-option input:focus-visible+span{outline:3px solid var(--site-accent);outline-offset:6px}.fee-calc .fee-role-selector:disabled .fee-role-option{cursor:default}.fee-calc .fee-role-fee{background:var(--site-ink);min-width:0;color:var(--site-paper);box-shadow:5px 5px 0 var(--site-coral);flex-direction:column;justify-content:center;padding:1.5rem;display:flex;container-type:inline-size}.fee-calc .fee-role-fee-heading{flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;display:flex}.fee-calc .fee-role-fee-heading h3{letter-spacing:-.025em;color:inherit;font-size:1.375rem;line-height:1.2}.fee-calc #fee-selected-role{font-size:var(--type-caption);color:#d9d9d5;line-height:1.35}.fee-calc .fee-role-fee-value{letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-block:.7rem .65rem;font-size:min(clamp(2.75rem,4.6vw,4.5rem),26cqi);font-weight:700;line-height:1;display:block}.fee-calc .fee-role-fee-value[data-range=true]{font-size:min(clamp(2rem,3.2vw,3.25rem),12.5cqi)}.fee-calc :is(.fee-role-fee-note,#fee-flat-basis){font-size:var(--type-small,1rem);color:#e0e0dc;line-height:1.4}.fee-calc #fee-flat-basis{margin-top:.35rem}.fee-calc #fee-flat-basis[hidden]{display:none}.fee-calc .fee-calc-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);display:grid}.fee-calc .fee-salary-side{min-width:0;padding:var(--fee-pad);border-right:1px solid var(--fee-rule)}.fee-calc .fee-salary-side fieldset{border:0;min-width:0;padding:0}.fee-calc .fee-salary-label{font-size:var(--type-label);font-weight:600;line-height:1.35;display:block}.fee-calc .fee-salary-label>span{font-size:var(--type-small,1rem);color:#60605b;margin-left:.2em;font-weight:400}.fee-calc .fee-salary-value-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-block:.65rem .25rem;display:flex}.fee-calc .fee-salary-side output{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,2.7vw,2.5rem);font-weight:600;line-height:1.2}.fee-calc .fee-salary-stepper{flex-shrink:0;gap:.65rem;display:flex}.fee-calc .fee-salary-stepper button{border:1px solid var(--site-ink);background:var(--site-paper);width:2.75rem;min-width:44px;height:2.75rem;min-height:44px;color:var(--site-ink);box-shadow:2px 2px 0 var(--site-ink);font:500 1.5rem/1 var(--site-font);cursor:pointer;touch-action:manipulation;border-radius:0;justify-content:center;align-items:center;padding:0;transition:transform .14s,box-shadow .14s;display:flex}.fee-calc .fee-salary-stepper button:active{box-shadow:none;transform:translate(2px,2px)}.fee-calc .fee-salary-stepper button:disabled{color:#888;box-shadow:none;cursor:default;border-color:#aaa}.fee-calc .fee-salary-stepper button:focus-visible{outline:3px solid var(--site-accent);outline-offset:4px}.fee-calc input[type=range]{--salary-progress:23.08%;cursor:ew-resize;touch-action:pan-y;-webkit-appearance:none;appearance:none;background:0 0;border:0;width:100%;height:48px;margin:0;padding:0;display:block}.fee-calc input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--site-ink) 0 var(--salary-progress),#d7d7d7 var(--salary-progress) 100%);border-radius:0;height:8px}.fee-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--site-coral);border:2px solid var(--site-ink);width:28px;height:30px;box-shadow:3px 3px 0 var(--site-ink);border-radius:0;margin-top:-11px}.fee-calc input[type=range]::-moz-range-track{background:#d7d7d7;border-radius:0;height:8px}.fee-calc input[type=range]::-moz-range-progress{background:var(--site-ink);height:8px}.fee-calc input[type=range]::-moz-range-thumb{background:var(--site-coral);border:2px solid var(--site-ink);width:25px;height:27px;box-shadow:3px 3px 0 var(--site-ink);border-radius:0}.fee-calc input[type=range]:focus-visible{outline:3px solid var(--site-accent);outline-offset:6px}.fee-calc input:disabled{cursor:default}.fee-calc .fee-slider-endpoints{font-size:var(--type-caption);color:#60605b;justify-content:space-between;line-height:1.4;display:flex}.fee-calc .fee-annual{font-size:var(--type-label);margin-top:.65rem;font-weight:600}.fee-calc .fee-annual span{font-variant-numeric:tabular-nums}.fee-calc .fee-quote-field{border-top:1px solid var(--fee-rule);margin-top:1.5rem;padding-top:1.25rem}.fee-calc .fee-quote-field label{font-size:var(--type-label);font-weight:600;line-height:1.35;display:block}.fee-calc .fee-quote-input{align-items:center;gap:.5rem;margin-top:.5rem;font-size:1.5rem;font-weight:600;display:flex}.fee-calc .fee-quote-input input{width:6.5ch;min-height:49px;color:var(--site-ink);font:600 1.5rem/1.2 var(--site-font);font-variant-numeric:tabular-nums;background:#fff;border:1px solid #a5a5a5;border-radius:0;padding:.35rem .6rem}.fee-calc .fee-quote-input input:focus-visible{outline:2px solid var(--site-ink);outline-offset:0;box-shadow:0 4px 0 var(--site-coral)}.fee-calc .fee-quote-input input[aria-invalid=true]{border:2px solid var(--site-accent)}.fee-calc :is(.fee-quote-hint,.fee-quote-error,.fee-calc-fallback){font-size:var(--type-small,1rem);color:#60605b;margin-top:.4rem;line-height:1.45}.fee-calc .fee-quote-error{border-left:4px solid var(--site-accent);color:var(--site-ink);padding-left:.75rem}.fee-calc .fee-calc-fallback{border-left:4px solid var(--site-coral);color:var(--site-ink);margin-top:1rem;padding-left:.75rem}.fee-calc [hidden]{display:none!important}.fee-calc .fee-nowrap{white-space:nowrap}.fee-calc .fee-comparison-side{min-width:0;padding:var(--fee-pad)}.fee-calc .fee-savings{margin-bottom:1.5rem}.fee-calc .fee-savings>p:first-child{font-size:var(--type-label);font-weight:600;line-height:1.35;display:inline}.fee-calc .fee-savings>strong{color:var(--site-accent);letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-left:.2em;font-size:clamp(1.5rem,2vw,1.875rem);font-weight:700;line-height:1.2;display:inline}.fee-calc .fee-savings>strong:is([data-outcome=more],[data-outcome=equal]){color:var(--site-ink)}.fee-calc .fee-savings>p:last-child{font-size:var(--type-small,1rem);color:#60605b;margin-top:.35rem;line-height:1.45}.fee-calc .fee-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:var(--type-label)}.fee-calc .fee-table caption{text-align:left;caption-side:top;font-size:var(--type-caption);color:#60605b;padding-bottom:.75rem;line-height:1.35}.fee-calc .fee-table thead th{text-align:left;font-size:var(--type-caption);color:#60605b;padding:0 0 .75rem;font-weight:400;line-height:1.35}.fee-calc .fee-table thead th:first-child{width:30%}.fee-calc .fee-table thead th:nth-child(2){width:27%}.fee-calc .fee-table thead th:last-child{text-align:right;width:43%}.fee-calc .fee-table tbody tr{border-top:1px solid var(--fee-rule)}.fee-calc .fee-table :is(tbody th,td){text-align:left;vertical-align:middle;color:var(--site-ink);padding:1rem 0}.fee-calc .fee-table tbody th{font-size:1.5rem;font-weight:700;line-height:1.2}.fee-calc .fee-table .fee-row-note{font-size:var(--type-small,1rem);letter-spacing:0;color:#60605b;font-weight:500;display:block}.fee-calc .fee-table td[data-label=Agency\ fee]{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}.fee-calc .fee-table .fee-difference{text-align:right;color:var(--site-accent);padding-left:1rem;font-weight:600;line-height:1.4}.fee-calc .fee-table .fee-difference:is([data-outcome=more],[data-outcome=mixed],[data-outcome=equal]){color:var(--site-ink);font-weight:500}.fee-calc .fee-table .fee-quote-row{background:var(--site-paper)}.fee-calc .fee-table .fee-quote-row>:first-child{padding-left:.75rem}.fee-calc .fee-table .fee-quote-row>:last-child{padding-right:.75rem}.fee-calc .fee-calc-foot{gap:var(--fee-pad);padding:var(--fee-pad);border-top:1px solid var(--fee-rule);background:var(--site-paper);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.fee-calc .fee-working h3{letter-spacing:-.025em;font-size:1.375rem;line-height:1.2}.fee-calc .fee-working ol{font-variant-numeric:tabular-nums;margin-top:.75rem;padding-left:1.4em}.fee-calc .fee-working li+li{margin-top:.35rem}.fee-calc .fee-calc-notes p{font-size:var(--type-caption);color:#3f3f3c;line-height:1.45}.fee-calc .fee-calc-notes a:not(.button){color:inherit;text-underline-offset:.18em;text-decoration:underline 1px;text-decoration-color:var(--site-coral)}.fee-calc .fee-calc-notes a:not(.button):hover{color:var(--site-accent)}.fee-calc .fee-calc-notes .button{margin-top:1.25rem}@container fee-calc (width<=880px){.fee-calc .fee-calc-summary,.fee-calc .fee-calc-body,.fee-calc .fee-calc-foot{grid-template-columns:minmax(0,1fr)}.fee-calc .fee-calc-summary{gap:1.5rem}.fee-calc .fee-salary-side{border-right:0;border-bottom:1px solid var(--fee-rule)}.fee-calc .fee-role-fee-heading{justify-content:space-between}.fee-calc .fee-role-fee-value{font-size:min(3rem,26cqi)}}@container fee-calc (width<=420px){.fee-calc>*{--fee-pad:16px}}@container fee-calc (width<=520px){.fee-calc .fee-role-options{grid-template-columns:minmax(0,1fr);gap:.65rem;display:grid}.fee-calc .fee-role-option span{min-height:2.75rem;padding:.65rem .75rem}.fee-calc .fee-role-fee{box-shadow:4px 4px 0 var(--site-coral);padding:16px}.fee-calc .fee-role-fee-heading{display:block}.fee-calc #fee-selected-role{margin-top:.35rem;display:block}.fee-calc .fee-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fee-calc .fee-table tbody{display:block}.fee-calc .fee-table tbody tr{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:1rem;padding:.85rem 0;display:grid}.fee-calc .fee-table :is(tbody th,td){padding:0}.fee-calc .fee-table tbody th{font-size:1.25rem}.fee-calc .fee-table td[data-label=Agency\ fee]{text-align:right}.fee-calc .fee-table .fee-difference{text-align:left;grid-column:1/-1;margin-top:.3rem;padding-left:0}.fee-calc .fee-table .fee-quote-row{padding-inline:.75rem}.fee-calc .fee-table .fee-quote-row>:is(:first-child,:last-child){padding-inline:0}}@media (width<=420px){.fee-calc{box-shadow:5px 5px 0 var(--site-ink)}}@media (prefers-reduced-motion:reduce){.fee-calc :is(.fee-role-option span,.fee-salary-stepper button){transition:none}.fee-calc .fee-salary-stepper button:active{transform:none}}.fee-figures-note{font-size:var(--type-caption);color:#60605b;margin-top:.75rem;line-height:1.45}.dark-surface .fee-calc{box-shadow:7px 7px 0 var(--site-coral);border-color:#fff}
