.rates-page{
font-variant-numeric:tabular-nums;
}
.rates-page [hidden]{
display:none!important;
}
.rates-page h3{
font-size:var(--text-md);
line-height:1.4;
}
.rates-page .rates-hero{
display:block;
padding-block:var(--hero-top) var(--space-9);
background:#FFFFFF;
color:#1C2029;
--muted:#5B6170;
--line:#E3E6EB;
--price:#A4511E;
}
.rates-hero>.container{
display:block;
}
.rates-page .rates-hero h1{
color:#1C2029;
font-size:var(--text-display);
line-height:var(--lh-display);
}
.rates-kicker{
display:inline-flex;
align-items:center;
width:fit-content;
max-width:100%;
margin:0 0 var(--kicker-gap);
font-size:var(--text-sm);
font-weight:var(--weight-bold);
line-height:1.5;
color:inherit;
}
.rates-hero-lead{
margin-top:var(--space-3);
color:#5B6170;
font-size:var(--text-md);
}
.rates-page .rates-hero-actions{
margin-top:var(--space-4);
justify-content:flex-start;
}
.rates-hero-note{
margin-top:var(--space-4);
color:#5B6170;
font-size:var(--text-sm);
}
.rates-gray{
background:#EEF0F3;
color:#1C2029;
--muted:#4F5564;
--line:#E3E6EB;
--price:#A4511E;
}
.rates-sage{
background:#E8F0EC;
color:#1E3A2E;
--muted:#4A6658;
--line:#CBDAD1;
--price:#A4511E;
}
.rates-heading{
margin-bottom:var(--space-5);
max-width:56rem;
min-width:0;
}
.rates-heading>h2{
color:inherit;
}
.rates-heading>h2+p{
margin-top:var(--space-3);
color:var(--muted);
}
.rates-plan-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch;
}
.rates-plan-grid>*{
min-width:0;
}
.rates-plan{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
align-items:stretch;
}
.rates-plan-price{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-2);
color:#A4511E;
font-family:var(--mono);
}
.rates-plan-price strong{
font-size:var(--text-xl);
font-weight:var(--weight-heavy);
line-height:1.3;
}
.rates-plan-price span{
font-size:var(--text-sm);
}
.rates-plan>p:not(.rates-plan-price){
color:#5B6170;
}
.rates-plan-specs{
width:100%;
}
.rates-plan-specs>div{
display:grid;
grid-template-columns:minmax(5rem,.35fr) minmax(0,1fr);
gap:var(--space-3);
padding-block:var(--space-2);
border-bottom:1px solid #E3E6EB;
}
.rates-plan-specs dt,
.rates-plan-specs dd{
min-width:0;
overflow-wrap:break-word;
}
.rates-plan-specs dd{
margin:0;
}
.rates-plan>.c-actions{
margin-top:auto;
}
.rates-after-grid{
margin-top:var(--space-4);
color:var(--muted);
}
.rates-comparison{
margin-top:var(--space-7);
}
.rates-comparison>h3{
margin-bottom:var(--space-3);
}
.rates-page .c-table{
display:table;
width:100%;
}
.rates-page .c-table th,
.rates-page .c-table td{
text-align:left;
}
.rates-page .table-scroll{
position:relative;
overflow-x:auto;
}
.rates-option-notes{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-5);
align-items:start;
margin-top:var(--space-5);
}
.rates-option-notes>div{
min-width:0;
}
.rates-option-notes p{
margin-top:var(--space-2);
color:#5B6170;
}
.rates-ip-grid{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
gap:var(--space-5);
align-items:start;
}
.rates-ip-grid>*{
min-width:0;
}
.rates-ip-rule p{
margin-top:var(--space-3);
color:#4A6658;
}
.rates-ip-example{
padding:var(--space-4);
border-radius:var(--r-md);
background:#FFFFFF;
color:#1C2029;
--muted:#5B6170;
--line:#E3E6EB;
--price:#A4511E;
}
.rates-ip-example h3{
margin-bottom:var(--space-3);
}
.rates-ip-example>p{
margin-top:var(--space-3);
color:#5B6170;
font-size:var(--text-sm);
}
.rates-detail-rows>div{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
gap:var(--space-2) var(--space-3);
padding-block:var(--space-2);
border-bottom:1px solid #E3E6EB;
}
.rates-detail-rows dt,
.rates-detail-rows dd{
min-width:0;
overflow-wrap:break-word;
}
.rates-detail-rows dd{
margin:0;
font-variant-numeric:tabular-nums;
}
.rates-math-sheet{
height:auto;
overflow:hidden;
border-radius:var(--r-md);
background:#F3EEE6;
color:#3B2F20;
--muted:#6E5E48;
--line:#DED6CA;
--price:#A4511E;
}
.rates-sheet-heading{
padding:var(--space-4);
}
.rates-sheet-heading>p{
margin-top:var(--space-2);
color:var(--muted);
font-size:var(--text-sm);
}
.rates-money{
padding:0 var(--space-4) var(--space-4);
}
.rates-money>div{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:baseline;
gap:var(--space-3);
padding-block:var(--space-3);
border-top:1px solid var(--line);
}
.rates-money dt,
.rates-money dd{
min-width:0;
overflow-wrap:break-word;
}
.rates-money dd{
margin:0;
font-family:var(--mono);
font-variant-numeric:tabular-nums;
text-align:right;
}
.rates-money-sum dt,
.rates-money-sum dd{
font-size:var(--text-md);
font-weight:var(--weight-bold);
}
.rates-money-sum dd{
color:#A4511E;
}
.rates-math-result{
padding:var(--space-4);
background:#1E2430;
color:#F4F5F7;
--muted:#A9B0BE;
--line:rgba(244,245,247,.16);
--price:#E3A878;
}
.rates-math-result strong{
color:#E3A878;
font-size:var(--text-lg);
}
.rates-math-result>p+p{
margin-top:var(--space-2);
color:#A9B0BE;
}
.rates-bill{
height:auto;
overflow:hidden;
border-radius:var(--r-md);
background:#FFFFFF;
color:#1C2029;
--muted:#5B6170;
--line:#E3E6EB;
--price:#A4511E;
}
.rates-bill-money dt{
display:grid;
gap:var(--space-2);
}
.rates-bill-money dt span{
color:#5B6170;
font-weight:var(--weight-normal);
}
.rates-bill-total{
padding:var(--space-4);
background:#1E2430;
color:#F4F5F7;
--muted:#A9B0BE;
--line:rgba(244,245,247,.16);
--price:#E3A878;
}
.rates-bill-total>div{
display:flex;
flex-wrap:wrap;
align-items:baseline;
justify-content:space-between;
gap:var(--space-3);
}
.rates-bill-total strong{
color:#E3A878;
font-size:var(--text-lg);
font-variant-numeric:tabular-nums;
}
.rates-bill-total>p{
margin-top:var(--space-3);
color:#A9B0BE;
}
.rates-period-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch;
}
.rates-period-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
border-radius:var(--r-md);
background:#F4F5F7;
color:#1C2029;
--muted:#5B6170;
--line:#E3E6EB;
--price:#A4511E;
}
.rates-period-value{
font-family:var(--mono);
font-size:var(--text-lg);
font-weight:var(--weight-bold);
color:#A4511E;
}
.rates-period-card>p:not(.rates-period-value){
font-size:var(--text-sm);
color:#5B6170;
}
.rates-payment-note{
margin-top:var(--space-5);
}
.rates-payment-note>p{
margin-top:var(--space-2);
color:#5B6170;
}
.rates-page .rates-ending{
padding-bottom:var(--space-close);
}
.rates-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.45fr);
align-items:start;
gap:var(--space-5);
padding:var(--space-6);
border-radius:var(--r-lg);
background:#1E2430;
color:#F4F5F7;
--muted:#A9B0BE;
--line:rgba(244,245,247,.16);
--price:#E3A878;
}
.rates-closing-copy{
min-width:0;
}
.rates-closing-copy>h2{
font-size:1.6rem;
line-height:1.4;
}
.rates-closing-copy>p{
margin-top:var(--space-3);
color:#A9B0BE;
}
.rates-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
min-width:0;
}
.rates-dgx-link{
margin-top:var(--space-4);
font-size:var(--text-sm);
color:#5B6170;
}
.rates-dgx-link>a{
color:#3047C7;
text-decoration:underline;
text-underline-offset:.2em;
}
@media(max-width:64rem){
.rates-ip-grid,
.rates-closing{
grid-template-columns:minmax(0,1fr);
}
.rates-closing-actions{
align-items:flex-start;
}
}
@media(max-width:42rem){
.rates-plan-grid,
.rates-option-notes,
.rates-period-grid{
grid-template-columns:minmax(0,1fr);
}
.rates-page .rates-hero{
padding-bottom:var(--space-7);
}
.rates-closing{
padding:var(--space-4);
}
.rates-money>div{
grid-template-columns:minmax(0,1fr);
gap:var(--space-2);
}
.rates-money dd{
text-align:left;
}
.rates-plan-specs>div{
grid-template-columns:minmax(0,1fr);
gap:var(--space-2);
}
.rates-closing-actions,
.rates-closing-actions>.c-btn{
width:100%;
}
.rates-bill-total>div{
flex-direction:column;
align-items:flex-start;
}
}