.guide-hero{
  background:var(--oak-warm);
  color:var(--oak-ink)
}

.guide-hero__content{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-2)
}
.guide-hero__content > :is(h1,h2){
  margin-top:0
}

.guide-hero__content .c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}

.guide-hero__content h1{
  max-width:680px
}

.guide-hero__lead{
  max-width:670px;
  color:var(--oak-muted)
}

.guide-search{
  display:grid;
  width:100%;
  max-width:650px;
  gap:var(--oak-space-1);
  margin-top:var(--oak-space-2)
}

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

.guide-search__control>svg{
  position:absolute;
  left:.85rem;
  top:50%;
  z-index:1;
  width:18px;
  height:18px;
  color:var(--oak-muted);
  transform:translateY(-50%);
  pointer-events:none
}

.guide-search__control .c-input{
  min-height:52px;
  padding-left:2.7rem;
  padding-right:5rem;
  box-shadow:0 10px 30px rgba(46,31,55,.06)
}

.guide-search__clear{
  position:absolute;
  right:.5rem;
  top:50%;
  min-height:34px;
  padding:.35rem .65rem;
  border:1px solid var(--oak-control-line);
  border-radius:var(--oak-radius-control);
  background:var(--oak-paper);
  color:var(--oak-ink);
  font-size:var(--oak-fs-1);
  font-weight:700;
  transform:translateY(-50%);
  cursor:pointer
}

.guide-search__clear[hidden]{
  display:none
}

.guide-hero .c-filter{
  margin-top:var(--oak-space-2)
}

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

.guide-hero .c-page-hero__actions{
  justify-content:flex-start;
  margin-top:var(--oak-space-2)
}

.guide-dossier{
  position:relative;
  display:flex;
  width:100%;
  height:100%;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-2);
  padding:var(--oak-space-2);
  overflow:hidden;
  border-radius:var(--oak-radius-panel);
  background:#18131d;
  color:#fcf9f5;
  box-shadow:var(--oak-shadow-float);
  text-align:left
}

.guide-dossier__head{
  display:grid;
  gap:var(--oak-space-1);
  padding:0;
  background:transparent;
  color:#fcf9f5
}

.guide-dossier__head span{
  color:#c78ae5;
  font-size:var(--oak-fs-0);
  letter-spacing:.08em
}

.guide-dossier__head strong{
  font-family:var(--oak-font-heading);
  font-size:var(--oak-fs-3);
  font-weight:550;
  line-height:1.25
}

.guide-dossier__route{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.35rem;
  padding:0
}

.guide-dossier__route span{
  height:4px;
  border-radius:999px;
  background:#ded1e8
}

.guide-dossier__route span:nth-child(-n+3){
  background:var(--oak-violet)
}

.guide-dossier__rows{
  display:grid;
  flex:1;
  min-height:0;
  gap:.45rem;
  padding:0;
  align-content:start;
  overflow:auto
}

.guide-dossier__row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--oak-space-2);
  padding:.45rem var(--oak-space-2);
  border-radius:var(--oak-radius-card);
  background:#fff;
  color:#18131d;
  border-bottom:0
}

.guide-dossier__row:last-child{
  border-bottom:0
}

.guide-dossier__code{
  display:inline-flex;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f1ebf6;
  color:#6e3ca2;
  font-size:var(--oak-fs-0)
}

.guide-dossier__row div{
  display:grid;
  min-width:0;
  gap:.15rem
}

.guide-dossier__row strong{
  font-size:var(--oak-fs-2)
}

.guide-dossier__row small{
  color:#706874;
  overflow-wrap:anywhere
}

.guide-dossier__state{
  padding:.35em .65em;
  border-radius:999px;
  background:#f1ebf6;
  color:#6e3ca2;
  font-family:var(--oak-font-mono);
  font-size:var(--oak-fs-0)
}

.guide-dossier__state--done{
  background:#e2f1e6;
  color:#27633c
}

.guide-dossier__foot{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--oak-space-2);
  padding:0;
  background:transparent;
  color:#c1b7c5;
  margin-top:auto
}

