@charset "UTF-8";.u-hidden{display:none}@media screen and (min-width:640px){.u-sm-hidden{display:none}}@media screen and (min-width:768px){.u-md-hidden{display:none}}@media screen and (min-width:768px){.u-md-inline{display:inline}}@media screen and (min-width:1024px){.u-lg-inline{display:inline}}.simulation{padding-block:3rem}@media screen and (min-width:768px){.simulation{padding-block:5rem}}.simulation-intro{padding:1rem 1.5rem;background-color:color-mix(in srgb,#fe6019 5%,#fff);border-inline-start:4px solid #fe6019;border-radius:1rem}@media screen and (min-width:768px){.simulation-intro{padding:1.5rem 2rem}}.simulator-container{padding-block-start:1.5rem}@media screen and (min-width:768px){.simulator-container{padding-block-start:3rem}}.household-simulator{display:grid;gap:1.5rem}.household-simulator .input-area{display:grid;gap:1rem}.household-simulator .form-container{display:grid;row-gap:1.5rem;padding:1rem 1.5rem;background-color:#fff;border:1px solid rgba(254,96,25,.1);border-radius:1rem;box-shadow:0 2px 5px #fe601914}@media screen and (min-width:768px){.household-simulator .form-container{row-gap:2rem;padding:1.5rem 2rem}}.household-simulator .form-title{padding-block-end:.5rem;font-size:1.25rem;font-weight:700;color:#040404;border-bottom:2px solid #fe6019}@media screen and (min-width:768px){.household-simulator .form-title{font-size:1.5rem}}.household-simulator .form-group{display:grid;row-gap:.5rem}.household-simulator .form-title-sub{font-weight:600}.household-simulator .form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));row-gap:1rem;column-gap:1rem}.household-simulator .form-input-container{display:grid;grid-template-areas:"label label" "input unit";column-gap:.5rem;justify-content:start}.household-simulator .form-input-container label{grid-area:label;font-size:.875rem;font-weight:500;color:#444}@media screen and (min-width:768px){.household-simulator .form-input-container label{font-size:1rem}}.household-simulator .form-input-container input[type=number]{grid-area:input;width:100%;max-width:190px;padding:.25rem .5rem;text-align:right;border:1px solid #eaeaea;border-radius:.5rem;transition:all .3s ease-out}.household-simulator .form-input-container input[type=number]:focus{outline:none;border-color:#fe6019;box-shadow:0 0 0 3px #fe60191a}.household-simulator .form-input-container input[type=number]:invalid{border-color:#dc2626}.household-simulator .form-unit{grid-area:unit;align-self:center;font-size:.875rem;color:#717171}.household-simulator .form-error{font-size:.875rem;color:#dc2626}.household-simulator .result-area{display:grid;gap:1rem}.household-simulator .balance-container{display:grid;row-gap:1.5rem;padding:1rem 1.5rem;background-color:#fff;border:1px solid rgba(254,96,25,.1);border-radius:1rem;box-shadow:0 4px 25px #fe601914}@media screen and (min-width:768px){.household-simulator .balance-container{padding:1.5rem 2rem}}.household-simulator .balance-title{padding-block-end:.75rem;font-size:1.25rem;font-weight:700;color:#040404;border-bottom:2px solid #fe6019}@media screen and (min-width:768px){.household-simulator .balance-title{font-size:1.5rem}}.household-simulator .balance-list{display:grid;gap:1rem}@media screen and (min-width:768px){.household-simulator .balance-list{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.household-simulator .balance-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background-color:color-mix(in srgb,#fe6019 3%,#fff);border-radius:.75rem}.household-simulator .balance-label{font-size:.875rem;font-weight:500}@media screen and (min-width:768px){.household-simulator .balance-label{font-size:1rem}}.household-simulator .balance-value{font-size:1.25rem;font-weight:700}@media screen and (min-width:768px){.household-simulator .balance-value{font-size:1.5rem}}.household-simulator .balance-value.income{color:#059669}.household-simulator .balance-value.expense{color:#dc2626}.household-simulator .balance-value.savings{color:#0284c7}.household-simulator .balance-value.positive{color:#059669}.household-simulator .balance-value.negative{color:#dc2626}.household-simulator .balance-value.neutral{color:#717171}.household-simulator .balance-advice{display:grid;row-gap:.5rem;padding:1rem 1.5rem;border-style:solid;border-left-width:5px;border-radius:.75rem}@media screen and (min-width:768px){.household-simulator .balance-advice{padding:1.5rem 2rem}}.household-simulator .balance-advice.warning{background-color:#fef2f2;border-color:#ef4444}.household-simulator .balance-advice.warning .balance-lead{color:#991b1b}.household-simulator .balance-advice.warning .balance-lead:before{content:"⚠"}.household-simulator .balance-advice.caution{background-color:#fffbeb;border-color:#f59e0b}.household-simulator .balance-advice.caution .balance-lead{color:#92400e}.household-simulator .balance-advice.caution .balance-lead:before{content:"💡"}.household-simulator .balance-advice.info{background-color:#eff6ff;border-color:#3b82f6}.household-simulator .balance-advice.info .balance-lead{color:#1e40af}.household-simulator .balance-advice.info .balance-lead:before{content:"📊"}.household-simulator .balance-advice.ideal{background-color:#f0fdfa;border-color:#34d399}.household-simulator .balance-advice.ideal .balance-lead{color:#047857}.household-simulator .balance-advice.ideal .balance-lead:before{content:"✨"}.household-simulator .balance-lead{position:relative;display:grid;grid-template-columns:max-content 1fr;column-gap:1rem;align-items:center;font-size:1.125rem;font-weight:700}@media screen and (min-width:768px){.household-simulator .balance-lead{font-size:1.25rem}}.household-simulator .balance-lead:before{display:inline-block;font-size:1.25rem;text-align:center}.household-simulator .chart-container{display:grid;gap:2rem;padding:1rem 1.5rem;background-color:#fff;border:1px solid rgba(254,96,25,.1);border-radius:1rem;box-shadow:0 4px 25px #fe601914}@media screen and (min-width:768px){.household-simulator .chart-container{grid-template-columns:repeat(2,1fr);column-gap:3rem;justify-content:center;padding:1.5rem 2rem}}.household-simulator .chart{width:80%;max-width:unset;margin-inline:auto}.household-simulator .chart canvas{width:100%;height:auto}.household-simulator .chart-list{display:grid;grid-template-columns:repeat(2,1fr);row-gap:.5rem;column-gap:1rem;align-self:center;justify-self:center}@media screen and (min-width:768px){.household-simulator .chart-list{column-gap:2rem;justify-self:start}}.household-simulator .chart-item{display:grid;grid-template-columns:max-content 1fr;gap:.5rem;align-items:center}.household-simulator .chart-dot{display:inline-block;width:.5em;aspect-ratio:1/1;border-radius:100vmax}.household-simulator .chart-category{font-size:.875rem}.household-simulator .breakdown-container{display:block;width:100%;min-width:0;overflow-x:auto;border:1px solid rgba(254,96,25,.1);border-radius:1rem;box-shadow:0 4px 25px #fe601914}.household-simulator .breakdown-container table{width:100%;min-width:max-content;overflow:hidden}.household-simulator .breakdown-container table thead{background-color:color-mix(in srgb,#fe6019 5%,#fff)}.household-simulator .breakdown-container table th,.household-simulator .breakdown-container table td{padding:1rem;text-align:left;border-bottom:1px solid #eaeaea}.household-simulator .breakdown-container table th{font-size:.875rem;font-weight:600;color:#040404}@media screen and (min-width:768px){.household-simulator .breakdown-container table th{font-size:1rem}}.household-simulator .breakdown-container table td{font-size:.875rem}@media screen and (min-width:768px){.household-simulator .breakdown-container table td{font-size:1rem}}.household-simulator .breakdown-container table td:nth-child(2),.household-simulator .breakdown-container table td:nth-child(3),.household-simulator .breakdown-container table td:nth-child(4){text-align:right}.household-simulator .breakdown-container table tbody tr{transition:background-color .2s}.household-simulator .breakdown-container table .warning{font-weight:500;color:#dc2626}.household-simulator .breakdown-container table .ok{font-weight:500;color:#059669}.household-simulator .annotation{margin-block-start:1rem;font-size:.8rem;color:#717171}@media screen and (min-width:768px){.household-simulator .annotation{font-size:.875rem}}.household-simulator .annotation-title{font-weight:700}.household-simulator .annotation-list{display:grid;row-gap:.25rem;padding-inline-start:1.25em;margin-block-start:.5rem;line-height:1.6}