.guide-hero{
  padding-block:var(--space-5) var(--space-7);
  background:var(--color-ink);
  color:var(--color-text);
}

.guide-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);
  gap:var(--space-5);
  align-items:center;
}

.guide-hero__grid>*{
  min-width:0;
}

.guide-hero__copy{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  align-items:flex-start;
}

.guide-hero__copy .c-kicker{
  width:fit-content;
  align-self:flex-start;
}

.guide-hero__copy h1{
  max-width:min(36rem,100%);
  text-transform:uppercase;
  letter-spacing:-.055em;
}

.guide-hero__lead{
  max-width:42rem;
  color:var(--color-muted);
  font-size:var(--fs-3);
}

.guide-hero__facts{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-block:1px solid var(--line-dark);
}

.guide-hero__facts div{
  min-width:0;
  padding:var(--space-2);
}

.guide-hero__facts div+div{
  border-left:1px solid var(--line-dark);
}

.guide-hero__facts strong,
.guide-hero__facts span{
  display:block;
  overflow-wrap:anywhere;
}

.guide-hero__facts strong{
  color:var(--color-white);
  font-family:var(--font-mono);
  font-size:var(--fs-4);
  font-variant-numeric:tabular-nums;
}

.guide-hero__facts span{
  margin-top:.375rem;
  color:var(--color-muted);
  font-size:var(--fs-1);
}

.guide-dispatch{
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:var(--color-surface);
  color:var(--color-text);
  box-shadow:var(--shadow-float);
}

.guide-dispatch__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:var(--space-2);
  padding:var(--space-3) var(--space-4);
  background:var(--color-primary);
  color:var(--color-white);
  font-family:var(--font-mono);
  font-size:var(--fs-1);
}

.guide-dispatch__state{
  width:fit-content;
  max-width:100%;
  padding:.5em .75em;
  border-radius:var(--radius-sm);
  background:var(--color-white);
  color:var(--color-ink);
  font-size:var(--fs-0);
}

.guide-dispatch__route{
  display:grid;
  gap:var(--space-1);
  padding:var(--space-4);
}

.guide-dispatch__step{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-2);
  align-items:start;
  padding:var(--space-2);
  border-radius:var(--radius-md);
  background:var(--color-surface-2);
  color:var(--color-text);
}

.guide-dispatch__step>div{
  min-width:0;
}

.guide-dispatch__step strong{
  display:block;
  color:var(--color-white);
  font-family:var(--font-heading);
}

.guide-dispatch__step p{
  margin-top:.375rem;
  color:var(--color-muted);
  font-size:var(--fs-1);
}

.guide-dispatch__code{
  display:inline-flex;
  width:2rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-sm);
  background:var(--color-accent);
  color:var(--color-ink);
  font-family:var(--font-mono);
  font-weight:750;
}

.guide-dispatch__fields{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  padding:0 var(--space-4) var(--space-4);
}

.guide-dispatch__fields div{
  min-width:0;
  padding:var(--space-2);
  border-top:1px solid var(--line-dark);
}

.guide-dispatch__fields dt{
  color:var(--color-muted);
  font-size:var(--fs-0);
}

.guide-dispatch__fields dd{
  margin-top:.375rem;
  color:var(--color-white);
  font-family:var(--font-mono);
  overflow-wrap:anywhere;
}

.guide-search-section{
  background:var(--color-light);
  color:var(--color-paper-text);
}

.guide-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);
  gap:var(--space-5);
  align-items:end;
  margin-bottom:var(--space-5);
}

.guide-section-head>*{
  min-width:0;
}

.guide-section-head>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.guide-section-head>p{
  color:var(--color-paper-muted);
}

.guide-section-head--dark>p{
  color:var(--color-muted);
}

.guide-search{
  display:grid;
  gap:var(--space-2);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-ice);
  color:var(--color-paper-text);
}

.guide-search>label{
  font-weight:700;
}

.guide-search__bar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--space-2);
  align-items:stretch;
}

.guide-search__input-shell{
  position:relative;
  min-width:0;
}

.guide-search__input-shell svg{
  position:absolute;
  left:1rem;
  top:50%;
  width:1.1rem;
  height:1.1rem;
  transform:translateY(-50%);
  color:var(--color-paper-muted);
  pointer-events:none;
}

.guide-search__input-shell .c-input{
  padding-left:2.9rem;
}

