.compare-page main{
font-variant-numeric:tabular-nums;
}
.compare-page .compare-hero-grid{
align-items:start;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.compare-hero-grid>*{
min-width:0;
}
.compare-hero-copy{
min-width:0;
overflow-wrap:break-word;
}
.compare-hero-lead{
margin-top:var(--space-3);
}
.compare-hero-note{
margin-top:var(--space-3);
margin-bottom:var(--space-3);
color:#D3DCE1;
font-size:var(--text-sm);
}
.compare-decision{
height:auto;
min-width:0;
border-radius:var(--r-m);
overflow:hidden;
background:#F1EEE7;
color:#22262A;
--mute-l:#55554E;
--hair-l:rgba(34,38,42,.14);
text-align:left;
}
.compare-decision-head{
padding:var(--space-3);
}
.compare-small-label{
display:block;
margin-bottom:var(--space-2);
color:#55554E;
font-size:var(--text-xs);
font-family:var(--f-mono);
}
.compare-decision-head h2{
font-size:var(--text-lg);
line-height:1.35;
}
.compare-decision-list{
padding-inline:var(--space-3);
}
.compare-decision-list>div{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--field-gap);
padding-block:var(--space-2);
border-top:1px solid rgba(34,38,42,.14);
min-width:0;
}
.compare-decision-list dt{
color:#22262A;
font-size:var(--text-sm);
font-weight:800;
}
.compare-decision-list dd{
margin:0;
color:#55554E;
font-size:var(--text-sm);
}
.compare-decision-foot{
margin-top:var(--space-3);
padding:var(--space-3);
background:#2C3136;
color:#F3F5F6;
--mute-d:#B5BEC4;
--hair-d:rgba(243,245,246,.12);
}
.compare-decision-foot>.mono{
font-size:var(--text-sm);
}
.compare-decision-foot p{
margin-top:var(--field-gap);
color:#B5BEC4;
font-size:var(--text-sm);
}
.compare-paper{
background:#FBFBFA;
color:#22262A;
--mute-l:#555B60;
--hair-l:rgba(34,38,42,.14);
}
.compare-sand{
background:#F1EEE7;
color:#22262A;
--mute-l:#55554E;
--hair-l:rgba(34,38,42,.14);
}
.compare-heading{
max-width:100%;
min-width:0;
}
.compare-heading>p{
max-width:56rem;
margin-top:var(--space-3);
color:#B5BEC4;
}
.compare-paper .compare-heading>p{
color:#555B60;
}
.compare-sand .compare-heading>p{
color:#55554E;
}
.compare-table-space,
.compare-card-space,
.compare-advisor,
.compare-periods{
margin-top:var(--space-4);
}
.compare-options-table{
min-width:56rem;
}
.compare-options-table th:first-child{
min-width:9rem;
width:16%;
}
.compare-options-table td{
width:28%;
}
.compare-paper-note{
margin-top:var(--space-4);
padding:var(--space-3);
border-radius:var(--r-m);
background:#FFFFFF;
color:#22262A;
--mute-l:#555B60;
--hair-l:rgba(34,38,42,.14);
}
.compare-paper-note>p{
margin-top:var(--field-gap);
color:#555B60;
}
.compare-paper-note>.compare-note-follow{
margin-top:var(--space-2);
}
.compare-card-foot{
margin-top:auto;
padding-top:var(--space-2);
border-top:1px solid rgba(243,245,246,.12);
color:#B5BEC4;
font-size:var(--text-sm);
}
.c-card--paper>.compare-card-foot,
.c-card--lilac>.compare-card-foot{
border-color:rgba(34,38,42,.14);
color:#555B60;
}
.compare-sla-note{
margin-top:var(--space-4);
padding:var(--space-3);
border-radius:var(--r-m);
background:#2C3136;
color:#F3F5F6;
--mute-d:#B5BEC4;
--hair-d:rgba(243,245,246,.12);
}
.compare-sla-note>p{
margin-top:var(--field-gap);
color:#B5BEC4;
}
.compare-sla-note .c-btn--ghost{
color:#F3F5F6;
border-color:rgba(243,245,246,.45);
}
.compare-advisor{
min-width:0;
}
.compare-advisor .c-table{
min-width:48rem;
}
.compare-periods{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:stretch;
}
.compare-period{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-3);
border-radius:var(--r-m);
background:#FFFFFF;
color:#22262A;
--mute-l:#555B60;
--hair-l:rgba(34,38,42,.14);
}
.compare-period-price{
font-size:var(--text-section);
line-height:var(--leading-title);
overflow-wrap:break-word;
}
.compare-period-price span{
margin-inline-start:var(--space-1);
font-size:var(--text-sm);
color:#555B60;
}
.compare-period>p:not(.compare-period-price){
color:#555B60;
font-size:var(--text-sm);
}
.compare-period-foot{
margin-top:auto;
padding-top:var(--space-2);
border-top:1px solid rgba(34,38,42,.14);
font-size:var(--text-sm);
color:#555B60;
}
.compare-final{
padding-bottom:var(--space-close);
}
.compare-page .compare-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.62fr);
align-items:center;
gap:var(--space-4);
padding:var(--space-4);
border-radius:var(--r-m);
background:#2C3136;
color:#F3F5F6;
--mute-d:#B5BEC4;
--hair-d:rgba(243,245,246,.12);
}
.compare-closing>*{
min-width:0;
}
.compare-page .compare-closing-copy{
text-align:left;
}
.compare-page .compare-closing-copy h2{
font-size:var(--text-section);
line-height:var(--leading-title);
color:#F3F5F6;
}
.compare-page .compare-closing-copy p{
margin-top:var(--space-2);
font-size:var(--text-base);
color:#B5BEC4;
}
.compare-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-2);
}
.compare-closing-actions .c-btn--ghost{
color:#F3F5F6;
border-color:rgba(243,245,246,.45);
}
@media(max-width:64rem){
.compare-page .compare-hero-grid{
grid-template-columns:minmax(0,1fr);
}
.compare-page .compare-closing{
grid-template-columns:minmax(0,1fr);
}
.compare-closing-actions{
align-items:flex-start;
}
}
@media(max-width:42rem){
.compare-periods{
grid-template-columns:minmax(0,1fr);
}
.compare-page .compare-closing{
padding:var(--space-3);
}
.compare-closing-actions{
align-items:stretch;
}
.compare-decision{
height:auto;
}
}