/* The supplied Goalpost emergency-fund design, scoped to this page. */

body.emergency-fund-page {--ink:#19314c;--muted:#607084;--blue:#477bc5;--blue-dark:#315f9f;--blue-light:#edf3fc;--line:#e0e7ef;--bg:#f7f9fc;--white:#fff;--green:#3f7168;--shadow:0 8px 34px rgba(33,64,100,.035)}

.emergency-fund-main * {box-sizing:border-box}

html {scroll-behavior:smooth;scroll-padding-top:25px}

body.emergency-fund-page {margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}

.emergency-fund-main button,
.emergency-fund-main input {font:inherit}

.emergency-fund-main button,
.emergency-fund-main a,
.emergency-fund-main input,
.emergency-fund-main summary {touch-action:manipulation}

.emergency-fund-main button,
.emergency-fund-main a {transition:background .18s,color .18s,border-color .18s}

.emergency-fund-main a {color:var(--brand-link);text-underline-offset:4px}

.emergency-fund-main button {cursor:pointer}

.emergency-fund-main button:focus-visible,
.emergency-fund-main a:focus-visible,
.emergency-fund-main summary:focus-visible,
.emergency-fund-main input:focus-visible {outline:3px solid #83a8e4;outline-offset:4px}

.emergency-fund-main button:disabled {cursor:default;opacity:.6}

.emergency-fund-main h1,
.emergency-fund-main h2,
.emergency-fund-main h3,
.emergency-fund-main p {margin-top:0}

.emergency-fund-main h2,
.emergency-fund-main h3 {line-height:1.25}

.emergency-fund-main button {border:0}

.emergency-fund-main input[type=number] {appearance:textfield;-moz-appearance:textfield}

.emergency-fund-main input::-webkit-inner-spin-button,
.emergency-fund-main input::-webkit-outer-spin-button {-webkit-appearance:none;margin:0}

.emergency-fund-main input[type=radio],
.emergency-fund-main input[type=checkbox] {accent-color:var(--blue);width:18px;height:18px;flex:0 0 18px;margin:2px 0 0}

.emergency-fund-main [hidden] {display:none!important}

.emergency-fund-main .site-header {max-width:1200px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line)}

.emergency-fund-main .brand {display:flex;align-items:center;gap:12px;text-decoration:none;font-size:16px;font-weight:750;letter-spacing:1.4px;color:var(--ink);line-height:1.1}

.emergency-fund-main .brand-mark {width:38px;height:38px;color:var(--blue)}

.emergency-fund-main .brand-sub {display:block;font-size:9px;letter-spacing:3.8px;margin-top:5px;font-weight:600;color:var(--muted)}

.emergency-fund-main nav {display:flex;gap:30px;align-items:center}

.emergency-fund-main nav a {font-size:13px;font-weight:550;text-decoration:none;color:var(--muted)}

.emergency-fund-main nav .header-cta {border:1px solid #cbd8e9;color:var(--ink);padding:10px 17px;border-radius:8px;display:flex;gap:18px}

.emergency-fund-main .header-cta:hover {background:var(--blue-light)}

.emergency-fund-main {max-width:1200px;margin:0 auto;padding:0 32px}

.emergency-fund-main .emergency-hero {padding:60px 0 43px;position:relative}

.emergency-fund-main .eyebrow {font-size:10px;font-weight:750;letter-spacing:1.9px;color:var(--muted);line-height:1.5}

.emergency-fund-main .emergency-hero .eyebrow {display:flex;align-items:center;gap:9px;color:var(--blue-dark);margin-bottom:20px}

.emergency-fund-main .tiny-dot {height:6px;width:6px;background:var(--blue);border-radius:50%}

.emergency-fund-main h1 {font-size:60px;letter-spacing:-2.6px;font-weight:650;line-height:1.07;margin-bottom:20px}

.emergency-fund-main h1 span {color:var(--blue)}

.emergency-fund-main .emergency-hero-copy {max-width:550px;color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:23px}

.emergency-fund-main .emergency-hero-details {display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:11px;font-weight:500;color:var(--muted)}

.emergency-fund-main .emergency-hero-details span {display:flex;align-items:center;gap:6px}

.emergency-fund-main .emergency-hero-details svg {height:15px;width:15px;stroke:var(--blue);stroke-width:1.3;fill:none}

.emergency-fund-main .calculator-layout {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}

.emergency-fund-main .form-card,
.emergency-fund-main .result-card,
.emergency-fund-main .progress-card,
.emergency-fund-main .scenario-card {border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:var(--shadow)}

.emergency-fund-main .form-card {padding:27px 29px 25px}

.emergency-fund-main .form-top {display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}

.emergency-fund-main .text-button {padding:4px 0;background:transparent;color:var(--blue-dark);font-size:12px;font-weight:600}

.emergency-fund-main .text-button:hover {text-decoration:underline;text-underline-offset:4px}

.emergency-fund-main .step-nav {display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-bottom:1px solid var(--line);margin-bottom:30px}

.emergency-fund-main .step-nav button {display:flex;align-items:center;gap:7px;white-space:nowrap;background:transparent;border-bottom:2px solid transparent;font-size:11px;padding:0 0 16px;color:var(--muted);margin-bottom:-1px}

.emergency-fund-main .step-nav button[aria-selected=true] {color:var(--blue-dark);border-color:var(--blue);font-weight:700}

.emergency-fund-main .step-number {width:22px;height:22px;border-radius:50%;background:#f1f4f8;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;flex-shrink:0}

.emergency-fund-main .step-nav button[aria-selected=true] .step-number {background:var(--blue);color:white}

.emergency-fund-main .step-nav .complete .step-number {background:#e7f0eb;color:var(--green)}

.emergency-fund-main .step-panel h2 {font-size:23px;letter-spacing:-.7px;margin-bottom:9px;font-weight:650}

.emergency-fund-main .section-intro {font-size:13px;color:var(--muted);margin-bottom:25px;max-width:420px}

.emergency-fund-main .field {margin-bottom:23px}

.emergency-fund-main label,
.emergency-fund-main legend {font-size:12px;font-weight:600}

.emergency-fund-main .field>label {display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;gap:8px}

.emergency-fund-main .required-note {font-size:10px;font-weight:400;color:var(--muted)}

.emergency-fund-main .money-input {display:flex;align-items:center;gap:8px;border:1px solid #ccd7e5;background:var(--white);border-radius:8px;padding:11px 13px;min-width:0;transition:box-shadow .18s,border-color .18s}

.emergency-fund-main .money-input:focus-within {border-color:var(--blue);box-shadow:0 0 0 3px #e7effb}

.emergency-fund-main .money-input>span {color:#75869b;font-size:14px;flex-shrink:0}

.emergency-fund-main .money-input input {width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:550;padding:0}

.emergency-fund-main .money-input input:focus-visible {outline:none}

.emergency-fund-main .money-input input::placeholder {color:#9aa7b8;font-weight:400;opacity:1}

.emergency-fund-main .money-input.large {padding:13px 15px;background:#fcfdff;border-color:#becfe5}

.emergency-fund-main .money-input.large input {font-size:30px;font-weight:550;letter-spacing:-.7px}

.emergency-fund-main .money-input.large>span {font-size:21px}

.emergency-fund-main .money-input .unit,
.emergency-fund-main .money-input.large .unit {font-size:11px;font-weight:400;white-space:nowrap}

.emergency-fund-main .help {font-size:11px;line-height:1.65;color:var(--muted);margin:9px 0 0}

.emergency-fund-main .expense-helper {margin:-7px 0 25px;border-bottom:1px solid var(--line);padding-bottom:16px}

.emergency-fund-main .expense-helper summary {font-size:11px;font-weight:600;color:var(--blue-dark)}

.emergency-fund-main summary {list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}

.emergency-fund-main summary::-webkit-details-marker {display:none}

.emergency-fund-main summary>span {font-size:18px;line-height:1;font-weight:400;color:var(--blue)}

.emergency-fund-main details[open]>summary>span {transform:rotate(45deg)}

.emergency-fund-main .expense-grid {display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}

.emergency-fund-main .expense-grid label {font-size:11px}

.emergency-fund-main .expense-grid .money-input {margin-top:7px}

.emergency-fund-main .expense-grid input {font-size:14px}

.emergency-fund-main .two-fields {display:grid;grid-template-columns:1fr 1fr;gap:18px}

.emergency-fund-main .two-fields .field {margin-bottom:18px}

.emergency-fund-main .two-fields label {font-size:11px}

.emergency-fund-main .small-note {display:flex;align-items:flex-start;gap:10px;background:#f3f6fa;border-radius:9px;padding:13px 14px;margin:4px 0 26px}

.emergency-fund-main .note-symbol {width:16px;height:16px;flex:0 0 16px;border:1px solid #8a9db4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:11px;color:#7589a3;line-height:1;margin-top:1px}

.emergency-fund-main .small-note p {font-size:11px;line-height:1.65;color:var(--muted);margin:0}

.emergency-fund-main .form-actions {border-top:1px solid var(--line);padding-top:21px;display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:10px}

.emergency-fund-main .step-counter {font-size:9px;letter-spacing:1.4px;color:#8190a1}

.emergency-fund-main .primary-button {display:flex;align-items:center;justify-content:center;gap:30px;background:var(--blue);color:white;padding:13px 19px;border-radius:8px;font-size:12px;font-weight:600;min-height:46px}

.emergency-fund-main .primary-button:hover {background:var(--blue-dark)}

.emergency-fund-main .primary-button span {font-size:17px}

.emergency-fund-main .secondary-button {border:1px solid #c6d5e9;background:var(--white);padding:11px 17px;border-radius:8px;font-size:12px;font-weight:600;color:var(--blue-dark);display:flex;gap:32px;justify-content:center;align-items:center;min-height:43px}

.emergency-fund-main .secondary-button:hover {background:#f3f7fd}

.emergency-fund-main .secondary-button.compact {font-size:11px;padding:8px 14px;min-height:36px}

.emergency-fund-main .back-button {background:transparent;color:var(--muted);font-size:12px;padding:9px 0}

.emergency-fund-main .form-error {font-size:12px;color:#a43c31;background:#fff3f0;padding:10px 12px;border-radius:7px;margin:15px 0}

.emergency-fund-main .result-column {position:sticky;top:24px;min-width:0}

.emergency-fund-main .result-card {padding:28px 30px;background:linear-gradient(145deg,#f1f6fd,#f9fbff 55%,white);border-color:#d5e2f2}

.emergency-fund-main .result-eyebrow {display:flex;justify-content:space-between;align-items:center;gap:10px}

.emergency-fund-main .result-eyebrow .eyebrow {font-size:9px;letter-spacing:1.6px;color:#597b9e}

.emergency-fund-main .small-icon {color:var(--blue);font-size:20px}

.emergency-fund-main .empty-result h2 {font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 14px;font-weight:600}

.emergency-fund-main .empty-result>p {color:var(--muted);font-size:13px;line-height:1.75;max-width:320px;margin-bottom:25px}

.emergency-fund-main .empty-feature {display:flex;align-items:center;gap:12px;font-size:11px;color:#4a617c;border-top:1px solid #e1e9f5;padding:13px 0}

.emergency-fund-main .empty-feature span {font-size:9px;color:#7c97b7;font-weight:600}

.emergency-fund-main .empty-result .secondary-button {margin-top:23px;width:100%}

.emergency-fund-main .empty-art {height:150px;position:relative;margin:22px 0 18px;max-width:320px}

.emergency-fund-main .art-block {position:absolute;bottom:12px;border-radius:8px 8px 0 0;width:65px}

.emergency-fund-main .block-one {height:40px;left:27px;background:#dce8f7;border:1px solid #c6d8f0}

.emergency-fund-main .block-two {height:73px;left:106px;background:#b8d0f0;border:1px solid #a5c2e9}

.emergency-fund-main .block-three {height:111px;left:185px;background:var(--blue);border:1px solid #3b6fb8;display:flex;justify-content:center;align-items:center}

.emergency-fund-main .block-three svg {height:35px;width:35px;fill:none;stroke:white;stroke-width:1.5}

.emergency-fund-main .art-line {position:absolute;bottom:11px;height:1px;background:#c5d6ea;width:100%;left:0}

.emergency-fund-main .art-spark {position:absolute;color:#85a4cf;font-weight:300;font-size:24px}

.emergency-fund-main .spark-one {top:19px;left:37px}

.emergency-fund-main .spark-two {top:43px;right:15px;font-size:18px}

.emergency-fund-main fieldset {border:0;padding:0;margin:0 0 27px;min-width:0}

.emergency-fund-main legend {margin-bottom:11px;line-height:1.5;width:100%;padding:0}

.emergency-fund-main .choice-stack {display:grid;gap:9px}

.emergency-fund-main .choice {display:flex;align-items:flex-start;gap:11px;border:1px solid var(--line);border-radius:8px;padding:12px 13px;cursor:pointer;min-width:0;transition:border-color .15s,background .15s}

.emergency-fund-main .choice:has(input:checked) {border-color:#729ad0;background:#eff5fd}

.emergency-fund-main .choice:hover {border-color:#8caedb}

.emergency-fund-main .choice strong {display:block;font-size:12px;font-weight:600;line-height:1.5}

.emergency-fund-main .choice small {display:block;font-size:11px;line-height:1.5;font-weight:400;color:var(--muted);margin-top:3px}

.emergency-fund-main .choice-grid {display:grid;grid-template-columns:1fr 1fr;gap:9px}

.emergency-fund-main .choice-grid .choice {padding:13px 11px;align-items:center}

.emergency-fund-main .choice-grid .choice strong {font-size:11px}

.emergency-fund-main .choice-grid input {margin-top:0}

.emergency-fund-main .optional-panel {border:1px solid var(--line);border-radius:10px;padding:15px 16px;margin:7px 0 23px}

.emergency-fund-main .optional-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:9px}

.emergency-fund-main .checkbox-label {display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;cursor:pointer}

.emergency-fund-main .checkbox-label input {margin-top:0}

.emergency-fund-main .optional-tag {font-size:8px;letter-spacing:.8px;color:var(--muted);padding-top:4px}

.emergency-fund-main .optional-panel .two-fields {margin-top:20px;gap:12px}

.emergency-fund-main .optional-panel .two-fields label {min-height:31px;align-items:start;line-height:1.5}

.emergency-fund-main .example-badge {font-size:8px;font-weight:700;letter-spacing:1px;padding:4px 7px;border:1px solid #c3d6ee;border-radius:4px;color:#5a7fae}

.emergency-fund-main .target-amount {font-size:37px;letter-spacing:-1.5px;font-weight:650;font-variant-numeric:tabular-nums;margin:20px 0 10px;line-height:1.18;overflow-wrap:anywhere}

.emergency-fund-main .target-amount.long-number {font-size:29px}

.emergency-fund-main .months-badge {display:inline-flex;background:#e0ebfa;border:1px solid #ccdff7;color:var(--blue-dark);padding:5px 9px;font-size:11px;font-weight:650;border-radius:5px}

.emergency-fund-main .result-context {font-size:12px;color:var(--muted);line-height:1.65;margin:14px 0 19px}

.emergency-fund-main .reserve-chart {margin:22px 0 23px}

.emergency-fund-main .chart-blocks {display:grid;grid-template-columns:repeat(12,1fr);gap:4px;height:27px}

.emergency-fund-main .chart-block {background:#e2eaf5;border-radius:3px}

.emergency-fund-main .chart-block.in-range {background:#7ea3d8}

.emergency-fund-main .chart-block.range-start {background:var(--blue)}

.emergency-fund-main .chart-axis {display:flex;justify-content:space-between;font-size:8px;color:#7389a3;margin-top:8px}

.emergency-fund-main .calculation-row {display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5;margin:9px 0;color:var(--muted)}

.emergency-fund-main .calculation-row strong {color:#365271;font-weight:600;white-space:nowrap}

.emergency-fund-main .result-divider {height:1px;background:#dce6f3;margin:23px 0 19px}

.emergency-fund-main .result-card h3 {font-size:13px;margin-bottom:14px;font-weight:650}

.emergency-fund-main .reasons-list {margin:0;padding:0;list-style:none}

.emergency-fund-main .reasons-list li {display:flex;gap:9px;color:#586f89;font-size:11px;line-height:1.65;margin:11px 0}

.emergency-fund-main .reasons-list li::before {content:"✓";color:var(--blue);font-size:11px;flex-shrink:0;font-weight:700}

.emergency-fund-main .result-footnote {font-size:10px;line-height:1.65;color:#78899e;margin:18px 0 0}

.emergency-fund-main .progress-card {margin-top:16px;padding:22px 25px}

.emergency-fund-main .progress-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}

.emergency-fund-main .progress-heading h3 {font-size:14px;margin:0;font-weight:650}

.emergency-fund-main .progress-heading>span {font-size:12px;font-weight:650;color:var(--blue)}

.emergency-fund-main .progress-track {background:#e9eef5;height:7px;border-radius:6px;overflow:hidden}

.emergency-fund-main .progress-track>div {height:100%;width:0;background:var(--blue);border-radius:6px;transition:width .35s}

.emergency-fund-main .progress-label {font-size:10px;color:var(--muted);margin:7px 0 17px}

.emergency-fund-main .next-step-text {font-size:13px;color:#435b75;line-height:1.7;margin-bottom:13px}

.emergency-fund-main .next-step-text strong {color:var(--ink)}

.emergency-fund-main .timeline {font-size:11px;line-height:1.7;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}

.emergency-fund-main .result-actions {display:flex;justify-content:space-between;gap:12px;margin-top:17px}

.emergency-fund-main .result-actions .text-button {font-size:11px;display:flex;gap:7px}

.emergency-fund-main .copy-status {font-size:10px;color:var(--green);margin:8px 0 0;min-height:0}

.emergency-fund-main .copy-status:empty {display:none}

.emergency-fund-main .scenario-card {padding:18px 22px;margin-top:16px}

.emergency-fund-main .scenario-card summary {font-size:11px;font-weight:600;line-height:1.6}

.emergency-fund-main .scenario-card label {display:block;font-size:11px;margin:15px 0 8px}

.emergency-fund-main .scenario-result {font-size:11px;line-height:1.7;margin:12px 0 0;color:var(--muted)}

.emergency-fund-main .coaching-card {padding:24px 26px;margin-top:16px;background:#ecf3f0;border:1px solid #dce9e3;border-radius:13px}

.emergency-fund-main .coaching-card .eyebrow {font-size:8px;color:#638176}

.emergency-fund-main .coaching-card h3 {font-size:21px;letter-spacing:-.6px;line-height:1.25;color:#315c50;margin:10px 0}

.emergency-fund-main .coaching-card p {font-size:11px;color:#637d73;line-height:1.7;margin-bottom:14px}

.emergency-fund-main .coaching-card a {font-size:11px;color:#315c50;font-weight:650;display:flex;align-items:center;justify-content:space-between;text-decoration:none}

.emergency-fund-main .method-section {padding:77px 0 64px}

.emergency-fund-main .method-heading {text-align:left;max-width:630px;margin-bottom:30px}

.emergency-fund-main .method-heading .eyebrow {color:var(--blue-dark);margin-bottom:10px}

.emergency-fund-main .method-heading h2 {font-size:30px;font-weight:600;letter-spacing:-1px;margin-bottom:10px}

.emergency-fund-main .method-heading>p:last-child {font-size:13px;color:var(--muted)}

.emergency-fund-main .principles-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-bottom:42px}

.emergency-fund-main .principle-number {font-size:10px;color:var(--blue);letter-spacing:1px;display:inline-block;border-bottom:1px solid #9bb9e0;padding-bottom:5px;margin-bottom:14px}

.emergency-fund-main .principles-grid h3 {font-size:14px;font-weight:650;margin-bottom:10px}

.emergency-fund-main .principles-grid p {font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}

.emergency-fund-main .faq-list {border-top:1px solid var(--line)}

.emergency-fund-main .faq-list details {border-bottom:1px solid var(--line);padding:18px 0}

.emergency-fund-main .faq-list summary {font-size:13px;font-weight:600}

.emergency-fund-main .details-content {font-size:12px;line-height:1.8;color:var(--muted);padding:15px 28px 0 0;max-width:900px}

.emergency-fund-main .details-content p:last-child {margin-bottom:0}

.emergency-fund-main .details-content table {border-collapse:collapse;width:100%;font-size:11px;margin:15px 0}

.emergency-fund-main .details-content td,
.emergency-fund-main .details-content th {border-bottom:1px solid var(--line);padding:9px 8px;text-align:left;vertical-align:top}

.emergency-fund-main .details-content th {color:var(--ink);font-weight:600}

.emergency-fund-main .details-content ul {padding-left:20px;margin:12px 0}

.emergency-fund-main footer {max-width:1136px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 45px;font-size:10px;color:#8491a1}

.emergency-fund-main footer a {text-decoration:none;font-size:10px;color:var(--muted)}

.emergency-fund-main footer .footer-brand {font-size:10px;font-weight:700;letter-spacing:1.3px;color:var(--ink)}

.emergency-fund-main .skip-link {position:fixed;left:12px;top:-100px;z-index:10;background:white;padding:12px;border:1px solid var(--blue);border-radius:6px}

.emergency-fund-main .skip-link:focus {top:12px}

.emergency-fund-main .sr-only {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(min-width:1300px){
.emergency-fund-main .emergency-hero {padding-top:66px}

.emergency-fund-main .calculator-layout {gap:34px;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}

.emergency-fund-main .form-card {padding:30px 33px}

.emergency-fund-main .result-card {padding:30px 33px}
}
@media(max-width:1000px){
.emergency-fund-main .site-header {height:85px}

.emergency-fund-main {padding:0 25px}

.emergency-fund-main .site-header {padding:0 25px}

.emergency-fund-main .calculator-layout {gap:20px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}

.emergency-fund-main .form-card {padding:23px 22px}

.emergency-fund-main .result-card {padding:24px}

.emergency-fund-main .step-nav button {font-size:10px;gap:5px}

.emergency-fund-main .step-number {width:19px;height:19px}

.emergency-fund-main .target-amount {font-size:30px;letter-spacing:-1.2px}

.emergency-fund-main .target-amount.long-number {font-size:24px}

.emergency-fund-main .two-fields {gap:12px}

.emergency-fund-main .two-fields .field>label {min-height:32px;line-height:1.5}

.emergency-fund-main .emergency-hero {padding-top:45px}

.emergency-fund-main h1 {font-size:52px}

.emergency-fund-main footer {margin:0 25px}

.emergency-fund-main .principles-grid {gap:26px}
}
@media(max-width:760px){
.emergency-fund-main .calculator-layout {grid-template-columns:1fr;gap:20px}

.emergency-fund-main .result-column {position:static}

.emergency-fund-main .site-header {height:79px;padding:0 22px}

.emergency-fund-main .emergency-hero {padding:39px 0 32px}

.emergency-fund-main {padding:0 22px}

.emergency-fund-main .emergency-hero-copy {max-width:520px}

.emergency-fund-main .emergency-hero-details {font-size:10px;gap:13px}

.emergency-fund-main .form-card {padding:25px}

.emergency-fund-main .step-nav button {font-size:11px}

.emergency-fund-main .step-number {width:22px;height:22px}

.emergency-fund-main .two-fields .field>label {min-height:0}

.emergency-fund-main .target-amount {font-size:40px}

.emergency-fund-main .target-amount.long-number {font-size:31px}

.emergency-fund-main .result-card {padding:28px}

.emergency-fund-main .empty-art {margin-top:7px;height:130px}

.emergency-fund-main .empty-result h2 br {display:none}

.emergency-fund-main .empty-result h2 {font-size:27px}

.emergency-fund-main .empty-result>p {max-width:100%}

.emergency-fund-main .empty-feature {padding:11px 0}

.emergency-fund-main .empty-result .secondary-button {margin-top:17px}

.emergency-fund-main .result-card.empty-result {display:grid;grid-template-columns:1fr}

.emergency-fund-main .method-section {padding:51px 0}

.emergency-fund-main .principles-grid {gap:25px}

.emergency-fund-main .principles-grid h3 {font-size:13px}

.emergency-fund-main .principles-grid p {font-size:11px}

.emergency-fund-main .method-heading h2 {font-size:27px}

.emergency-fund-main footer {flex-wrap:wrap;margin:0 22px;padding:25px 0 35px;gap:12px}

.emergency-fund-main footer>span {order:3;flex-basis:100%;font-size:10px}

.emergency-fund-main .coaching-card h3 br {display:none}

.emergency-fund-main .scenario-card summary {font-size:12px}
}
@media(max-width:440px){
.emergency-fund-main .site-header {padding:0 18px;height:74px}

.emergency-fund-main .brand {font-size:13px;gap:9px;letter-spacing:1px}

.emergency-fund-main .brand-sub {font-size:8px;letter-spacing:3px}

.emergency-fund-main .brand-mark {height:33px;width:33px}

.emergency-fund-main nav>a:first-child {display:none}

.emergency-fund-main nav .header-cta {font-size:11px;padding:9px 12px;gap:12px}

.emergency-fund-main {padding:0 17px}

.emergency-fund-main .emergency-hero {padding-top:33px}

.emergency-fund-main .emergency-hero .eyebrow {font-size:9px;letter-spacing:1.5px;margin-bottom:15px}

.emergency-fund-main h1 {font-size:44px;letter-spacing:-1.8px}

.emergency-fund-main .emergency-hero-copy {font-size:14px;line-height:1.7;margin-bottom:19px}

.emergency-fund-main .emergency-hero-details {gap:10px;font-size:9px}

.emergency-fund-main .emergency-hero-details span:last-child {display:none}

.emergency-fund-main .form-card {padding:22px 19px}

.emergency-fund-main .form-top {margin-bottom:21px}

.emergency-fund-main .step-nav {margin-bottom:25px}

.emergency-fund-main .step-nav button {font-size:10px;gap:6px;flex-wrap:wrap;row-gap:6px;align-content:start}

.emergency-fund-main .step-number {width:20px;height:20px}

.emergency-fund-main .step-panel h2 {font-size:22px;letter-spacing:-.6px}

.emergency-fund-main .section-intro {font-size:12px;margin-bottom:22px}

.emergency-fund-main .field>label {font-size:11px}

.emergency-fund-main .two-fields {gap:12px}

.emergency-fund-main .two-fields .field>label {min-height:32px;line-height:1.4;font-size:10px}

.emergency-fund-main .money-input {padding:11px}

.emergency-fund-main .money-input input {font-size:17px}

.emergency-fund-main .help {font-size:10px}

.emergency-fund-main .small-note {padding:12px;margin-bottom:20px}

.emergency-fund-main .small-note p {font-size:10px}

.emergency-fund-main .form-actions {gap:9px}

.emergency-fund-main .step-counter {font-size:8px;letter-spacing:1px}

.emergency-fund-main .primary-button {padding:12px 15px;gap:23px;font-size:11px}

.emergency-fund-main .choice {padding:12px 11px}

.emergency-fund-main .choice strong {font-size:11px}

.emergency-fund-main .choice small {font-size:10px}

.emergency-fund-main .choice-grid .choice {gap:8px;padding:12px 10px}

.emergency-fund-main .choice-grid .choice strong {font-size:10px}

.emergency-fund-main .optional-panel {padding:14px 12px}

.emergency-fund-main .checkbox-label {font-size:11px}

.emergency-fund-main .optional-tag {font-size:7px}

.emergency-fund-main .result-card {padding:25px 23px}

.emergency-fund-main .target-amount {font-size:34px;letter-spacing:-1.2px}

.emergency-fund-main .target-amount.long-number {font-size:27px}

.emergency-fund-main .progress-card {padding:22px}

.emergency-fund-main .method-heading h2 {font-size:25px}

.emergency-fund-main .method-heading>p:last-child {font-size:12px}

.emergency-fund-main .principles-grid {grid-template-columns:1fr;gap:24px;margin-bottom:30px}

.emergency-fund-main .principles-grid article {padding-left:39px;position:relative}

.emergency-fund-main .principle-number {position:absolute;left:0;top:1px}

.emergency-fund-main .principles-grid h3 {font-size:14px;margin-bottom:6px}

.emergency-fund-main .principles-grid p {font-size:12px}

.emergency-fund-main .faq-list summary {font-size:12px}

.emergency-fund-main .details-content {padding-right:0;font-size:11px}

.emergency-fund-main .details-content table {font-size:10px}

.emergency-fund-main .details-content td,
.emergency-fund-main .details-content th {padding:8px 4px}

.emergency-fund-main footer {margin:0 17px}

.emergency-fund-main .back-button {font-size:11px}

.emergency-fund-main .progress-label {font-size:10px}

.emergency-fund-main .result-context {font-size:11px}

.emergency-fund-main .result-card h3 {font-size:12px}

.emergency-fund-main .reasons-list li {font-size:11px}
}
@media(prefers-reduced-motion:reduce){
html {scroll-behavior:auto}

.emergency-fund-main *,
.emergency-fund-main *:before,
.emergency-fund-main *:after {transition:none!important}
}
@media print{
body.emergency-fund-page {background:white;color:black;font-size:11pt}

.emergency-fund-main .site-header {height:65px;margin:0;padding:0;border-color:#ccc}

.emergency-fund-main .site-header nav,
.emergency-fund-main .emergency-hero-details,
.emergency-fund-main .form-card,
.emergency-fund-main .empty-result,
.emergency-fund-main .result-actions,
.emergency-fund-main .coaching-card,
.emergency-fund-main .scenario-card,
.emergency-fund-main .method-section,
.emergency-fund-main footer,
.emergency-fund-main .example-badge,
.emergency-fund-main .copy-status,
.emergency-fund-main .skip-link {display:none!important}

.emergency-fund-main {max-width:none;padding:0}

.emergency-fund-main .emergency-hero {padding:22px 0}

.emergency-fund-main .emergency-hero .eyebrow {margin-bottom:10px}

.emergency-fund-main h1 {font-size:30pt;line-height:1.1;margin-bottom:12px}

.emergency-fund-main h1 br {display:none}

.emergency-fund-main .emergency-hero-copy {font-size:10pt;max-width:none;margin:0}

.emergency-fund-main .calculator-layout {display:block}

.emergency-fund-main .result-column {position:static}

.emergency-fund-main .result-card,
.emergency-fund-main .progress-card {box-shadow:none;background:white;border:1px solid #bbb;break-inside:avoid;padding:22px}

.emergency-fund-main .target-amount {font-size:28pt}

.emergency-fund-main .months-badge {background:white;border:1px solid #bbb}

.emergency-fund-main .chart-block {-webkit-print-color-adjust:exact;print-color-adjust:exact}

.emergency-fund-main .reasons-list li,
.emergency-fund-main .next-step-text {font-size:10pt}

.emergency-fund-main .result-footnote {font-size:9pt}

.emergency-fund-main .result-card .eyebrow {font-size:9pt}

.emergency-fund-main .progress-card {margin-top:20px}

.emergency-fund-main .result-context {font-size:10pt}

.emergency-fund-main .timeline {font-size:9pt}
}


/* Site integration and readable controls. */
.emergency-fund-main { padding-top: 102px; }
.emergency-fund-main .emergency-hero { text-align: left; background: none; }
.emergency-fund-main h1 { color: var(--ink); font-size: clamp(2.5rem, 5vw, 3.75rem); }
.emergency-fund-main h2, .emergency-fund-main h3 { color: var(--ink); }
.emergency-fund-main .step-panel h2, .emergency-fund-main .empty-result h2 { font-family: var(--font-primary); }
.emergency-fund-main .result-column { top: 114px; }
.emergency-fund-main #result-summary, .emergency-fund-main section[id] { scroll-margin-top: 114px; }
.emergency-fund-main .section-intro { font-size: 14px; }
.emergency-fund-main label, .emergency-fund-main legend { font-size: 14px; }
.emergency-fund-main .help, .emergency-fund-main .small-note p { font-size: 12px; }
.emergency-fund-main .choice strong { font-size: 14px; }
.emergency-fund-main .choice small { font-size: 12px; }
.emergency-fund-main .primary-button, .emergency-fund-main .secondary-button { font-size: 14px; }
.emergency-fund-main .step-nav button { min-height: 44px; }
.emergency-fund-main .text-button, .emergency-fund-main .back-button { min-height: 44px; font-size: 13px; }
.emergency-fund-main .details-content { font-size: 13px; }
.emergency-fund-main .details-content table { width: 100%; font-size: 12px; }
.emergency-fund-main .money-reset-card { margin-top: 18px; padding: 22px 25px; border: 1px solid var(--line); border-radius: 14px; background: white; }
.emergency-fund-main .money-reset-card h3 { margin: 8px 0 10px; font-size: 21px; }
.emergency-fund-main .money-reset-card p { font-size: 13px; line-height: 1.7; margin-bottom: 14px; }
.emergency-fund-main .money-reset-card a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 650; text-decoration: underline; }
.emergency-fund-main .money-reset-card .help { margin: 6px 0 0; font-size: 11px; }
.emergency-fund-main .no-script { margin: 20px 0; padding: 20px; border: 1px solid var(--line); background: white; border-radius: 12px; }
@media (max-width: 760px) {
  .emergency-fund-main { padding-top: 84px; }
  .emergency-fund-main .result-column { position: static; }
  .emergency-fund-main .emergency-hero { padding-top: 32px; }
  .emergency-fund-main .form-card { padding: 22px 20px; }
  .emergency-fund-main .two-fields .field > label { font-size: 12px; }
}
@media (max-width: 440px) {
  .emergency-fund-main .choice-grid { grid-template-columns: 1fr; }
  .emergency-fund-main .choice-grid .choice strong { font-size: 13px; }
  .emergency-fund-main .two-fields { grid-template-columns: 1fr; gap: 0; }
  .emergency-fund-main .two-fields .field > label { min-height: 0; font-size: 13px; }
  .emergency-fund-main .target-amount.long-number { font-size: clamp(1.3rem, 6vw, 1.7rem); overflow-wrap: anywhere; }
  .emergency-fund-main .money-reset-card { padding: 20px; }
}
@media print {
  .emergency-fund-page > .navbar, .emergency-fund-page > .footer, .emergency-fund-page > .gp-cta-bar, .emergency-fund-page > .nav-overlay { display: none !important; }
  .emergency-fund-main { padding: 0; }
  .emergency-fund-main .money-reset-card { display: none !important; }
}