.guide-dossier__foot span{
  color:#c1b7c5;
  font-size:var(--oak-fs-1)
}

.guide-dossier__foot strong{
  min-width:0;
  color:#fcf9f5;
  font-size:var(--oak-fs-2);
  text-align:right;
  overflow-wrap:anywhere
}

.guide-index{
  background:var(--oak-paper);
  color:var(--oak-ink)
}

.guide-index__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));
  gap:var(--oak-space-2);
  align-items:start
}

.guide-index__card{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oak-space-2);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-warm);
  color:var(--oak-ink);
  transition:background var(--oak-duration),transform var(--oak-duration) var(--oak-ease)
}

.guide-index__card:hover{
  background:var(--oak-surface);
  transform:translateY(-3px)
}

.guide-index__card[hidden]{
  display:none
}

.guide-index__icon{
  display:flex;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#ffffff;
  color:#6e3ca2
}

.guide-index__icon svg{
  width:20px;
  height:20px
}

.guide-index__card>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1)
}

.guide-index__card .mono{
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-0);
  letter-spacing:.06em;
  overflow-wrap:anywhere
}

.guide-index__card h3{
  font-size:var(--oak-fs-4)
}

.guide-index__card p{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.guide-empty{
  margin-top:var(--oak-space-3);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-surface);
  color:var(--oak-ink)
}

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

.guide-empty strong{
  display:block;
  margin-bottom:var(--oak-space-1)
}

.guide-empty p{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.connection-ledger{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);
  gap:var(--oak-space-3);
  align-items:stretch
}

.connection-ledger__main{
  min-width:0;
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-panel);
  background:#ffffff;
  color:#18131d
}

.connection-ledger__title{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1)
}

.connection-ledger__title .c-badge{
  width:fit-content;
  align-self:flex-start
}

.connection-ledger__title p{
  max-width:700px;
  color:#706874
}

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

.connection-steps li{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oak-space-2);
  padding:var(--oak-space-3) 0;
  border-top:1px solid #e8e2e9
}

.connection-steps__number{
  display:inline-flex;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f1ebf6;
  color:#6e3ca2;
  font-size:var(--oak-fs-1)
}

.connection-steps li>div{
  display:grid;
  min-width:0;
  gap:var(--oak-space-1)
}

.connection-steps h4{
  font-size:var(--oak-fs-3)
}

.connection-steps p{
  color:#706874;
  font-size:var(--oak-fs-2)
}

.connection-ledger__side{
  display:grid;
  min-width:0;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:var(--oak-space-2)
}

.connection-check{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:#302735;
  color:#fcf9f5
}

.connection-check .mono{
  color:#c78ae5;
  font-size:var(--oak-fs-0)
}

.connection-check strong{
  font-family:var(--oak-font-heading);
  font-size:var(--oak-fs-3)
}

.connection-check p{
  color:#c9becd;
  font-size:var(--oak-fs-2)
}

.build-flow{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:var(--oak-space-2);
  align-items:start
}

.build-flow__item{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-warm);
  color:var(--oak-ink)
}

.build-flow__item .mono{
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-0);
  overflow-wrap:anywhere
}

.build-flow__item h3{
  font-size:var(--oak-fs-4)
}

.build-flow__item p{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.build-command{
  margin-top:var(--oak-space-4);
  overflow:hidden;
  border-radius:var(--oak-radius-panel);
  background:#18131d;
  color:#eee7f2;
  box-shadow:var(--oak-shadow-float)
}

.build-command__meta{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--oak-space-2);
  padding:var(--oak-space-2) var(--oak-space-3);
  background:#302735;
  color:#fcf9f5
}

.build-command__meta span{
  color:#c78ae5;
  font-size:var(--oak-fs-0)
}

.build-command__meta strong{
  font-size:var(--oak-fs-2);
  text-align:right
}

.build-command .c-code{
  border-radius:0;
  background:#18131d;
  color:#eee7f2
}

.build-command__notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:rgba(255,255,255,.13)
}

.build-command__notes div{
  display:grid;
  min-width:0;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  background:#302735;
  color:#fcf9f5
}

.build-command__notes strong{
  color:#c78ae5;
  font-size:var(--oak-fs-1)
}

