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

.ex-page :is(article,aside,blockquote,li,td,th){min-width:0;overflow-wrap:break-word}

.ex-hero-grid.c-hero-split{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
align-items:start;
gap:var(--space-7);
}

.ex-hero-copy{
min-width:0;
text-align:left;
}

.ex-hero-copy h1{
max-width:none;
font-size:clamp(2.25rem,3.7vw,3.2rem);
line-height:1.2;
}

.ex-hero-lead{
margin-top:var(--space-3);
max-width:36rem;
font-size:var(--text-lg);
line-height:var(--lh-body);
}

.ex-hero-detail{
margin-top:var(--space-2);
max-width:36rem;
color:#5E5C68;
}

.ex-hero-actions.c-actions{
justify-content:flex-start;
margin-top:var(--space-3);
}

.ex-hero-note{
margin-top:var(--space-3);
font-size:var(--text-sm);
color:#5E5C68;
}

.ex-handoff{
height:auto;
min-width:0;
padding:var(--space-4);
border-radius:var(--radius-lg);
background:#EEF7F0;
color:#1E3A2A;
--ink:#1E3A2A;
--muted:#4B6A57;
--line:#E6E5EA;
}

.ex-handoff-heading h2{
margin-top:var(--space-3);
font-size:var(--text-xl);
line-height:var(--lh-heading);
}

.ex-handoff-heading>p{
margin-top:var(--space-1);
font-size:var(--text-sm);
color:#4B6A57;
}

.ex-pill{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.4em;
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--radius-pill);
background:#FFFFFF;
color:#1C1B22;
--ink:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
font-size:var(--text-xs);
line-height:1.4;
}

.ex-handoff-list{
display:grid;
gap:var(--space-3);
margin:var(--space-4) 0 0;
padding:0;
list-style:none;
}

.ex-handoff-list>li{
display:grid;
grid-template-columns:2.5rem minmax(0,1fr);
gap:var(--space-2);
align-items:start;
}

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

.ex-handoff-list p{
font-size:var(--text-sm);
}

.ex-handoff-list .ex-handoff-label{
margin-bottom:var(--space-1);
font-weight:700;
}

.ex-handoff-foot{
margin-top:var(--space-4);
font-size:var(--text-xs);
color:#4B6A57;
}

.ex-section-head{
max-width:none;
margin-bottom:var(--space-4);
text-align:left;
}

.ex-section-head>p{
max-width:48rem;
margin-top:var(--space-2);
color:var(--muted);
}

.ex-scenes.c-card-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
gap:var(--space-3);
}

.ex-scenes>.ex-scene{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
border-radius:var(--radius-lg);
}

.ex-scenes>.ex-scene--gray{
background:#F5F5F7;
color:#1C1B22;
--ink:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
}

.ex-scenes>.ex-scene--mint{
background:#EEF7F0;
color:#1E3A2A;
--ink:#1E3A2A;
--muted:#4B6A57;
--line:#E6E5EA;
}

.ex-scenes>.ex-scene--lilac{
background:#F1F0FA;
color:#2A2650;
--ink:#2A2650;
--muted:#5D5986;
--line:#E6E5EA;
}

.ex-scenes>.ex-scene--apri{
background:#FBF1EC;
color:#4A2416;
--ink:#4A2416;
--muted:#7E5644;
--line:#E6E5EA;
}

.ex-scene-heading{
display:grid;
gap:var(--space-1);
align-content:start;
min-width:0;
}

.ex-scene-index{
font-size:var(--text-xs);
color:var(--muted);
}

.ex-scene-copy{
display:grid;
gap:var(--space-1);
align-content:start;
}

.ex-scenes .ex-scene-copy>p{
font-size:var(--text-base);
line-height:var(--lh-body);
color:var(--muted);
}

.ex-scenes .ex-scene-copy strong{
color:var(--ink);
font-weight:600;
}

.ex-scene-foot{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
margin-top:auto;
min-width:0;
}

.ex-scenes .ex-scene-foot>p{
color:var(--ink);
font-size:var(--text-sm);
}

.ex-scene-foot .mono{
font-size:var(--text-xs);
}

.ex-scene-foot>.c-btn{
width:100%;
}

.ex-migration.c-migration-path{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:stretch;
gap:var(--space-3);
}

.ex-migration.c-migration-path>.ex-migration-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
border:0;
border-radius:var(--radius-lg);
background:#FFFFFF;
color:#1C1B22;
--ink:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
}

.ex-migration-heading>.ex-pill{
background:#F1F0FA;
color:#2A2650;
--ink:#2A2650;
--muted:#5D5986;
--line:#E6E5EA;
}

.ex-migration-heading>h3{
margin-top:var(--space-3);
font-size:var(--text-lg);
line-height:var(--lh-heading);
}

.ex-endpoint{
display:grid;
gap:var(--space-1);
align-content:start;
min-width:0;
}

.ex-endpoint p{
font-size:var(--text-sm);
color:#5E5C68;
}

.ex-endpoint .ex-endpoint-label{
font-size:var(--text-xs);
font-weight:700;
color:#1C1B22;
}