.guide-search__status{
  color:var(--color-paper-muted);
  font-size:var(--fs-1);
}

.guide-topic-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));
  gap:var(--space-3);
  align-items:start;
  margin-top:var(--space-4);
}

.help-topic{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-white);
  color:var(--color-paper-text);
  box-shadow:var(--shadow-paper);
}

.help-topic[hidden]{
  display:none;
}

.help-topic>svg{
  width:2rem;
  height:2rem;
  color:var(--color-accent-paper);
}

.help-topic__label{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.5em .75em;
  border-radius:var(--radius-sm);
  background:var(--color-ice);
  color:var(--color-accent-paper);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
}

.help-topic p{
  color:var(--color-paper-muted);
}

.help-topic>a{
  width:fit-content;
  margin-top:auto;
  padding-top:var(--space-3);
  color:var(--color-accent-paper);
  font-family:var(--font-heading);
  font-size:var(--fs-1);
  font-weight:720;
}

.help-topic>a:hover{
  text-decoration:underline;
  text-underline-offset:.25em;
}

.guide-search-empty{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-1);
  margin-top:var(--space-4);
}

.guide-search-empty[hidden]{
  display:none;
}

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

.connection-runbook li{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-white);
  color:var(--color-paper-text);
  box-shadow:var(--shadow-paper);
}

.connection-runbook__number{
  display:inline-flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-sm);
  background:var(--color-primary);
  color:var(--color-white);
  font-family:var(--font-mono);
  font-weight:750;
}

.connection-runbook p{
  color:var(--color-paper-muted);
}

.connection-runbook__check{
  width:fit-content;
  max-width:100%;
  padding:.75rem 1rem;
  border-radius:var(--radius-sm);
  background:var(--color-ice);
  color:var(--color-paper-text);
  font-size:var(--fs-1);
  overflow-wrap:anywhere;
}

.connection-runbook+.c-notice{
  margin-top:var(--space-4);
}

.connection-runbook+.c-notice{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
}

.desktop-guide-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));
  gap:var(--space-3);
  align-items:start;
}

.desktop-guide-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-surface);
  color:var(--color-text);
}

.desktop-guide-card .c-badge{
  width:fit-content;
  align-self:flex-start;
}

.desktop-guide-card p,
.desktop-guide-card li{
  color:var(--color-muted);
}

.desktop-guide-card ul{
  display:grid;
  gap:var(--space-1);
}

.access-board{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:var(--space-4);
  margin-top:var(--space-6);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-primary);
  color:var(--color-white);
}

.access-board>*{
  min-width:0;
}

.access-board__intro{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  align-items:flex-start;
}

.access-board__intro .c-kicker{
  color:var(--color-white);
}

.access-board__intro>p{
  color:var(--color-white);
  opacity:.86;
}

.access-board__routes{
  display:grid;
  gap:var(--space-2);
}

.access-board__routes article{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-white);
  color:var(--color-paper-text);
}

.access-board__routes svg{
  width:1.75rem;
  height:1.75rem;
  color:var(--color-primary);
}

.access-board__routes h4{
  color:var(--color-paper-text);
}

.access-board__routes p{
  margin-top:.375rem;
  color:var(--color-paper-muted);
  font-size:var(--fs-1);
}

.cicd-layout{
  align-items:stretch;
}

.cicd-manifest{
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:var(--color-surface-2);
  color:var(--color-text);
  box-shadow:var(--shadow-float);
}

.cicd-manifest__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:var(--space-2);
  padding:var(--space-3) var(--space-4);
  background:var(--color-ink);
  color:var(--color-white);
}

.cicd-manifest__head>div{
  min-width:0;
}

.cicd-manifest__head span,
.cicd-manifest__head strong{
  display:block;
}

.cicd-manifest__head>div span{
  color:var(--color-accent);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.cicd-manifest__head strong{
  margin-top:.375rem;
  font-family:var(--font-heading);
  font-size:var(--fs-3);
}

.cicd-manifest__body{
  display:grid;
  gap:var(--space-1);
  padding:var(--space-4);
}

.cicd-row{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-2);
  padding:var(--space-2);
  border-radius:var(--radius-md);
  background:var(--color-surface);
  color:var(--color-text);
}

.cicd-row>span{
  color:var(--color-accent);
  font-family:var(--font-mono);
  font-weight:700;
}

