.calc-layout{display:grid;gap:var(--space-8);grid-template-columns:1fr}@media (min-width:960px){.calc-layout{grid-template-columns:1fr 1fr;align-items:start}}@media (min-width:1200px){.calc-layout--with-sidebar{grid-template-columns:1fr 1fr 160px;gap:var(--space-10)}}.calc-card{background:var(--color-surface-lowest);border:var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-8)}@media (max-width:640px){.calc-card{padding:var(--space-6)}}.calc-card + .calc-card{margin-top:var(--space-6)}.calc-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-6)}.calc-card__title{font-size:var(--fs-lg);font-weight:700;color:var(--color-heading);margin:0}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.field__label{font-size:var(--fs-sm);font-weight:500;color:var(--color-on-surface);letter-spacing:var(--tracking-tight)}.field__hint{font-size:var(--fs-xs);color:var(--color-outline)}.field__error{font-size:var(--fs-xs);color:var(--color-error);margin-top:var(--space-1);min-height:1em}.input,.select,.textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-lowest);border:.5px solid var(--color-outline-variant);border-radius:var(--radius-md);color:var(--color-on-surface);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-base);text-align:right;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-outline)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(30,64,175,.2)}.input[aria-invalid="true"]{border-color:var(--color-error);box-shadow:0 0 0 2px rgba(186,26,26,.1)}.select{text-align:left;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%23757684' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/></svg>");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.input-group{display:flex;gap:var(--space-2);align-items:stretch}.input-group .input{flex:1}.input-group__suffix{display:inline-flex;align-items:center;padding:0 var(--space-3);background:var(--color-surface-low);border:var(--border-hairline);border-radius:var(--radius-md);color:var(--color-outline);font-family:var(--font-mono);font-size:var(--fs-sm);min-width:48px;justify-content:center}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-lowest);border:.5px solid var(--color-outline-variant);border-radius:var(--radius-full);color:var(--color-on-surface);font-size:var(--fs-xs);font-weight:500;cursor:pointer;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.chip:hover{border-color:var(--color-primary)}.chip[aria-pressed="true"]{background:var(--color-primary-container);color:var(--color-on-primary-container);border-color:var(--color-primary-container)}.check{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--fs-sm);color:var(--color-on-surface)}.check input{accent-color:var(--color-primary);width:16px;height:16px}.results{background:var(--color-surface-highest);border-radius:var(--radius-lg);padding:var(--space-8)}.results__block + .results__block{margin-top:var(--space-8)}.results__label{font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:500;color:var(--color-on-surface-variant);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-1)}.results__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-4xl);font-weight:600;color:var(--color-heading);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);margin:0;opacity:0;transform:translateY(2px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.results__value[data-computed="true"]{opacity:1;transform:translateY(0)}.results__unit{font-family:var(--font-mono);font-size:var(--fs-base);font-weight:500;color:var(--color-on-surface-variant);margin-left:var(--space-2)}.results__secondary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-6)}.results__secondary .results__value{font-size:var(--fs-2xl)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;font-family:var(--font-mono);letter-spacing:var(--tracking-wide)}.pill--ok{background:var(--color-success-container);color:var(--color-success)}.pill--warn{background:var(--color-tertiary-container);color:var(--color-warning)}.pill--error{background:var(--color-error-container);color:var(--color-error)}.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.collapsible{border-top:var(--border-ghost);padding-top:var(--space-6)}.collapsible summary{cursor:pointer;font-weight:600;color:var(--color-heading);font-size:var(--fs-base);padding:var(--space-2) 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.collapsible summary::-webkit-details-marker{display:none}.collapsible summary::after{content:"";width:10px;height:10px;border-right:1.5px solid var(--color-outline);border-bottom:1.5px solid var(--color-outline);transform:rotate(45deg);transition:transform var(--dur-base) var(--ease-out)}.collapsible[open] summary::after{transform:rotate(-135deg)}.collapsible__body{padding-top:var(--space-4);color:var(--color-on-surface-variant);font-size:var(--fs-sm)}.faq{display:flex;flex-direction:column;gap:var(--space-3)}.faq__item{background:var(--color-surface-lowest);border:var(--border-hairline);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--dur-base) var(--ease-out)}.faq__item summary{cursor:pointer;padding:var(--space-4) var(--space-5);font-weight:600;color:var(--color-heading);font-size:var(--fs-sm);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);transition:background var(--dur-base) var(--ease-out)}.faq__item summary:hover{background:var(--color-surface-low)}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary::after{content:"";width:8px;height:8px;border-right:1.5px solid var(--color-outline);border-bottom:1.5px solid var(--color-outline);transform:rotate(45deg);transition:transform var(--dur-base) var(--ease-out);flex-shrink:0;margin-top:-3px}.faq__item[open] summary::after{transform:rotate(-135deg);margin-top:3px}.faq__item[open]{border-color:var(--color-outline-variant)}.faq__body{padding:0 var(--space-5) var(--space-4);color:var(--color-on-surface-variant);font-size:var(--fs-sm);line-height:var(--lh-loose);border-top:var(--border-ghost);padding-top:var(--space-4)}.disclaimer{background:var(--color-tertiary-container);color:var(--color-on-tertiary);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-size:var(--fs-sm);margin-block:var(--space-6)}.disclaimer strong{color:var(--color-heading)}.formula{background:var(--color-surface-low);border-left:2px solid var(--color-primary);padding:var(--space-4) var(--space-5);font-family:var(--font-mono);font-size:var(--fs-sm);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-block:var(--space-4);overflow-x:auto}.prose{max-width:70ch}.prose > * + *{margin-top:var(--space-4)}.prose h2{font-size:var(--fs-2xl);margin-top:var(--space-8)}.prose h3{font-size:var(--fs-xl);margin-top:var(--space-6)}.prose ul,.prose ol{padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2);color:var(--color-on-surface-variant)}.prose code{background:var(--color-surface-low);padding:.1em .35em;border-radius:var(--radius-sm);font-size:.92em}.calc-page{display:grid;gap:var(--space-8);grid-template-columns:1fr;align-items:start}@media (min-width:1024px){.calc-page{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-12)}}.calc-page__main{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.calc-page__sidebar{display:flex;flex-direction:column;gap:var(--space-6)}@media (min-width:1024px){.calc-page__header{grid-column:1 / -1}}.ad-slot--horizontal{background:var(--color-surface-low);border:var(--border-hairline);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;min-height:90px;margin-bottom:var(--space-4);text-align:center;color:var(--color-on-surface-variant);font-size:var(--fs-sm)}.input-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5) var(--space-6)}@media (min-width:768px){.input-grid{grid-template-columns:1fr 1fr}.input-grid > .field--full{grid-column:1 / -1}}.input-grid > .field{margin-bottom:0}.input-wrapper{display:flex;align-items:stretch;background:var(--color-surface-lowest);border:.5px solid var(--color-outline-variant);border-radius:var(--radius-md);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);overflow:hidden}.input-wrapper:hover{border-color:var(--color-outline)}.input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(30,64,175,.2)}.input-wrapper .input{flex:1 1 0;min-width:0;border:none;background:transparent;outline:none;box-shadow:none;padding:.875rem .5rem .875rem 1rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-base);text-align:right;color:var(--color-on-surface)}.input-wrapper .input:focus{box-shadow:none;border:none}.input::placeholder{color:var(--color-outline);font-style:italic;opacity:.75}.input-wrapper__suffix,.input-wrapper__prefix{display:inline-flex;align-items:center;padding:0 1rem;color:var(--color-on-surface-variant);font-family:var(--font-mono);font-size:var(--fs-sm);pointer-events:none;user-select:none;white-space:nowrap;background:transparent}.input-wrapper__prefix{padding-right:.25rem}.input-wrapper__suffix{padding-left:.25rem}.input-wrapper--prefix .input{text-align:left;padding-left:.5rem}.input[type="number"]::-webkit-outer-spin-button,.input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type="number"]{-moz-appearance:textfield;appearance:textfield}[hidden]{display:none !important}.calc-card__header--divider{border-bottom:var(--border-hairline);padding-bottom:var(--space-4);margin-bottom:var(--space-6)}.calc-form-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-2);margin-top:var(--space-2)}.calc-form-footer__reset{background:transparent;border:0;color:var(--color-primary);font-size:var(--fs-sm);font-weight:500;cursor:pointer;padding:var(--space-2)}.calc-form-footer__reset:hover{color:var(--color-on-primary-container);text-decoration:underline}.btn--with-icon{display:inline-flex;align-items:center;gap:var(--space-2)}.btn--with-icon svg{width:16px;height:16px}.calc-results{background:var(--color-surface-highest);border:var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-8)}.calc-results__title{font-size:var(--fs-xs);font-weight:600;color:var(--color-on-surface-variant);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0 0 var(--space-6)}.calc-results__grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width:640px){.calc-results__grid{grid-template-columns:1fr 1fr}.calc-results__grid > .calc-result--full{grid-column:1 / -1}}.calc-result{display:flex;flex-direction:column;gap:2px;min-width:0}.calc-result__label{font-size:var(--fs-sm);color:var(--color-on-surface-variant);margin:0}.calc-result__value{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.calc-result__number{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-4xl);font-weight:600;color:var(--color-heading);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}.calc-result__unit{font-family:var(--font-mono);font-size:var(--fs-lg);color:var(--color-on-surface-variant);font-weight:500}.calc-result__sub{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-outline);margin:2px 0 0}.calc-results__note{margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--border-ghost);font-size:var(--fs-xs);color:var(--color-on-surface-variant);font-style:italic}.calc-result-ocpd{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-tertiary-container);border-left:3px solid var(--color-tertiary);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:500;color:var(--color-warning)}.calc-results__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--border-ghost)}.sidebar-card{background:var(--color-surface-lowest);border:var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-6)}.sidebar-card__title{font-size:var(--fs-xs);font-weight:600;color:var(--color-heading);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding-bottom:var(--space-3);margin:0 0 var(--space-3);border-bottom:var(--border-hairline)}.sidebar-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-card__list a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-on-surface-variant);font-size:var(--fs-sm);font-weight:500;text-decoration:none;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.sidebar-card__list a:hover{background:var(--color-surface-low);color:var(--color-on-surface);text-decoration:none}.sidebar-card__list svg{width:20px;height:20px;color:var(--color-outline);flex-shrink:0}.sidebar-card__list a:hover svg{color:var(--color-primary)}.how-it-works{background:var(--color-surface-high);border:var(--border-hairline);border-radius:var(--radius-lg);overflow:hidden}.how-it-works > summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);cursor:pointer;font-size:var(--fs-sm);font-weight:600;color:var(--color-heading);list-style:none;transition:background var(--dur-base) var(--ease-out)}.how-it-works > summary:hover{background:var(--color-surface-variant)}.how-it-works > summary::-webkit-details-marker{display:none}.how-it-works__heading{display:inline-flex;align-items:center;gap:var(--space-2)}.how-it-works__heading svg{color:var(--color-primary);width:16px;height:16px}.how-it-works > summary::after{content:"";width:8px;height:8px;border-right:1.5px solid var(--color-outline);border-bottom:1.5px solid var(--color-outline);transform:rotate(45deg);transition:transform var(--dur-base) var(--ease-out);flex-shrink:0;margin-top:-3px}.how-it-works[open] > summary::after{transform:rotate(-135deg);margin-top:3px}.how-it-works__body{padding:var(--space-5);font-size:var(--fs-sm);color:var(--color-on-surface-variant);line-height:var(--lh-loose);border-top:var(--border-ghost)}.how-it-works__body > * + *{margin-top:var(--space-3)}.how-it-works__body ul{padding-left:var(--space-5)}.how-it-works__body li{margin-bottom:var(--space-2)}.sidebar-ad{background:var(--color-surface-low);border:var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:var(--color-on-surface-variant);font-size:var(--fs-sm)}.sidebar-ad__label{font-size:var(--fs-xs);color:var(--color-outline);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-2)}.chip[aria-pressed="true"]{background:var(--color-primary-container);color:var(--color-on-primary-container);border-color:var(--color-primary-container);font-weight:600}.chip[aria-pressed="true"]:hover{border-color:var(--color-primary-container)}