.build-command__notes span{
  color:#c9becd;
  font-size:var(--oak-fs-2)
}

.runner-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:var(--oak-space-2);
  align-items:start
}

.runner-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:#ffffff;
  color:#18131d
}

.runner-card__head{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--oak-space-2)
}

.runner-card__head span{
  min-width:0;
  color:#6e3ca2;
  font-size:var(--oak-fs-0);
  overflow-wrap:anywhere
}

.runner-card__head svg{
  width:22px;
  height:22px;
  flex:0 0 auto;
  color:#6e3ca2
}

.runner-card h3{
  font-size:var(--oak-fs-4)
}

.runner-card ul{
  display:grid;
  gap:var(--oak-space-1);
  margin:0;
  padding-left:1.15rem;
  color:#706874
}

.runner-card li{
  font-size:var(--oak-fs-2)
}

.runner-note{
  margin-top:var(--oak-space-3);
  background:#ffffff;
  color:#18131d
}

.runner-note p{
  color:#5f5662
}

.display-sequence{
  display:grid;
  gap:var(--oak-space-2);
  margin:0;
  padding:0;
  list-style:none
}

.display-sequence li{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr) minmax(150px,.35fr);
  align-items:center;
  gap:var(--oak-space-3);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-warm);
  color:var(--oak-ink)
}

.display-sequence__number{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f1ebf6;
  color:#6e3ca2;
  font-size:var(--oak-fs-1)
}

.display-sequence li>div{
  display:grid;
  min-width:0;
  gap:var(--oak-space-1)
}

.display-sequence h3{
  font-size:var(--oak-fs-4)
}

.display-sequence p{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.display-sequence__check{
  min-width:0;
  padding-left:var(--oak-space-2);
  border-left:1px solid var(--oak-line);
  color:var(--oak-violet-dark);
  font-family:var(--oak-font-mono);
  font-size:var(--oak-fs-1);
  overflow-wrap:anywhere
}

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

.glossary-grid>div{
  display:grid;
  min-width:0;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:#ffffff;
  color:#18131d
}

.glossary-grid dt{
  color:#6e3ca2;
  font-family:var(--oak-font-heading);
  font-size:var(--oak-fs-4)
}

.glossary-grid dd{
  color:#706874
}

.diagnostic-table{
  border-radius:var(--oak-radius-card)
}

.diagnostic-table table{
  min-width:850px
}

.diagnostic-table caption{
  padding:var(--oak-space-2);
  background:var(--oak-warm);
  color:var(--oak-muted);
  font-size:var(--oak-fs-1);
  text-align:left
}

.diagnostic-table code{
  overflow-wrap:anywhere
}

.diagnostic-rules{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
  gap:var(--oak-space-2);
  margin-top:var(--oak-space-4);
  align-items:start
}

.diagnostic-rules article{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-surface);
  color:var(--oak-ink)
}

.diagnostic-rules .mono{
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-0)
}

.diagnostic-rules h3{
  font-size:var(--oak-fs-4)
}

.diagnostic-rules p{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

#support-escalation{
  background:#18131d;
  color:#fcf9f5
}

#support-escalation .c-section__label{
  color:#c78ae5
}

#support-escalation .c-section__copy{
  color:#c9becd
}

.support-packet{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
  gap:var(--oak-space-3);
  align-items:stretch
}

.support-packet__sheet{
  min-width:0;
  overflow:hidden;
  border-radius:var(--oak-radius-panel);
  background:#ffffff;
  color:#18131d
}

.support-packet__head{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--oak-space-2);
  padding:var(--oak-space-2) var(--oak-space-3);
  background:#f1ebf6;
  color:#18131d
}

.support-packet__head span{
  color:#6e3ca2;
  font-size:var(--oak-fs-0)
}

.support-packet__head strong{
  font-size:var(--oak-fs-2);
  text-align:right
}

.support-packet__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--oak-space-2);
  padding:var(--oak-space-3)
}

.support-packet__grid>div{
  display:grid;
  min-width:0;
  gap:var(--oak-space-1);
  padding:var(--oak-space-2);
  border-radius:var(--oak-radius-card);
  background:#fcf9f5;
  color:#18131d
}

