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

.showcase-page .showcase-hero{
display:block;
grid-template-columns:minmax(0,1fr);
padding-block:var(--hero-pad);
background:#FFFFFF;
color:#0C0C10
}

.showcase-hero>.container{min-width:0}
.showcase-hero h1{max-width:58rem;font-size:var(--text-section);line-height:var(--leading-title)}
.showcase-lead{max-width:56rem;margin-top:var(--space-4);font-size:var(--text-lead);color:#55555A;overflow-wrap:break-word}
.showcase-hero-actions{margin-top:var(--space-4);margin-bottom:var(--space-4)}
.showcase-hero-note{max-width:56rem;font-size:var(--text-sm);color:#55555A}
.showcase-selector{display:grid;gap:var(--space-2);margin-top:var(--space-7);min-width:0}
.showcase-selector-label{font-size:var(--text-sm);font-weight:var(--weight-bold)}
.showcase-filters{width:fit-content}
.showcase-filters button{border-radius:var(--radius-pill)}
.showcase-filter-status{font-size:var(--text-sm);color:#55555A}

.showcase-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);align-items:stretch}
.showcase-list>*{min-width:0}
.showcase-scenario{
display:flex;
flex-direction:column;
gap:var(--space-4);
height:100%;
min-width:0;
padding:var(--space-5);
border-radius:var(--radius-md);
background:#F4F4F1;
color:#0C0C10;
--muted:#55555A;
--line:#E6E6E2;
scroll-margin-top:var(--sticky-offset)
}
.showcase-scenario.is-highlighted{outline:2px solid #E0103A;outline-offset:2px}
.showcase-scenario-head{min-width:0}
.showcase-scenario-head>.c-kicker{margin-bottom:var(--space-3)}
.showcase-scenario-head>h3{font-size:var(--text-card);line-height:var(--leading-card)}
.showcase-scenario-head>p:not(.c-kicker){margin-top:var(--space-2);max-width:65rem}
.showcase-workflow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-4);align-items:stretch}
.showcase-workflow>*{min-width:0}
.showcase-explanation{display:flex;flex-direction:column;align-content:start;gap:var(--space-3);min-width:0;height:100%;padding:var(--space-4);border-radius:var(--radius-md);background:#FFFFFF;color:#0C0C10}
.showcase-explanation h4{margin:0;font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1.5;color:#0C0C10}
.showcase-explanation h4:not(:first-child){margin-top:var(--space-2)}
.showcase-explanation ul{display:grid;gap:var(--space-2);margin:0;padding-inline-start:1.15rem}
.showcase-explanation p,.showcase-explanation li{margin:0;font-size:var(--text-sm);line-height:1.65;color:#55555A;overflow-wrap:break-word}
.showcase-explanation strong{color:#0C0C10}
.showcase-explanation :not(pre)>code{padding:.12em .4em;border-radius:var(--radius-sm);background:#F4F4F1;color:#0C0C10;font-size:.92em}
.showcase-command{
min-width:0;
max-width:100%;
border-radius:var(--radius-md);
background:#0C0C10;
color:#E9E9E4;
--muted:#A4A4AA;
--line-on-dark:#4A4A50
}
.showcase-command-head{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-2);
padding:var(--space-4) var(--space-4) 0;
min-width:0
}
.showcase-command-head>span{min-width:0;font-size:var(--text-sm);color:#A4A4AA;overflow-wrap:break-word}
.showcase-copy{
display:inline-flex;
align-items:center;
justify-content:center;
flex:none;
min-height:var(--button-height);
padding:var(--space-2) var(--space-3);
border:1px solid #A4A4AA;
border-radius:var(--radius-pill);
background:#0C0C10;
color:#E9E9E4;
font-size:var(--text-sm);
line-height:var(--leading-control);
font-weight:var(--weight-bold)
}
.showcase-copy:hover{background:#4A4A50;color:#FFFFFF}
.showcase-command pre{
position:relative;
width:100%;
max-width:100%;
padding:var(--space-4);
overflow-x:auto;
color:#E9E9E4;
font-size:var(--text-sm);
line-height:var(--leading-code)
}
.showcase-command code{color:#E9E9E4}
.showcase-scenario-foot{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-3);
margin-top:auto;
padding-top:var(--space-3);
border-top:1px solid #D6D6D1;
min-width:0
}
.showcase-tags{display:flex;flex:1 1 30rem;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}
.showcase-tags .c-badge{max-width:100%;line-height:1.3;overflow-wrap:break-word}
.showcase-tags>.c-badge:not(.c-badge-ice){background:#FFFFFF;color:#0C0C10}
.showcase-copy-status{margin-top:var(--space-4);font-size:var(--text-sm);color:#55555A}

.showcase-page .showcase-selection-band{
background:#F4F4F1;
color:#0C0C10;
--muted:#55555A;
--line:#E6E6E2
}
.showcase-checks{display:grid;grid-template-columns:minmax(0,1fr)}
.showcase-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-4);
border-top:1px solid #D6D6D1
}
.showcase-check-row>*{min-width:0}
.showcase-check-row h3{font-size:var(--text-card);line-height:var(--leading-card)}
.showcase-step{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;min-height:2.5rem;border-radius:var(--radius-md);background:#FFFFFF;color:#0C0C10;font-size:var(--text-sm)}
.showcase-check-row p{overflow-wrap:break-word}

.showcase-page .showcase-quotes{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch;
padding:0;
background:none;
color:#14275C;
border:0
}
.showcase-quote{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
margin:0;
padding:var(--space-4);
border-radius:var(--radius-md);
background:#E4ECFF;
color:#14275C;
--muted:#14275C;
--line:#D6D6D1
}
.showcase-quote blockquote{font-size:var(--text-base);line-height:var(--leading-body);overflow-wrap:break-word}
.showcase-quote figcaption{margin-top:auto;font-size:var(--text-sm);color:#14275C}

.showcase-page .showcase-end{padding-bottom:var(--space-close)}
.showcase-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,19rem);
align-items:center;
gap:var(--space-6);
padding:var(--space-7);
border-radius:var(--radius-md);
background:#0C0C10;
color:#FFFFFF;
--muted:#C5C5C8;
--line-on-dark:#4A4A50
}
.showcase-closing>*{min-width:0}
.showcase-closing-copy h2{font-size:var(--text-section);line-height:var(--leading-title);color:#FFFFFF}
.showcase-closing-copy p{margin-top:var(--space-2);font-size:var(--text-base);color:#C5C5C8;overflow-wrap:break-word}
.showcase-closing-copy .showcase-settlement{margin-top:var(--space-3)}
.showcase-closing-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-3)}
.showcase-page .c-btn-primary:hover{background:#B80D30;color:#FFFFFF;border-color:#B80D30}
.showcase-closing .c-btn-white:hover{background:#E0103A;color:#FFFFFF;border-color:#E0103A}

@media(max-width:64rem){
.showcase-workflow{grid-template-columns:minmax(0,1fr)}
.showcase-page .showcase-quotes{grid-template-columns:minmax(0,1fr)}
.showcase-closing{grid-template-columns:minmax(0,1fr);align-items:start}
.showcase-closing-actions{align-items:flex-start}
}

@media(max-width:42rem){
.showcase-scenario{padding:var(--space-4)}
.showcase-check-row{grid-template-columns:2.25rem minmax(0,1fr)}
.showcase-check-row>:nth-child(3){grid-column:2}
.showcase-step{width:2.25rem;min-height:2.25rem}
.showcase-closing{padding:var(--space-4);gap:var(--space-4)}
.showcase-closing-actions{align-items:stretch}
.showcase-scenario-foot>.c-btn{width:100%}
.showcase-hero-actions>.c-btn{width:100%}
}