.compare-page{
overflow-wrap:break-word;
}
.compare-page [hidden]{
display:none!important;
}
.compare-hero{
text-align:center;
}
.compare-hero>.c-kicker{
margin-inline:auto;
}
.compare-hero>h1{
font-size:clamp(2rem,5vw,3.2rem);
line-height:var(--lh-heading);
}
.compare-hero>.compare-lead{
max-width:48rem;
margin-inline:auto;
margin-top:var(--space-3);
color:#9A938B;
}
.compare-hero>.c-actions{
justify-content:center;
margin-top:var(--space-4);
}
.compare-hero>.compare-hero-note{
max-width:48rem;
margin-inline:auto;
margin-top:var(--space-3);
color:#9A938B;
font-size:var(--text-sm);
}
.compare-head{
max-width:56rem;
margin-bottom:var(--space-4);
min-width:0;
}
.compare-head>p{
margin-top:var(--space-3);
color:#9A938B;
}
.compare-table{
display:table;
width:100%;
}
.compare-table th,
.compare-table td,
.compare-table td.mono{
text-align:start;
}
.compare-table th,
.compare-table td{
min-width:0;
}
.compare-table th:first-child,
.compare-table td:first-child{
width:11rem;
min-width:11rem;
}
.compare-ownership{
min-width:54rem;
}
.compare-ownership thead th:not(:first-child){
width:calc((100% - 11rem)/3);
}
.compare-models{
min-width:44rem;
}
.compare-models thead th:not(:first-child){
width:calc((100% - 11rem)/2);
}
.compare-decision{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
gap:var(--space-6);
align-items:start;
}
.compare-decision>*{
min-width:0;
}
.compare-copy>p{
margin-top:var(--space-3);
color:#9A938B;
}
.compare-decision-card{
height:auto;
padding:var(--space-4);
}
.compare-checklist{
display:grid;
gap:var(--space-4);
list-style:none;
margin:0;
padding:0;
}
.compare-checklist>.compare-check-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
}
.compare-check-row>*{
min-width:0;
}
.compare-check-row>strong{
font-size:var(--text-base);
line-height:var(--lh-body);
}
.compare-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--r-pill);
background:#1E2A1C;
color:#CFD8CC;
font-size:var(--text-sm);
line-height:1;
}
.compare-decision-card>.compare-card-note{
font-size:var(--text-sm);
}
.compare-period-stack{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--space-3);
}
.compare-period{
min-width:46rem;
}
.compare-period th:not(:first-child),
.compare-period td:not(:first-child){
white-space:nowrap;
}
.compare-calculation-note{
margin-top:var(--space-3);
}
.compare-calculation-note>div{
min-width:0;
}
.compare-calculation-note h3{
font-size:var(--text-lg);
}
.compare-calculation-note p{
margin-top:var(--space-1);
}
.compare-workflow-grid{
grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
align-items:stretch;
}
.compare-workflow-grid>.c-card{
padding:var(--space-4);
gap:var(--space-3);
}
.compare-workflow-grid h3{
font-size:var(--text-lg);
}
.compare-card-foot{
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.compare-closing-section{
padding-top:var(--space-8);
padding-bottom:var(--space-close);
}
.compare-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(15rem,.5fr);
gap:var(--space-5);
align-items:center;
height:auto;
padding:var(--space-5);
}
.compare-closing-copy{
min-width:0;
}
.compare-closing-copy>p{
max-width:44rem;
margin-top:var(--space-3);
}
.compare-closing-copy>.compare-payment{
font-size:var(--text-sm);
}
.compare-closing>.compare-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-2);
margin-top:var(--space-3);
padding-top:0;
min-width:0;
}
.compare-closing-actions>.c-btn{
width:100%;
}
@media(max-width:64rem){
.compare-decision{
grid-template-columns:minmax(0,1fr);
gap:var(--space-4);
}
.compare-closing{
grid-template-columns:minmax(0,1fr);
}
.compare-closing>.compare-closing-actions{
align-items:flex-start;
}
.compare-closing-actions>.c-btn{
width:auto;
}
}
@media(max-width:42rem){
.compare-checklist>.compare-check-row{
grid-template-columns:2.25rem minmax(0,1fr);
}
.compare-check-row>:nth-child(3){
grid-column:2;
}
.compare-number{
width:2.25rem;
height:2.25rem;
}
.compare-decision-card,
.compare-workflow-grid>.c-card,
.compare-closing{
padding:var(--space-3);
}
.compare-closing>.compare-closing-actions{
align-items:stretch;
}
.compare-closing-actions>.c-btn{
width:100%;
}
}