.support-packet__grid .mono{
  color:#6e3ca2;
  font-size:var(--oak-fs-0)
}

.support-packet__grid strong{
  font-size:var(--oak-fs-2)
}

.support-packet__grid p{
  color:#706874;
  font-size:var(--oak-fs-2)
}

.support-packet__routes{
  display:grid;
  min-width:0;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:var(--oak-space-2)
}

.support-packet__routes>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:#302735;
  color:#fcf9f5
}

.support-packet__routes .mono{
  color:#c78ae5;
  font-size:var(--oak-fs-0)
}

.support-packet__routes h3{
  font-size:var(--oak-fs-4)
}

.support-packet__routes p{
  color:#c9becd;
  font-size:var(--oak-fs-2)
}

.support-packet__routes .c-btn{
  width:100%;
  margin-top:auto;
  padding-top:var(--oak-space-3);
  overflow-wrap:anywhere;
  white-space:normal
}

.support-packet__routes .c-btn--ghost{
  color:#fcf9f5;
  border-color:rgba(255,255,255,.45)
}

.guide-final{
  background:var(--oak-paper);
  color:var(--oak-ink)
}

.guide-final .c-cta{
  background:#18131d;
  color:#ffffff
}

.guide-final .c-cta h2{
  max-width:680px;
  color:#ffffff
}

.guide-final .c-cta p{
  color:#c6bbc9
}

.guide-final__badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  background:#302735;
  border-color:rgba(255,255,255,.18);
  color:#eee7f2
}

.guide-final .c-cta__actions{
  min-width:min(100%,260px);
  flex-direction:column;
  align-items:stretch
}

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

.guide-final .c-btn--ghost{
  color:#fcf9f5;
  border-color:rgba(255,255,255,.45)
}

@media(max-width:64rem){
  .connection-ledger,
  .support-packet{
    grid-template-columns:1fr
  }

  .connection-ledger__side{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:none
  }

  .support-packet__routes{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none
  }

  .build-command__notes{
    grid-template-columns:1fr
  }
}

@media(max-width:44rem){
  .guide-search__control .c-input{
    padding-right:.85rem
  }

  .guide-search__clear{
    position:static;
    width:100%;
    margin-top:var(--oak-space-1);
    transform:none
  }

  .guide-hero .c-page-hero__actions,
  .guide-hero .c-page-hero__actions .c-btn{
    width:100%
  }

  .guide-dossier__row{
    grid-template-columns:auto minmax(0,1fr)
  }

  .guide-dossier__state{
    grid-column:2
  }

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

  .guide-dossier__foot strong{
    text-align:left
  }

  .guide-index__card{
    grid-template-columns:1fr
  }

  .connection-ledger__side,
  .support-packet__routes{
    grid-template-columns:1fr
  }

  .connection-steps li{
    grid-template-columns:1fr
  }

  .display-sequence li{
    grid-template-columns:1fr;
    align-items:start
  }

  .display-sequence__check{
    padding-top:var(--oak-space-2);
    padding-left:0;
    border-top:1px solid var(--oak-line);
    border-left:0
  }

  .glossary-grid,
  .support-packet__grid{
    grid-template-columns:1fr
  }

  .build-command__meta,
  .support-packet__head{
    align-items:flex-start;
    flex-direction:column
  }

  .build-command__meta strong,
  .support-packet__head strong{
    text-align:left
  }

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

@media(max-width:390px){
  .guide-dossier__head,
  .guide-dossier__rows,
  .guide-dossier__foot,
  .connection-ledger__main,
  .support-packet__grid{
    padding-inline:var(--oak-space-2)
  }

  .guide-dossier__route{
    padding-inline:var(--oak-space-2)
  }

  .guide-index__card,
  .runner-card,
  .build-flow__item,
  .display-sequence li{
    padding:var(--oak-space-2)
  }
}

@media(max-width:64rem){
.guide-dossier{height:auto;max-height:none;overflow:visible}
.guide-dossier__rows{flex:none;min-height:min-content;overflow:visible}
}