/* Keep the shared calculator layout, typography, colors and responsive rules. */
.modern-severance .severance-workspace>*,
.modern-severance .severance-two>*{min-width:0}
.modern-severance .severance-two{display:grid;grid-template-columns:minmax(0,1fr)}
.modern-severance input{min-width:0;max-width:100%;box-sizing:border-box}
.modern-severance input[type=date]{width:100%;padding:12px 14px}
.modern-severance .severance-period-status{margin:0 0 23px;color:var(--modern-muted);font-size:11px;line-height:1.6}
.modern-severance .severance-options{margin:18px 0 23px}
.modern-severance .severance-options details[open]>summary{margin-bottom:18px}
.modern-severance .severance-actions{margin-top:23px}
.modern-severance .severance-result-options{margin-top:24px}
.modern-severance #severance-breakdown-title{margin:0;font-size:15px;line-height:1.6}
.modern-severance .severance-breakdown dd{overflow-wrap:anywhere}
.modern-severance .severance-explanation{margin-top:24px;line-height:1.7;color:var(--modern-muted);font-size:12px}
.modern-severance .severance-explanation h3{font-size:15px;color:var(--modern-text)}
.modern-severance .severance-explanation p{margin:12px 0}
.modern-severance .modern-result-adjust{display:inline-flex;align-items:center;text-decoration:none}
.modern-severance #severance-form{scroll-margin-top:110px}
.modern-severance [hidden]{display:none!important}
.modern-severance [data-rebuild-note]:empty{display:none}
.modern-severance [data-severance-result].is-stale>:not([data-stale-notice]){display:none}
@media(max-width:820px){.modern-severance input[type=date]{font-size:16px}}

/* Match the salary calculator's reading flow and example rows. */
.modern-severance .severance-calculation-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 0;padding:24px 24px 24px 44px;border:1px solid var(--modern-border);border-radius:12px;line-height:1.8}
.modern-severance .severance-calculation-flow li{padding-left:4px;overflow-wrap:anywhere}
.modern-severance .severance-calculation-flow strong,.modern-severance .severance-calculation-flow span{display:block}
.modern-severance .severance-calculation-flow span{color:var(--modern-muted);font-size:14px}
.modern-severance .severance-example-breakdown{margin:24px 0 0}
.modern-severance .severance-example-breakdown>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--modern-border);line-height:1.6}
.modern-severance .severance-example-breakdown dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.modern-severance .severance-example-total{color:var(--modern-positive);font-weight:750;font-size:18px}
.modern-severance .severance-input-guide{margin:24px 0 0}
.modern-severance .severance-input-guide>div+div{margin-top:24px}
.modern-severance .severance-input-guide dt{font-weight:750;line-height:1.6}
.modern-severance .severance-input-guide dd{margin:8px 0 0;line-height:1.85;overflow-wrap:anywhere}
@media(max-width:600px){.modern-severance .severance-calculation-flow{grid-template-columns:minmax(0,1fr);gap:16px}}

.modern-severance .severance-example-breakdown time{display:inline-block;white-space:nowrap}