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

.cmp-page .cmp-hero{
align-items:start;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}

.cmp-hero-copy,
.cmp-ledger{
min-width:0;
}

.cmp-page .cmp-hero-copy h1{
font-size:var(--text-section);
line-height:var(--lh-heading);
max-width:none;
}

.cmp-hero-lead{
margin-top:var(--space-3);
}

.cmp-hero-description{
margin-top:var(--space-3);
}

.cmp-page .cmp-hero-actions{
justify-content:flex-start;
margin-top:var(--space-4);
}

.cmp-hero-note{
margin-top:var(--space-3);
}

.cmp-page .cmp-ledger{
height:auto;
min-height:0;
padding:0;
overflow:hidden;
border-radius:var(--r-lg);
background:#EEEAF3;
color:#2A2238;
--muted:#5E574F;
--muted-2:#655D55;
--line:rgba(26,23,20,.12);
text-align:left;
}

.cmp-ledger-heading{
display:grid;
gap:var(--space-1);
padding:var(--space-4);
background:#E6ECF2;
color:#1C2733;
}

.cmp-page .cmp-ledger :is(h2,h3,p,dt,dd,span){
color:inherit;
}

.cmp-ledger-lines{
height:auto;
width:100%;
max-width:none;
padding-inline:var(--space-4);
}

.cmp-ledger-lines>div{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,2fr);
gap:var(--space-3);
padding-block:var(--space-3);
border-bottom:1px solid var(--line);
min-width:0;
}

.cmp-ledger-lines dt,
.cmp-ledger-lines dd{
min-width:0;
overflow-wrap:break-word;
font-size:var(--text-sm);
line-height:var(--lh-small);
}

.cmp-ledger-verdict{
display:grid;
gap:var(--space-1);
padding:var(--space-3) var(--space-4);
}

.cmp-ledger-foot{
padding:0 var(--space-4) var(--space-4);
}

.cmp-section-heading{
margin-bottom:var(--space-4);
}

.cmp-section-heading>p{
margin-top:var(--space-2);
max-width:56rem;
}

.cmp-page .cmp-section-heading>.c-kicker{
margin-bottom:var(--space-3);
}

.cmp-page .cmp-section-heading>.c-kicker+h2{
margin-top:0;
}

.cmp-memory-band{
background:#E8EEEC;
color:#1F2A27;
--muted:#5E574F;
--muted-2:#655D55;
--line:rgba(26,23,20,.12);
}

.cmp-network-band{
background:#E6ECF2;
color:#1C2733;
--muted:#5E574F;
--muted-2:#655D55;
--line:rgba(26,23,20,.12);
}

.cmp-decision-band{
background:#F6E9EE;
color:#3A1F2A;
--muted:#5E574F;
--muted-2:#655D55;
--line:rgba(26,23,20,.12);
}

.cmp-table-wrap{
position:relative;
overflow-x:auto;
}

.cmp-page .cmp-table-wrap table{
display:table;
width:100%;
}

.cmp-page .cmp-table-wrap tbody th{
background:#FFFFFF;
color:#1A1714;
}

.cmp-page .cmp-table-wrap :is(th,td){
text-align:left;
}

.cmp-cost-table td:nth-child(2),
.cmp-memory-table td:nth-child(2){
white-space:nowrap;
font-variant-numeric:tabular-nums;
}

.cmp-cost-notes{
grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
gap:var(--space-3);
align-items:stretch;
margin-top:var(--space-4);
}

.cmp-cost-notes>.c-card{
height:100%;
gap:var(--space-3);
padding:var(--space-4);
}

.cmp-cost-notes>.c-card>.small{
margin-top:auto;
}

.cmp-follow-note{
margin-top:var(--space-3);
}

.cmp-memory-check{
display:grid;
gap:var(--space-1);
margin-top:var(--space-4);
}

.cmp-workflow-grid{
grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
gap:var(--space-3);
align-items:stretch;
}

.cmp-workflow-grid>.c-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
background:#FFFFFF;
color:#1A1714;
--muted:#5E574F;
--muted-2:#655D55;
--line:rgba(26,23,20,.12);
}

.cmp-workflow-grid>.c-card>.c-card-foot{
margin-top:auto;
padding-top:0;
}

.cmp-decision-list{
display:grid;
list-style:none;
margin:0;
padding:0;
}

.cmp-decision-list>.cmp-decision-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:1px solid var(--line);
}

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

.cmp-step-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--r-pill);
background:#FFFFFF;
color:#3A1F2A;
font-size:var(--text-sm);
line-height:1;
}

.cmp-payment-note{
display:grid;
gap:var(--space-1);
margin-top:var(--space-4);
}

.cmp-page .cmp-final-section{
padding-bottom:var(--space-close);
}

.cmp-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.45fr);
align-items:center;
gap:var(--space-6);
padding:var(--space-6);
border-radius:var(--r-lg);
background:#1A1714;
color:#FAF8F5;
--muted:#FAF8F5;
--muted-2:#FAF8F5;
--line:rgba(250,248,245,.25);
}

.cmp-closing-copy{
min-width:0;
}

.cmp-closing-copy h2{
color:#FAF8F5;
font-size:var(--text-section);
line-height:var(--lh-heading);
}

.cmp-closing-copy p{
margin-top:var(--space-2);
color:#FAF8F5;
}

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

.cmp-closing-actions>.c-btn-ghost{
background:transparent;
color:#FAF8F5;
border-color:rgba(250,248,245,.45);
}

.cmp-closing-actions>.c-btn-ghost:hover{
background:rgba(250,248,245,.08);
color:#FAF8F5;
}

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

.cmp-page .cmp-ledger{
height:auto;
min-height:0;
}

.cmp-closing{
grid-template-columns:minmax(0,1fr);
gap:var(--space-4);
}

.cmp-page .cmp-closing-actions{
align-items:flex-start;
margin-top:var(--space-3);
}
}

@media(max-width:42rem){
.cmp-page .cmp-ledger-heading,
.cmp-ledger-verdict{
padding:var(--space-3);
}

.cmp-ledger-lines{
padding-inline:var(--space-3);
}

.cmp-ledger-lines>div{
grid-template-columns:minmax(0,1fr);
gap:var(--space-1);
}

.cmp-ledger-foot{
padding:0 var(--space-3) var(--space-3);
}

.cmp-cost-notes,
.cmp-workflow-grid{
grid-template-columns:minmax(0,1fr);
}

.cmp-cost-notes>.c-card,
.cmp-workflow-grid>.c-card{
padding:var(--space-3);
}

.cmp-decision-list>.cmp-decision-row{
grid-template-columns:2.25rem minmax(0,1fr);
}

.cmp-decision-row>:nth-child(3){
grid-column:2;
}

.cmp-step-number{
width:2.25rem;
height:2.25rem;
}

.cmp-closing{
padding:var(--space-3);
}

.cmp-page .cmp-closing-actions{
align-items:stretch;
}
}