.tools-container{max-width:1160px;margin:0 auto;padding:48px 32px 88px}.tools-hero{text-align:center;max-width:760px;margin:24px auto 48px}.tools-hero h1{letter-spacing:-.04em;text-wrap:balance;margin:20px 0;font-size:clamp(2.25rem,4.5vw,3.75rem);font-weight:500;line-height:1.08}.tools-hero p{color:var(--fo-color-text-secondary);max-width:660px;margin:0 auto 20px;font-size:1.125rem;line-height:1.6}.tools-no-signup{color:var(--fo-color-text-muted);font-size:.875rem}.tools-detail-hero{margin-top:32px}.tools-back{align-items:center;gap:8px;font-size:.875rem;text-decoration:none;display:inline-flex}.tools-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tools-card{background:var(--fo-color-surface);border:1px solid var(--fo-color-border);border-radius:var(--fo-radius-panel);flex-direction:column;gap:12px;padding:28px;text-decoration:none;display:flex}.tools-card:hover{background:var(--fo-color-surface-subtle);border-color:var(--fo-color-border-strong)}.tools-card>svg{color:var(--color-brand-primary)}.tools-card h2{margin:4px 0 0;font-size:1.375rem;font-weight:500;line-height:1.3}.tools-card p{color:var(--fo-color-text-secondary);margin:0 0 12px;line-height:1.6}.tools-card span{align-items:center;gap:8px;margin-top:auto;font-size:.875rem;display:flex}.tools-index-note{color:var(--fo-color-text-secondary);text-align:center;margin:24px 0 0;line-height:1.6}.tools-calculator{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.tools-input-panel,.tools-result-panel{border:1px solid var(--fo-color-border);border-radius:var(--fo-radius-panel);min-width:0;padding:28px}.tools-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tools-panel-heading h2,.tools-result-panel>h2{margin:0;font-size:1.125rem;font-weight:500}.tools-reset{color:var(--fo-color-text-secondary);background:0 0;border:none;align-items:center;gap:6px;min-height:36px;padding:0;font-size:.8125rem;display:inline-flex}.tools-example-note{color:var(--fo-color-text-muted);margin:12px 0 24px;font-size:.875rem;line-height:1.5}.tools-examples{border:none;margin:0 0 24px;padding:0}.tools-examples legend{color:var(--fo-color-text-secondary);margin-bottom:8px;font-size:.8125rem}.tools-examples>div{flex-wrap:wrap;gap:8px;display:flex}.tools-examples button{background:var(--fo-color-surface-subtle);border:1px solid var(--fo-color-border);border-radius:var(--fo-radius-control);color:var(--fo-color-text-primary);min-height:36px;padding:6px 12px;font-size:.8125rem}.tools-examples button:hover{border-color:var(--fo-color-border-strong)}.tools-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;display:grid}.tools-field label{margin-bottom:8px;font-size:.875rem;font-weight:500;line-height:1.4;display:block}.tools-input-wrap{background:var(--fo-color-surface);border:1px solid var(--fo-color-border-strong);border-radius:var(--fo-radius-control);align-items:center;gap:8px;padding:0 12px;display:flex}.tools-input-wrap:focus-within{outline:2px solid var(--color-focus);outline-offset:3px}.tools-input-wrap span{color:var(--fo-color-text-muted)}.tools-input-wrap input{color:var(--fo-color-text-primary);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;width:100%;min-width:0;min-height:44px;padding:8px 0}.tools-input-wrap:has(input[aria-invalid=true]){border-color:var(--color-danger-hover)}.tools-field p{color:var(--fo-color-text-muted);margin:8px 0 0;font-size:.75rem;line-height:1.5}.tools-result-panel{background:var(--fo-color-surface-subtle);top:calc(var(--fo-header-h) + 24px);position:sticky}.tools-result-label{color:var(--fo-color-text-secondary);margin:28px 0 8px;font-size:.875rem}.tools-result-value{font-variant-numeric:tabular-nums;letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 28px;font-size:clamp(2.125rem,3.5vw,3.25rem);font-weight:500;line-height:1.2}.tools-result-value span{color:var(--fo-color-text-secondary);letter-spacing:normal;margin-top:8px;font-size:.875rem;display:block}.tools-metrics{margin:0}.tools-metrics>div{border-top:1px solid var(--fo-color-border);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;display:flex}.tools-metrics dt{color:var(--fo-color-text-secondary);flex:1;min-width:0;font-size:.875rem}.tools-metrics dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right;flex-shrink:0;max-width:50%;margin:0;font-size:.9375rem}.tools-result-note,.tools-privacy{color:var(--fo-color-text-muted);margin:20px 0 0;font-size:.75rem;line-height:1.6}.tools-export-actions{gap:10px;margin-top:24px;display:grid}.tools-export-actions button{background:var(--fo-color-surface);border:1px solid var(--fo-color-border-strong);border-radius:var(--fo-radius-control);color:var(--fo-color-text-primary);justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:.875rem;display:flex}.tools-export-actions button:hover{background:var(--fo-color-surface-subtle)}.tools-export-actions button:disabled{cursor:default;opacity:.45}.tools-export-status{color:var(--fo-color-text-secondary);min-height:20px;margin:10px 0 0;font-size:.8125rem;line-height:1.5}.tools-loss{border-left:3px solid var(--color-danger-hover);padding:8px 12px;font-size:.875rem;line-height:1.5}.tools-empty-result{padding:28px 0;line-height:1.6}.tools-empty-result p+p{color:var(--fo-color-text-secondary);font-size:.875rem}.tools-explanation{max-width:760px;margin:56px auto}.tools-explanation h2,.tools-example h2,.tools-faq>h2,.tools-next h2,.tools-related>h2{text-wrap:balance;margin:0 0 16px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;line-height:1.25}.tools-explanation>p{color:var(--fo-color-text-secondary);line-height:1.8}.tools-explanation .tools-formula{background:var(--fo-color-surface-subtle);border:1px solid var(--fo-color-border);border-radius:var(--fo-radius-control);color:var(--fo-color-text-primary);font-variant-numeric:tabular-nums;margin-top:24px;padding:16px 20px}.tools-example,.tools-faq{max-width:760px;margin:40px auto}.tools-example{background:var(--fo-color-surface-subtle);border:1px solid var(--fo-color-border);border-radius:var(--fo-radius-panel);padding:28px}.tools-example h2{margin-top:16px}.tools-example p,.tools-example li,.tools-faq-item p{color:var(--fo-color-text-secondary);line-height:1.7}.tools-example .tools-example-note{color:var(--fo-color-text-muted);margin:0 0 20px;font-size:.8125rem}.tools-example ol{font-variant-numeric:tabular-nums;margin:0;padding-left:24px}.tools-example li+li{margin-top:12px}.tools-example>p:last-child{margin-bottom:0}.tools-faq-item{border-top:1px solid var(--fo-color-border);padding:20px 0}.tools-faq-item h3{margin:0 0 8px;font-size:1.0625rem;font-weight:500;line-height:1.4}.tools-faq-item p{margin:0}.tools-next{border-bottom:1px solid var(--fo-color-border);border-top:1px solid var(--fo-color-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;margin:56px 0;padding:40px 0;display:grid}.tools-next>div>p{color:var(--fo-color-text-secondary);margin:0;line-height:1.6}.tools-action-row{flex-wrap:wrap;gap:12px;display:flex}.tools-next-actions .tools-trial-terms{color:var(--fo-color-text-muted);margin:16px 0 0;font-size:.75rem;line-height:1.6}.tools-related>h2{margin-bottom:24px}.tools-related .tools-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-related .tools-card{padding:24px}.tools-related .tools-card h2{font-size:1.125rem}.tools-page :is(a,button):focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}@media (max-width:1000px){.tools-calculator{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}.tools-input-panel,.tools-result-panel{padding:24px}.tools-fields{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.tools-container{padding:32px 20px 56px}.tools-calculator,.tools-next{grid-template-columns:minmax(0,1fr)}.tools-result-panel{position:static}.tools-related .tools-card-grid{grid-template-columns:minmax(0,1fr)}.tools-hero{margin-bottom:32px}}@media (max-width:480px){.tools-card-grid{grid-template-columns:minmax(0,1fr)}.tools-card,.tools-example,.tools-input-panel,.tools-result-panel{padding:20px}.tools-next .tools-action-row{flex-direction:column;align-items:stretch}}