.cmp-page [hidden]{display:none!important}
.cmp-page{font-variant-numeric:tabular-nums}
.cmp-page .cmp-hero{display:block;grid-template-columns:minmax(0,1fr);grid-template-areas:none;min-height:0;padding-block:var(--hero-top) var(--space-5);background:#F7F8FA;color:#1C2526;--muted:#5B6670;--line:#ECEEF1;text-align:center}
.cmp-hero h1{color:#1C2526;font-size:var(--text-display);line-height:var(--lh-display)}
.cmp-hero .cmp-lead{max-width:var(--width-narrow);margin-inline:auto;margin-top:var(--space-2);color:#5B6670;font-size:var(--text-lead);line-height:var(--lh-body)}
.cmp-hero .c-actions{justify-content:center;margin-top:var(--space-action)}
.cmp-hero .cmp-hero-note{margin-top:var(--space-3);color:#5B6670;font-size:var(--text-sm)}
.cmp-page .cmp-kicker{display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.4em .9em;line-height:1;width:fit-content;border-radius:var(--radius-pill);margin-bottom:var(--space-2)}
.cmp-hero .cmp-kicker,.cmp-head .cmp-kicker{margin-inline:auto}
.cmp-head{text-align:center;margin-bottom:var(--space-4)}
.cmp-head h2{line-height:var(--lh-heading)}
.cmp-head>p{max-width:var(--width-narrow);margin-inline:auto;margin-top:var(--space-1);color:#5B6670;font-size:var(--text-lead);line-height:var(--lh-body)}
.cmp-page .cmp-note{margin-top:var(--space-3)}
.cmp-page .cmp-follow{margin-top:var(--space-3);color:#5B6670;font-size:var(--text-base);line-height:var(--lh-body)}
.cmp-purchase-table{min-width:920px}
.cmp-purchase-table th:first-child,.cmp-purchase-table td:first-child{width:19%;min-width:180px}
.cmp-model-table{min-width:680px}
.cmp-model-table th:first-child,.cmp-model-table td:first-child{width:26%;min-width:180px}
.cmp-model-table td{width:37%}
.cmp-model-table .c-btn{white-space:normal}
.cmp-page .cmp-period-band{background:#F6F1E1;color:#4A3B12;--muted:#716139;--line:#ECEEF1;padding:var(--card-pad);border-radius:var(--radius-band)}
.cmp-period-band .cmp-head h2{color:#4A3B12}
.cmp-period-band .cmp-head>p{color:#716139}
.cmp-period-band .cmp-kicker{background:#FFFFFF;color:#4A3B12}
.cmp-period-table{min-width:700px}
.cmp-period-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:start;margin-top:var(--space-3)}
.cmp-period-guides>div{min-width:0}
.cmp-period-guides h3{font-size:var(--text-card);color:#4A3B12}
.cmp-period-guides p{margin-top:var(--space-1);color:#716139}
.cmp-period-hint{margin-top:var(--space-3);color:#716139;font-size:var(--text-sm);line-height:var(--lh-body)}
.cmp-page .cmp-center-actions{justify-content:center;margin-top:var(--space-action)}
.cmp-page .c-card h3{font-size:var(--text-card);line-height:var(--lh-heading)}
.cmp-page .cmp-card-chip{background:#FFFFFF;color:#1C2526;display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.4em .9em;line-height:1;width:fit-content;border-radius:var(--radius-pill)}
.cmp-migration .cmp-kicker{align-self:flex-start;margin-inline:0}
.cmp-migration .cmp-estimate{font-size:var(--text-sm);color:#5B6670}
.cmp-migration .cmp-code{position:relative;max-width:100%;overflow-x:auto;margin-top:var(--space-2);padding:var(--space-3);background:#F1F3F5;color:#1C2526;--muted:#5B6670;--line:#ECEEF1;border-radius:var(--radius-sm)}
.cmp-migration .cmp-check{margin-top:0;color:#5B6670}
.cmp-migration .c-card-foot{padding-top:var(--space-3)}
.cmp-decisions .c-card-foot{padding-top:var(--space-3)}
.cmp-decisions .c-btn{white-space:normal}
.cmp-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.36fr);gap:var(--space-4);align-items:center;padding:var(--card-pad);border-radius:var(--radius-card);background:#1C2526;color:#FFFFFF;--muted:#C9CED3;--line:rgba(255,255,255,.18)}
.cmp-closing-copy,.cmp-closing-actions{min-width:0}
.cmp-closing-copy h2{color:#FFFFFF}
.cmp-closing-copy p{margin-top:var(--space-1);color:#C9CED3}
.cmp-closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}
.cmp-closing-actions .c-btn{background:#2C7A6E;color:#FFFFFF}
.cmp-closing-actions .c-btn:hover{background:#246A5F;color:#FFFFFF}
.cmp-closing-actions .c-btn:active{background:#205E54;color:#FFFFFF}
.cmp-closing-actions .cmp-closing-secondary{background:#1C2526;color:#FFFFFF;border-color:color-mix(in srgb,currentColor 45%,transparent)}
.cmp-closing-actions .cmp-closing-secondary:hover{background:#2C7A6E;color:#FFFFFF}
.cmp-closing-actions .cmp-closing-secondary:active{background:#246A5F;color:#FFFFFF}
@media(max-width:64rem){
  .cmp-closing{grid-template-columns:minmax(0,1fr)}
  .cmp-closing-actions{align-items:flex-start}
  .cmp-closing-actions .c-btn{width:auto}
}
@media(max-width:42rem){
  .cmp-period-guides{grid-template-columns:minmax(0,1fr)}
  .cmp-closing{gap:var(--space-3)}
  .cmp-closing-actions{align-items:stretch}
  .cmp-closing-actions .c-btn{width:100%}
  .cmp-page .cmp-center-actions .c-btn,.cmp-hero .c-actions .c-btn{width:100%}
}