.ex-command{
display:grid;
gap:var(--space-1);
align-content:start;
min-width:0;
}

.ex-command-label{
font-size:var(--text-xs);
color:#5E5C68;
}

.ex-command pre{
position:relative;
max-width:100%;
overflow-x:auto;
padding:var(--space-3);
border-radius:var(--radius-md);
background:#1C1B22;
color:#FFFFFF;
--ink:#FFFFFF;
--muted:#D1CEDB;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}

.ex-command pre code{
color:#FFFFFF;
}

.ex-migration .ex-migration-check{
margin-top:auto;
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#5E5C68;
}

.ex-migration-check strong{
color:#1C1B22;
font-weight:600;
}

.ex-migration-note{
margin-top:var(--space-3);
}

.ex-table-scroll{
position:relative;
overflow-x:auto;
}

.ex-recommendations{
display:table;
width:100%;
min-width:48rem;
}

.ex-recommendations caption{
padding:var(--space-3);
background:#F5F5F7;
color:#1C1B22;
font-size:var(--text-sm);
line-height:var(--lh-small);
text-align:left;
}

.ex-recommendations th,
.ex-recommendations td{
text-align:left;
font-variant-numeric:tabular-nums;
}

.ex-recommendations tbody th{
width:21%;
font-weight:600;
}

.ex-recommendations .mono{
font-size:var(--text-xs);
}

.ex-decision-notes{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
gap:var(--space-4);
margin-top:var(--space-4);
}

.ex-decision-note{
display:grid;
gap:var(--space-1);
align-content:start;
min-width:0;
}

.ex-decision-note p{
font-size:var(--text-base);
color:#5E5C68;
}

.ex-quotes.c-quote-strip{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
gap:var(--space-3);
padding:0;
border:0;
background:none;
color:#1E3A2A;
}

.ex-quotes.c-quote-strip>.ex-quote{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
margin:0;
padding:var(--space-4);
border:0;
border-radius:var(--radius-lg);
background:#FFFFFF;
color:#1C1B22;
--ink:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
}

.ex-quotes .ex-quote>p{
font-family:var(--f-head);
font-size:var(--text-lg);
line-height:var(--lh-body);
color:#1C1B22;
}

.ex-quotes .ex-quote>cite{
margin-top:auto;
font-family:var(--f-body);
font-size:var(--text-sm);
font-style:normal;
color:#5E5C68;
}

.ex-close.c-closing{
padding-bottom:var(--space-close);
}

.ex-close .ex-close-card.c-closing__card{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.55fr);
align-items:center;
gap:var(--space-5);
padding:var(--space-6);
border:0;
border-radius:var(--radius-lg);
background:#1C1B22;
color:#FFFFFF;
--ink:#FFFFFF;
--muted:#D1CEDB;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}

.ex-close-copy{
min-width:0;
text-align:left;
}

.ex-close .ex-close-copy h2{
font-size:var(--text-section);
line-height:var(--lh-heading);
color:#FFFFFF;
}

.ex-close .ex-close-copy>p{
margin-top:var(--space-2);
font-size:var(--text-base);
line-height:var(--lh-body);
color:#D1CEDB;
}

.ex-close .ex-close-copy>.ex-close-detail{
font-size:var(--text-sm);
}

.ex-close .ex-close-actions.c-closing__actions{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:var(--space-2);
min-width:0;
margin-top:0;
}

.ex-close-actions>.c-btn{
width:100%;
max-width:100%;
}

.ex-close .ex-close-actions>.c-btn--ghost{
background:transparent;
color:#FFFFFF;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}

.ex-close .ex-close-actions>.c-btn--ghost:hover{
background:#FFFFFF;
color:#1C1B22;
border-color:#FFFFFF;
}

@media(max-width:64rem){
.ex-hero-grid.c-hero-split{
grid-template-columns:minmax(0,1fr);
gap:var(--space-4);
}

.ex-handoff{
height:auto;
}

.ex-migration.c-migration-path{
grid-template-columns:minmax(0,1fr);
}

.ex-migration.c-migration-path>.ex-migration-card{
height:auto;
}

.ex-close .ex-close-card.c-closing__card{
grid-template-columns:minmax(0,1fr) minmax(0,.65fr);
padding:var(--space-4);
}
}

@media(max-width:42rem){
.ex-scenes.c-card-grid,
.ex-quotes.c-quote-strip,
.ex-decision-notes{
grid-template-columns:minmax(0,1fr);
}

.ex-scenes>.ex-scene,
.ex-handoff,
.ex-migration.c-migration-path>.ex-migration-card,
.ex-quotes.c-quote-strip>.ex-quote{
height:auto;
padding:var(--space-3);
}

.ex-hero-copy h1{
font-size:var(--text-display);
line-height:1.2;
}

.ex-hero-lead{
font-size:var(--text-base);
}

.ex-close .ex-close-card.c-closing__card{
grid-template-columns:minmax(0,1fr);
padding:var(--space-3);
gap:var(--space-3);
}

.ex-close .ex-close-actions.c-closing__actions{
margin-top:var(--space-3);
}
}