.compare-page [hidden]{display:none!important}

.compare-page .compare-hero{display:block;background:#F8F6F3;color:#1C1726;--muted:#625C6B;--line:#ECE6DF}

.compare-copy{min-width:0;text-align:center}

.compare-page .compare-kicker{line-height:1;margin-bottom:var(--kicker-gap)}

.compare-copy>.compare-kicker{margin-inline:auto}

.compare-intro{display:grid;gap:var(--field-gap);max-width:var(--width-narrow);margin-inline:auto;min-width:0}

.compare-page .compare-intro h1{font-size:clamp(2.25rem,4.45vw,3.2rem);line-height:var(--lh-display);color:#1C1726;font-style:normal}

.compare-intro p{color:#625C6B;overflow-wrap:break-word}

.compare-copy>.c-actions{justify-content:center;margin-top:var(--action-floor)}

.compare-hero-note{margin-top:var(--space-3);color:#625C6B;font-size:var(--text-sm)}

.compare-head{display:grid;gap:var(--field-gap);margin-bottom:var(--space-4);min-width:0}

.compare-head p{max-width:var(--width-narrow);color:#625C6B;overflow-wrap:break-word}

.compare-table-wrap{position:relative;overflow-x:auto;max-width:100%}

.compare-table{display:table;width:100%;font-variant-numeric:tabular-nums}

.compare-table th,.compare-table td{overflow-wrap:break-word;text-align:left}

.compare-table th:first-child,.compare-table td:first-child{width:16%;min-width:11rem}

.compare-table-note{margin-top:var(--space-2);font-size:var(--text-sm);color:#625C6B}

.compare-example{padding:var(--space-4);border-radius:var(--radius-lg);background:#F6EDC8;color:#3D3313;--muted:#5E5130;--line:rgba(61,51,19,.14)}

.compare-example-intro{min-width:0}

.compare-example-intro h3{font-size:var(--text-lg);line-height:var(--lh-heading)}

.compare-example-intro p{margin-top:var(--field-gap)}

.compare-budget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch;margin-top:var(--space-3)}

.compare-budget-card{display:flex;flex-direction:column;gap:var(--field-gap);height:100%;min-width:0;padding:var(--space-3);border-radius:var(--radius-lg);background:#FFFFFF;color:#1C1726;--muted:#625C6B;--line:#ECE6DF}

.compare-budget-card h3{font-size:var(--text-lg)}

.compare-budget-value{font-size:var(--text-data);line-height:var(--lh-tight);font-variant-numeric:tabular-nums;overflow-wrap:break-word}

.compare-budget-value span{font-family:var(--font-body);font-size:var(--text-base)}

.compare-budget-foot{margin-top:auto;padding-top:var(--space-2);font-size:var(--text-sm);color:#625C6B}

.compare-example-note{margin-top:var(--space-3);font-size:var(--text-sm);color:#5E5130}

.compare-follow{display:grid;gap:var(--field-gap);margin-top:var(--space-4);min-width:0}

.compare-follow h3{font-size:var(--text-lg)}

.compare-follow p{max-width:var(--width-narrow);color:#625C6B;overflow-wrap:break-word}

.compare-page .compare-card{gap:var(--field-gap);padding:var(--space-4);min-width:0}

.compare-card h3{font-size:var(--text-lg);line-height:var(--lh-heading)}

.compare-card .c-card-footer{margin-top:auto;padding-top:var(--space-3)}

.compare-checklist{list-style:none;margin:0;padding:0}

.compare-check-row{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);align-items:start;padding-block:var(--space-3);border-top:var(--hairline) solid var(--line)}

.compare-check-row>*{min-width:0;overflow-wrap:break-word}

.compare-check-row h3{font-size:var(--text-lg);line-height:var(--lh-heading)}

.compare-check-row p{color:#625C6B}

.compare-step{font-size:var(--text-sm);line-height:var(--lh-body);color:#625C6B;font-variant-numeric:tabular-nums}

.compare-page .compare-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.45fr);gap:var(--space-4);align-items:start;padding:var(--space-5);border:var(--hairline) solid var(--accent);border-radius:var(--radius-lg);background:#1C1726;color:#F4EFF8;--muted:#CFC7DB;--line:rgba(255,255,255,.14);text-align:left;height:auto}

.compare-closing-copy{display:grid;gap:var(--field-gap);min-width:0}

.compare-page .compare-closing-copy h2{color:#F4EFF8}

.compare-closing-copy p{color:#CFC7DB;overflow-wrap:break-word}

.compare-closing-copy .compare-closing-note{font-size:var(--text-sm)}

.compare-page .compare-closing-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-3);min-width:0}

.compare-page .compare-closing-actions .c-btn-primary{background:#FFFFFF;color:#8A1670;border-color:#FFFFFF}

.compare-page .compare-closing-actions .c-btn-primary:hover{background:#EFEBE6;color:#72105C;border-color:#EFEBE6}

.compare-page .compare-closing-actions .c-btn-secondary{background:#2A2335;color:#F4EFF8;border-color:rgba(255,255,255,.35)}

.compare-page .compare-closing-actions .c-btn-secondary:hover{background:#2E2639;color:#F4EFF8;border-color:rgba(255,255,255,.45)}

@media(max-width:64rem){
.compare-page .compare-closing{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:42rem){
.compare-budget-grid{grid-template-columns:minmax(0,1fr)}
.compare-example,.compare-page .compare-card,.compare-page .compare-closing{padding:var(--space-3)}
.compare-budget-value{font-size:var(--text-section)}
.compare-check-row{grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-3)}
.compare-check-row>:nth-child(3){grid-column:2}
.compare-copy>.c-actions{flex-direction:column;align-items:stretch}
.compare-page .compare-closing-actions{margin-top:var(--space-3)}
}
