.on-page [hidden]{display:none!important}
.on-page{font-variant-numeric:tabular-nums}
.on-hero.c-page-hero{display:block;padding-block:var(--hero-top) var(--space-8);background:#F8FAFB;color:#1B1E24}
.on-hero h1{color:#161A1E;max-width:100%;font-size:var(--fs-display);line-height:var(--lh-tight)}
.on-hero .on-lead{max-width:52rem;margin-top:var(--space-3);color:#5B6470}
.on-hero .on-hero-actions{justify-content:flex-start;margin-top:var(--space-3)}
.on-hero .on-hero-note{max-width:52rem;margin-top:var(--space-3);color:#626D79}
.on-section-head{max-width:52rem;margin-bottom:var(--space-5);min-width:0}
.on-section-head>p{margin-top:var(--space-3)}
.on-section-head h2{color:var(--ink)}
.on-section-head>p,.on-config-copy p,.on-follow-copy p,.on-task-copy p{color:var(--muted);overflow-wrap:break-word}
.on-config-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-6);align-items:start}
.on-config-grid>*{min-width:0}
.on-machine{display:flex;flex-direction:column;gap:var(--space-3);height:auto;padding:var(--space-4);border-radius:var(--r-lg);background:#EDF2F8;color:#1A2233}
.on-machine-heading{display:flex;align-items:center;gap:var(--space-2);min-width:0}
.on-machine-heading p{color:#55627A}
.on-machine h3{color:#1A2233}
.on-machine .on-machine-model{font-family:var(--fh);font-size:var(--fs-xl);font-weight:800;line-height:var(--lh-heading);color:#1A2233;overflow-wrap:break-word}
.on-machine>p:not(.on-machine-model){color:#55627A}
.on-machine-specs{display:grid;gap:0}
.on-machine-specs>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-2);padding-block:var(--space-2);border-bottom:1px solid #D7DFE9;min-width:0}
.on-machine-specs dt{flex:1 0 auto;min-width:0;color:#55627A}
.on-machine-specs dd{min-width:0;color:#1A2233;overflow-wrap:break-word}
.on-config-copy{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.on-config-item{display:grid;gap:var(--space-2);min-width:0;padding:var(--space-4);border-radius:var(--r-lg);background:#F8FAFB}
.on-config-item>h3{color:#161A1E}
.on-config-copy>.c-actions{margin-top:0}
.on-periods{grid-template-columns:repeat(2,minmax(0,1fr));margin-block:var(--space-2)}
.on-periods>div{padding:var(--space-3);background:#F1F3F6;color:#1B1E24}
.on-periods dt{color:#5B6470;font-size:var(--fs-sm)}
.on-periods dd{margin-top:var(--space-1);color:#1B1E24;font-weight:600;overflow-wrap:break-word}
.on-checklist{list-style:none;margin:0;padding:0}
.on-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-3);border-top:1px solid #D7DFE9}
.on-check-row>*{min-width:0}
.on-check-row>p{color:var(--muted)}
.on-step{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--r-pill);background:#F1F3F6;color:#1B1E24;font-size:var(--fs-sm);line-height:1}
.on-follow-copy{max-width:none;margin-top:var(--space-4)}
.on-migration.c-migration-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.on-migration>.c-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);height:100%;min-width:0;padding:var(--space-3)}
.on-migration>.c-card>.c-kicker{align-self:flex-start;margin-bottom:0}
.on-migration>.c-card>.c-badge{margin-top:auto}
.on-glossary.c-glossary-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-5)}
.on-glossary>div{display:grid;gap:var(--space-1);min-width:0;padding-block:var(--space-3);border-top:1px solid #D7DFE9}
.on-glossary dt{font-family:var(--fh);font-weight:800;color:var(--ink);overflow-wrap:break-word}
.on-glossary dd{margin:0;color:var(--muted);overflow-wrap:break-word}
.on-task-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch;max-width:none}
.on-task-copy>.c-card{padding:var(--space-4)}
.on-last-section{padding-bottom:var(--space-close)}
.on-closing.c-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.45fr);align-items:center;gap:var(--space-5);padding:var(--space-6);border-radius:var(--r-xl);background:#161A1E;color:#FFFFFF;text-align:left}
.on-closing-copy{min-width:0;text-align:left}
.on-closing-copy h2{color:#FFFFFF;font-size:var(--fs-section);line-height:var(--lh-tight)}
.on-closing-copy p{margin-top:var(--space-3);color:#BDC6D0}
.on-closing-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0;margin-top:var(--space-3)}
.on-closing-actions>.c-btn--primary{background:#FFFFFF;color:#161A1E;box-shadow:none}
.on-closing-actions>.c-btn--primary:hover{background:#000000;color:#FFFFFF}
@media(max-width:64rem){
.on-config-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3)}
.on-migration.c-migration-path,.on-task-copy{grid-template-columns:minmax(0,1fr)}
.on-closing.c-closing{grid-template-columns:minmax(0,1fr);padding:var(--space-4)}
.on-closing-actions{align-items:flex-start}
}
@media(max-width:42rem){
.on-hero.c-page-hero{padding-block:var(--hero-top) var(--space-7)}
.on-config-grid{grid-template-columns:minmax(0,1fr)}
.on-machine{padding:var(--space-3)}
.on-check-row{grid-template-columns:2.25rem minmax(0,1fr)}
.on-check-row>:nth-child(3){grid-column:2}
.on-step{width:2.25rem;height:2.25rem}
.on-glossary.c-glossary-mini{grid-template-columns:minmax(0,1fr)}
.on-config-item,.on-task-copy>.c-card,.on-follow-copy{padding:var(--space-3)}
.on-closing.c-closing{padding:var(--space-3)}
.on-closing-actions>.c-btn{width:100%}
.on-closing-actions{align-items:stretch}
}