.connect-page [hidden]{display:none!important}
.connect-page{font-size:1rem}
.connect-page p,.connect-page li,.connect-page dt,.connect-page dd{font-size:1rem;line-height:var(--lh-body)}
.connect-page .connect-hero{display:block;background:#F7F8FA;color:#1C2526;padding-block:var(--hero-top) var(--space-5);text-align:center;--muted:#5B6670;--line:#ECEEF1}
.connect-hero h1{color:#1C2526;font-size:var(--text-display);line-height:var(--lh-display)}
.connect-hero .connect-lead{max-width:var(--width-narrow);margin-inline:auto;margin-top:var(--space-2);color:#5B6670;font-size:var(--text-lead)}
.connect-hero .c-actions{justify-content:center;margin-block:var(--space-action)}
.connect-hero .connect-hero-note{max-width:var(--width-narrow);margin-inline:auto;color:#5B6670}
.connect-page .kicker{display:inline-flex;align-items:center;gap:.4em;padding:.4em .9em;line-height:1;width:fit-content;margin-bottom:var(--space-2);border-radius:var(--radius-pill)}
.connect-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:var(--space-3);margin-block:var(--space-4) var(--space-3)}
.connect-entry{display:flex;flex-direction:column;gap:var(--space-field);min-width:0;padding:var(--card-pad);border-radius:var(--radius-card);background:#FFFFFF;color:#1C2526;--muted:#5B6670;--line:#ECEEF1}
.connect-entry strong{font-family:var(--f-head);font-size:var(--text-card);line-height:var(--lh-heading)}
.connect-entry span{color:#5B6670;overflow-wrap:break-word}
.connect-page .c-head p{max-width:var(--width-narrow);margin:var(--space-1) auto 0;color:inherit}
.connect-page .c-head{margin-bottom:var(--space-4)}
.connect-page .c-card{padding:var(--card-pad);min-width:0}
.connect-page .c-card h3{font-size:var(--text-card);line-height:var(--lh-heading)}
.connect-page .c-card pre{margin-top:var(--space-2)}
.connect-page .c-card pre+p{margin-top:var(--space-2)}
.connect-page pre{position:relative;overflow-x:auto;max-width:100%;background:#F1F3F5;color:#1C2526;border-radius:var(--radius-sm)}
.connect-page pre code{overflow-wrap:normal}
.connect-steps{list-style:none;margin:0;padding:0}
.connect-step{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 color-mix(in srgb,var(--ink) 18%,transparent)}
.connect-step>*{min-width:0;overflow-wrap:break-word}
.connect-number{display:inline-flex;align-items:center;justify-content:center;line-height:1;width:2.5rem;height:2.5rem;background:#ECEAF7;color:#2E2A55;border-radius:var(--radius-pill)}
.connect-step h3{font-size:var(--text-card);line-height:var(--lh-heading)}
.connect-step-copy{display:grid;gap:var(--space-2)}
.connect-step-copy p{color:#5B6670}
.connect-subhead{margin-block:var(--space-4) var(--space-2)}
.connect-subhead p{margin-top:var(--space-1);color:#5B6670}
.connect-page .table-scroll{position:relative;overflow-x:auto}
.connect-page .c-table{display:table;width:100%}
.connect-page .c-table th,.connect-page .c-table td{text-align:left}
.connect-band-note{margin-top:var(--space-4)}
.connect-band-note p{margin-top:var(--space-1);color:inherit}
.connect-band-note pre{margin-block:var(--space-2)}
.connect-ci-check{margin-top:var(--space-4)}
.connect-ci-check p{margin-top:var(--space-1);color:#5B6670}
.connect-region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--space-3);align-items:stretch}
.connect-region-grid>.c-card{display:flex;flex-direction:column;height:100%;min-width:0}
.connect-region-grid .c-card-foot{margin-top:auto;padding-top:var(--space-3)}
.connect-glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.connect-glossary>div{display:flex;flex-direction:column;gap:var(--space-field);min-width:0;padding:var(--card-pad);border-radius:var(--radius-card);background:#FFFFFF;color:#1C2526;--muted:#5B6670;--line:#ECEEF1}
.connect-glossary dt{font-family:var(--f-head);font-weight:var(--weight-bold);overflow-wrap:break-word}
.connect-glossary dd{margin:0;color:#5B6670;overflow-wrap:break-word}
.connect-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.45fr);align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-band);background:#1C2526;color:#FFFFFF;--muted:#C9CED3;--line:rgba(255,255,255,.18)}
.connect-closing>*{min-width:0}
.connect-closing h2{color:#FFFFFF}
.connect-closing p{margin-top:var(--space-2);color:#C9CED3}
.connect-closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);margin-top:var(--space-3)}
.connect-closing .c-btn{background:#FFFFFF;color:#1C2526}
.connect-closing .c-btn:hover{background:#ECEEF1;color:#1C2526}
.connect-closing .c-btn--ghost{background:#1C2526;color:#FFFFFF;border-color:color-mix(in srgb,currentColor 45%,transparent)}
.connect-closing .c-btn--ghost:hover{background:#2C7A6E;color:#FFFFFF}
@media(max-width:64rem){
  .connect-entry-grid{grid-template-columns:minmax(0,1fr)}
  .connect-closing{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:42rem){
  .connect-step{grid-template-columns:2.25rem minmax(0,1fr)}
  .connect-step>:nth-child(3){grid-column:2}
  .connect-number{width:2.25rem;height:2.25rem}
  .connect-glossary{grid-template-columns:minmax(0,1fr)}
  .connect-closing{padding:var(--space-3)}
  .connect-hero .c-actions>*{width:100%}
}