.cicd-row p{
  margin-top:.375rem;
  color:var(--color-muted);
  font-size:var(--fs-1);
}

.cicd-side{
  height:100%;
}

.cicd-side-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.cicd-side-card ul{
  display:grid;
  gap:var(--space-1);
  color:var(--color-paper-muted);
}

.cicd-side-card .c-btn{
  margin-top:auto;
  padding-top:var(--space-3);
}

.cicd-side-card.c-card-blue{
  background:var(--color-primary);
  color:var(--color-white);
}

.cicd-side-card.c-card-blue p{
  color:var(--color-white);
  opacity:.9;
}

.cicd-side-card__kicker{
  color:var(--color-white);
}

.glossary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
  margin:0;
}

.glossary-grid>div{
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-white);
  color:var(--color-paper-text);
  box-shadow:var(--shadow-paper);
}

.glossary-grid dt{
  color:var(--color-primary);
  font-family:var(--font-heading);
  font-size:var(--fs-3);
}

.glossary-grid dd{
  margin-top:var(--space-1);
  color:var(--color-paper-muted);
  font-size:var(--fs-2);
}

.decision-list{
  display:grid;
  gap:var(--space-2);
}

.decision-item{
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:var(--color-surface);
  color:var(--color-text);
}

.decision-item summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-2);
  align-items:center;
  padding:var(--space-3) var(--space-4);
  cursor:pointer;
  list-style:none;
  color:var(--color-white);
  font-family:var(--font-heading);
  font-size:var(--fs-3);
  font-weight:720;
}

.decision-item summary::-webkit-details-marker{
  display:none;
}

.decision-item__code{
  width:fit-content;
  max-width:100%;
  padding:.55em .75em;
  border-radius:var(--radius-sm);
  background:var(--color-accent);
  color:var(--color-ink);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  overflow-wrap:anywhere;
}

.decision-item__content{
  padding:var(--space-2) var(--space-4) var(--space-4);
  border-top:1px solid var(--line-dark);
  background:var(--color-surface-2);
  color:var(--color-text);
}

.decision-item__content ol{
  display:grid;
  gap:var(--space-2);
}

.decision-item__content li{
  color:var(--color-muted);
}

.decision-item__content strong{
  color:var(--color-white);
}

.editorial-board{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);
  gap:var(--space-3);
  align-items:stretch;
}

.editorial-feature{
  min-width:0;
  min-height:24rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--space-5);
  padding:var(--space-5);
  border-radius:var(--radius-lg);
  background:linear-gradient(135deg,var(--color-primary),var(--color-surface));
  color:var(--color-white);
}

.editorial-feature__mark{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-1);
  align-items:center;
}

.editorial-feature__mark span{
  width:fit-content;
  max-width:100%;
  padding:.55em .8em;
  border-radius:var(--radius-sm);
  background:var(--color-white);
  color:var(--color-ink);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  overflow-wrap:anywhere;
}

.editorial-feature h3{
  max-width:24ch;
  font-size:var(--fs-5);
  overflow-wrap:anywhere;
}

.editorial-feature p{
  max-width:48rem;
  color:var(--color-white);
  opacity:.88;
}

.editorial-side{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
}

.editorial-compact,
.editorial-topic{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-ice);
  color:var(--color-paper-text);
}

.editorial-compact>span,
.editorial-topic>span{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.5em .75em;
  border-radius:var(--radius-sm);
  background:var(--color-white);
  color:var(--color-accent-paper);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.editorial-compact h3,
.editorial-topic h3{
  overflow-wrap:anywhere;
}

.editorial-compact p,
.editorial-topic p{
  color:var(--color-paper-muted);
}

.editorial-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
  gap:var(--space-3);
  align-items:start;
  margin-top:var(--space-3);
}

.editorial-topic{
  background:var(--color-white);
  color:var(--color-paper-text);
  box-shadow:var(--shadow-paper);
}

.editorial-topic>span{
  background:var(--color-ice);
  color:var(--color-accent-paper);
}

.editorial-link{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:var(--space-3);
  margin-top:var(--space-4);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-ice);
  color:var(--color-paper-text);
}

.editorial-link p{
  margin-top:.375rem;
  color:var(--color-paper-muted);
}

.escalation-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  gap:var(--space-3);
  align-items:start;
}

