@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}}@layer tokens{:root{--noda-off-white:#fdfaf4;--noda-blue:#095078;--noda-palet-blue:#0197e6;--noda-line-dance-purple:#ae18f4;--noda-dark-purple:#4d00ab;--noda-rumba-red:#ff4d00;--noda-yellow:#f4de18;--noda-pink:#f53fe3;--warm-0:#fcf9f3;--warm-1:#f7f3ee;--warm-2:#f0ece5;--warm-3:#e6ded6;--warm-4:#d7ccc1;--warm-5:#b5a79b;--noda-blue-5:#0a5276;--noda-blue-6:#054261;--noda-blue-7:#02324b;--size-1:.25rem;--size-2:.5rem;--size-3:.75rem;--size-4:1rem;--size-5:1.25rem;--size-6:1.5rem;--size-7:1.75rem;--size-8:2rem;--size-12:3rem;--size-16:4rem;--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .375vw,1rem);--text-base:clamp(1rem,.925rem + .375vw,1.125rem);--text-lg:clamp(1.25rem,1.15rem + .5vw,1.5rem);--text-xl:clamp(1.5rem,1.35rem + .75vw,1.875rem);--text-2xl:clamp(2rem,1.8rem + 1vw,2.5rem);--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--color-surface:var(--warm-0);--color-surface-elevated:var(--warm-1);--color-surface-muted:var(--warm-2);--color-text:var(--noda-blue);--color-text-muted:var(--noda-blue);--color-text-on-primary:var(--noda-off-white);--color-primary:var(--noda-blue);--color-primary-hover:var(--noda-blue-6);--color-secondary:var(--warm-2);--color-secondary-hover:var(--warm-3);--color-accent:var(--warm-1);--color-border:var(--warm-4);--color-border-muted:var(--warm-3);--color-ring:var(--noda-blue);--color-disabled:#bab3ab;--color-disabled-bg:#f5f3f0;--color-placeholder:#a38c75;--space-block:var(--size-4);--space-inline:var(--size-2);--space-gutter:var(--size-6);--space-section:var(--size-8);--radius:var(--radius-md);--background:var(--color-surface);--card:var(--color-surface-elevated);--foreground:var(--color-text);--card-foreground:var(--color-text);--primary:var(--color-primary);--primary-foreground:var(--color-text-on-primary);--secondary:var(--color-secondary);--secondary-foreground:var(--color-text);--muted:var(--color-surface-muted);--muted-foreground:var(--color-text-muted);--border:var(--color-border);--input:var(--color-border);--ring:var(--color-ring);--accent:var(--color-accent);--hover-primary:var(--color-primary-hover);--hover-secondary:var(--color-secondary-hover)}}@layer global{body{background-color:var(--color-surface);color:var(--color-text);font-family:Roboto,Arial,sans-serif;line-height:1.5}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}}@layer composition;@layer blocks{.container{--_container-max:var(--container-max,1400px);--_container-padding:var(--container-padding,var(--size-4));max-width:var(--_container-max);padding:var(--_container-padding);margin-inline:auto}.card{--_card-bg:var(--card-bg,var(--color-surface-elevated));--_card-padding:var(--card-padding,var(--size-6));--_card-radius:var(--card-radius,var(--radius));background-color:var(--_card-bg);color:var(--color-text);border-radius:var(--_card-radius);padding:var(--_card-padding);box-shadow:0 2px 4px #0000001a}.btn{--_btn-radius:var(--btn-radius,var(--radius));border-radius:var(--_btn-radius);cursor:pointer;border:2px solid var(--color-primary);outline:none;justify-content:center;align-items:center;height:clamp(3rem,8vw,3.5rem);padding:clamp(.75rem,2vw,1rem);font-size:clamp(.85rem,1.5vw,1rem);font-weight:600;transition:background-color .2s,border-color .2s;display:flex}.btn:focus{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-primary)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.btn:disabled{background-color:var(--color-disabled-bg);border-color:var(--color-disabled);color:var(--color-disabled);cursor:not-allowed;opacity:.6}.btn:disabled:hover{background-color:var(--color-disabled-bg);border-color:var(--color-disabled)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary:active:not(:disabled){background-color:var(--noda-blue-7)}.btn-secondary:active:not(:disabled){background-color:var(--warm-3)}.input,.select,.styled-select{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);padding:var(--size-3);width:100%;margin-bottom:var(--size-4);color:var(--color-text);appearance:none;transition:border-color .15s,box-shadow .15s,background-color .15s}.input:focus,.select:focus,.styled-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0a527633}.input:hover:not(:disabled):not(:focus),.select:hover:not(:disabled):not(:focus),.styled-select:hover:not(:disabled):not(:focus){border-color:var(--color-primary);background-color:var(--warm-1)}.input::placeholder,.styled-select::placeholder{color:var(--color-placeholder);opacity:1}.input:focus::placeholder{opacity:.5}.input:disabled,.select:disabled,.styled-select:disabled{background-color:var(--color-disabled-bg);border-color:var(--color-disabled);color:var(--color-disabled);cursor:not-allowed;opacity:.7}.input:active:not(:disabled),.styled-select:active:not(:disabled){transform:scale(.995)}.styled-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form{gap:var(--size-6);display:grid}.input-group{gap:var(--size-2);margin-bottom:var(--size-4);display:grid}.label{color:var(--color-text);margin-bottom:var(--size-2);font-weight:500;transition:color .15s}.input-helper-text{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:calc(var(--size-2)*-1);line-height:1.5}.input-group:focus-within .label{color:var(--color-primary)}.separator{background-color:var(--color-border);height:1px;margin:var(--size-8)0}.title{font-size:var(--text-2xl);margin-bottom:var(--size-4);font-weight:700;line-height:1.2}.description{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--size-8);font-weight:500;line-height:1.3}.card-title{font-size:var(--text-lg);margin-bottom:var(--size-4);font-weight:600;line-height:1.4}.total-salary-value{font-size:var(--text-lg);color:var(--color-text);font-weight:500;line-height:1.3}.total-salary-breakdown{font-size:var(--text-sm);line-height:1.5}.result-section{padding:var(--size-4);margin-bottom:var(--size-3);background-color:var(--color-surface);border-radius:var(--radius-sm);border-left:3px solid var(--color-border-muted)}.result-section:last-of-type{margin-bottom:0}.result-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--size-1);font-weight:500;line-height:1.4}.result-value{font-size:var(--text-base);margin-bottom:var(--size-1);font-weight:500;line-height:1.4}.result-explanation{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0;line-height:1.5}.social-costs-list{padding-left:0;list-style-type:none}.social-costs-item{margin-bottom:var(--size-3)}.calculator-content{margin-top:0}}@layer utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mt-1{margin-top:var(--size-1)}.mt-2{margin-top:var(--size-2)}.mt-3{margin-top:var(--size-3)}.mt-4{margin-top:var(--size-4)}.mt-6{margin-top:var(--size-6)}.mt-8{margin-top:var(--size-8)}.mb-1{margin-bottom:var(--size-1)}.mb-2{margin-bottom:var(--size-2)}.mb-3{margin-bottom:var(--size-3)}.mb-4{margin-bottom:var(--size-4)}.mb-6{margin-bottom:var(--size-6)}.mb-8{margin-bottom:var(--size-8)}.p-2{padding:var(--size-2)}.p-4{padding:var(--size-4)}.p-6{padding:var(--size-6)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.w-full{width:100%}}@layer exceptions{@media (prefers-reduced-motion:reduce){.input,.select,.styled-select,.btn,.label{transition:none}}}
@layer composition{.stack{--_stack-space:var(--stack-space,var(--size-4));gap:var(--_stack-space);flex-direction:column;display:flex}.stack[data-space=lg]{--stack-space:var(--size-6)}.stack[data-space=xl]{--stack-space:var(--size-8)}.cluster{--_cluster-space:var(--cluster-space,var(--size-2));--_cluster-justify:var(--cluster-justify,flex-start);--_cluster-align:var(--cluster-align,center);gap:var(--_cluster-space);justify-content:var(--_cluster-justify);align-items:var(--_cluster-align);flex-wrap:wrap;display:flex}.cluster[data-justify=center]{--cluster-justify:center}.cluster[data-justify=between]{--cluster-justify:space-between}.center{--_center-max:var(--center-max,36rem);--_center-gutter:var(--center-gutter,var(--size-4));box-sizing:content-box;max-width:var(--_center-max);padding-inline:var(--_center-gutter);margin-inline:auto}.center[data-max=narrow]{--center-max:28rem}.center[data-max=wide]{--center-max:48rem}.flow>*+*{margin-block-start:var(--flow-space,1em)}.flow>h2+*,.flow>h3+*,.flow>h4+*{--flow-space:var(--size-3)}.flow>*+h2{--flow-space:var(--size-8)}.flow>*+h3,.flow>*+h4{--flow-space:var(--size-6)}.sidebar{--_sidebar-width:var(--sidebar-width,20rem);--_sidebar-gap:var(--sidebar-gap,var(--size-6));--_sidebar-threshold:var(--sidebar-threshold,50%);gap:var(--_sidebar-gap);flex-wrap:wrap;display:flex}.sidebar>:first-child{flex-basis:var(--_sidebar-width);flex-grow:1}.sidebar>:last-child{min-width:var(--_sidebar-threshold);flex-grow:999;flex-basis:0}.grid{--_grid-min:var(--grid-min,16rem);--_grid-gap:var(--grid-gap,var(--size-4));grid-template-columns:repeat(auto-fit,minmax(min(var(--_grid-min),100%),1fr));gap:var(--_grid-gap);display:grid}.switcher{--_switcher-gap:var(--switcher-gap,var(--size-4));--_switcher-threshold:var(--switcher-threshold,30rem);gap:var(--_switcher-gap);flex-wrap:wrap;display:flex}.switcher>*{flex-grow:1;flex-basis:calc((var(--_switcher-threshold) - 100%)*999)}.cover{--_cover-padding:var(--cover-padding,var(--size-4));--_cover-min-height:var(--cover-min-height,100vh);min-height:var(--_cover-min-height);padding:var(--_cover-padding);flex-direction:column;display:flex}.cover>*{margin-block:var(--size-4)}.cover>:first-child:not(.cover-centered){margin-block-start:0}.cover>:last-child:not(.cover-centered){margin-block-end:0}.cover>.cover-centered{margin-block:auto}.region{--_region-space:var(--region-space,var(--size-8));padding-block:var(--_region-space)}.region[data-space=lg]{--region-space:var(--size-12)}.region[data-space=xl]{--region-space:var(--size-16)}.box{--_box-padding:var(--box-padding,var(--size-4));--_box-color:var(--box-color,inherit);--_box-bg:var(--box-bg,transparent);padding:var(--_box-padding);color:var(--_box-color);background-color:var(--_box-bg)}.box[data-padding=sm]{--box-padding:var(--size-2)}.box[data-padding=lg]{--box-padding:var(--size-6)}.frame{--_frame-ratio:var(--frame-ratio,16/9);aspect-ratio:var(--_frame-ratio);overflow:hidden}.frame>img,.frame>video{object-fit:cover;width:100%;height:100%}.frame[data-ratio=square]{--frame-ratio:1}.frame[data-ratio=portrait]{--frame-ratio:3/4}}
@layer blocks{.result-explanation-list{margin-left:var(--size-6);margin-top:var(--size-2);margin-bottom:var(--size-2);list-style-type:disc}.result-explanation-list li{margin-bottom:var(--size-3)}.result-breakdown{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--size-2)}.clear-button-container{margin-top:var(--size-6);justify-content:center;display:flex}.radio-option{margin-bottom:var(--size-3);align-items:center;display:flex}.radio-option input[type=radio]{margin-right:var(--size-3)}.calculator-intro{margin-bottom:var(--size-6)}.calculator-intro-text{font-size:var(--text-base);color:var(--color-text-muted);border-left:3px solid var(--color-border-muted);padding-left:var(--size-4);margin-bottom:var(--size-4);font-weight:500}.calculator-intro-disclosure{margin-bottom:var(--size-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overflow:hidden}.calculator-intro-summary{cursor:pointer;font-size:var(--text-base);color:var(--color-text);padding:var(--size-4);justify-content:space-between;align-items:center;gap:var(--size-3);font-weight:700;list-style:none;display:flex}.calculator-intro-summary::-webkit-details-marker{display:none}.calculator-intro-summary:after{content:"+";color:var(--color-primary);font-size:var(--text-lg);line-height:1}.calculator-intro-disclosure[open] .calculator-intro-summary:after{content:"−"}.calculator-intro-panel{padding:0 var(--size-4)var(--size-4);border-top:1px solid var(--color-border)}.calculator-intro-panel .calculator-intro-text{margin-top:var(--size-4);margin-bottom:0}.calculator-intro-panel .calculator-intro-list{margin-top:var(--size-4)}.calculator-intro-list{color:var(--color-text-muted);font-size:var(--text-sm);margin-inline:clamp(1rem,4vw,2rem);list-style-type:disc}.calculator-intro-list li{margin-bottom:var(--size-3)}.calculator-intro-link{color:var(--color-primary);text-decoration:underline}.popover-trigger-container{margin-top:var(--size-8);padding-top:var(--size-8);border-top:1px solid var(--color-border);justify-content:center;display:flex}.popover{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-elevated);width:min(90vw,500px);max-height:90vh;margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto;box-shadow:0 10px 40px #0003}.popover::backdrop{background:#00000080}.popover-content{padding:var(--size-6)}.popover-title{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--size-4);font-weight:600}.popover-text{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--size-4);line-height:1.6}.popover-subtitle{font-size:var(--text-base);color:var(--color-text);margin-top:var(--size-4);margin-bottom:var(--size-3);font-weight:600}.popover-rate{font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--size-4);font-weight:700}.popover-rate-breakdown{background:var(--color-secondary);border-radius:var(--radius);padding:var(--size-4);margin-bottom:var(--size-4)}.rate-row{padding:var(--size-3)0;font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;display:flex}.rate-row.rate-total{border-top:1px solid var(--color-border);margin-top:var(--size-2);padding-top:var(--size-3);font-size:var(--text-base);color:var(--color-primary);font-weight:600}.popover-list{margin-left:var(--size-6);margin-bottom:var(--size-6);font-size:var(--text-sm);color:var(--color-text-muted);list-style-type:disc}.popover-list li{margin-bottom:var(--size-3)}.popover-close{width:100%;margin-top:var(--size-4)}}
@layer blocks{.main{flex-direction:column;align-items:center;min-height:100vh;padding:clamp(1rem,4vw,4rem);display:flex}.header{width:100%;max-width:36rem;margin-top:calc(var(--size-16) + var(--size-8));margin-bottom:var(--size-12)}.title-container{text-align:center;margin-bottom:calc(var(--size-16) + var(--size-4));flex-direction:column;align-items:center;display:flex}.main .title{font-size:var(--text-2xl);color:var(--color-primary);margin-bottom:var(--size-4);font-weight:700}.main .description{font-size:var(--text-lg);color:var(--color-text-muted);text-wrap:balance;margin-bottom:0}.nav-container{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:clamp(.75rem,2vw,1.25rem);width:100%;max-width:36rem;display:grid}.nav-button{border-radius:var(--radius);cursor:pointer;border:2px solid var(--color-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;outline:none;flex:1;justify-content:center;align-items:center;height:3.5rem;padding:clamp(.75rem,2vw,1rem);font-size:clamp(.85rem,1.5vw,1rem);font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:flex;overflow:hidden}.nav-button-active{background-color:var(--color-primary);color:var(--color-text-on-primary);border:none}.nav-button-inactive{background-color:var(--color-surface);color:var(--color-primary)}.nav-button-inactive:hover{background-color:var(--color-primary);color:var(--color-text-on-primary)}.nav-button:focus-visible{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-primary)}.calculator-section{width:100%;max-width:36rem;margin-top:var(--size-8);view-transition-name:calculator}.footer{width:100%;max-width:36rem;margin-top:var(--size-16);text-align:center}.footer p{color:var(--color-text-muted);margin-bottom:var(--size-4)}.footer a{color:var(--color-primary);text-decoration:underline;transition:all .2s}.footer a:hover{color:var(--color-primary)}}@layer exceptions{@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}::view-transition-old(calculator){animation:.3s cubic-bezier(.4,0,.2,1) both slide-out}::view-transition-new(calculator){animation:.3s cubic-bezier(.4,0,.2,1) both slide-in}}