.escalation-grid article{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-white);
  color:var(--color-paper-text);
  box-shadow:var(--shadow-paper);
}

.escalation-grid p{
  color:var(--color-paper-muted);
}

.escalation-grid__number{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  border-radius:var(--radius-sm);
  background:var(--color-primary);
  color:var(--color-white);
  font-family:var(--font-mono);
  font-weight:750;
}

.support-payload{
  display:grid;
  gap:var(--space-4);
  margin-top:var(--space-5);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-white);
  color:var(--color-paper-text);
  box-shadow:var(--shadow-paper);
}

.support-payload__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);
  gap:var(--space-4);
  align-items:end;
}

.support-payload__head>*{
  min-width:0;
}

.support-payload__head p{
  color:var(--color-paper-muted);
}

.support-payload__head a{
  color:var(--color-accent-paper);
  overflow-wrap:anywhere;
}

.support-payload__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  gap:var(--space-2);
  margin:0;
}

.support-payload__grid>div{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-ice);
  color:var(--color-paper-text);
}

.support-payload__grid dd{
  margin-top:var(--space-1);
  color:var(--color-paper-muted);
}

.guide-final-cta{
  padding-block:var(--space-7);
  background:var(--color-ink);
  color:var(--color-text);
}

.guide-final-cta__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(16rem,.35fr);
  gap:var(--space-5);
  align-items:center;
  padding:var(--space-5);
  border-radius:var(--radius-lg);
  background:var(--color-surface);
  color:var(--color-text);
}

.guide-final-cta__copy{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  align-items:flex-start;
}

.guide-final-cta__copy p{
  max-width:48rem;
  color:var(--color-muted);
}

.guide-final-cta__actions{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  align-items:stretch;
}

@media(max-width:64rem){
  .guide-hero__grid,
  .guide-section-head,
  .access-board,
  .editorial-board,
  .support-payload__head,
  .guide-final-cta__inner{
    grid-template-columns:1fr;
  }

  .guide-hero__copy h1{
    max-width:16ch;
  }

  .guide-dispatch{
    max-width:48rem;
  }

  .editorial-feature{
    min-height:20rem;
  }

  .guide-final-cta__actions{
    width:100%;
    max-width:24rem;
  }
}

@media(max-width:48rem){
  .guide-search__bar{
    grid-template-columns:1fr;
  }

  .guide-search__bar .c-btn{
    width:100%;
  }

  .glossary-grid{
    grid-template-columns:1fr;
  }

  .guide-dispatch__fields{
    grid-template-columns:1fr;
  }

  .guide-dispatch__fields div+div{
    border-top:1px solid var(--line-dark);
  }

  .editorial-link{
    align-items:flex-start;
    flex-direction:column;
  }

  .editorial-link .c-btn{
    width:100%;
  }
}

@media(max-width:40rem){
  .guide-hero{
    padding-bottom:var(--space-6);
  }

  .guide-hero__facts{
    grid-template-columns:1fr;
  }

  .guide-hero__facts div+div{
    border-left:0;
    border-top:1px solid var(--line-dark);
  }

  .guide-hero__copy .c-actions,
  .support-payload .c-actions{
    width:100%;
  }

  .guide-hero__copy .c-actions .c-btn,
  .support-payload .c-actions .c-btn{
    width:100%;
  }

  .guide-dispatch__head{
    align-items:flex-start;
    flex-direction:column;
  }

  .guide-search,
  .help-topic,
  .connection-runbook li,
  .desktop-guide-card,
  .access-board,
  .cicd-manifest__body,
  .editorial-feature,
  .editorial-compact,
  .editorial-topic,
  .support-payload,
  .guide-final-cta__inner{
    padding:var(--space-3);
  }

  .connection-runbook li,
  .cicd-row{
    grid-template-columns:1fr;
  }

  .connection-runbook__number{
    width:2.75rem;
    height:2.75rem;
  }

  .access-board__routes article{
    grid-template-columns:1fr;
  }

  .decision-item summary{
    grid-template-columns:1fr;
    padding:var(--space-3);
  }

  .decision-item__content{
    padding:var(--space-2) var(--space-3) var(--space-3);
  }

  .editorial-feature h3{
    font-size:var(--fs-4);
  }

  .guide-final-cta__actions{
    max-width:none;
  }

  .guide-final-cta__actions .c-btn{
    width:100%;
  }
}