.guide-hero{
  color:var(--c-ink);
  background:var(--c-surface)
}

.guide-breadcrumb{
  margin-bottom:var(--space-4)
}

.guide-hero-copy{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.guide-hero-copy h1{
  max-width:min(36rem,100%)
}

.guide-hero-copy p{
  max-width:40rem;
  color:var(--c-ink-soft);
  font-size:var(--fs-3)
}

.guide-hero-copy .actions{
  margin-top:var(--space-2);
  justify-content:flex-start
}

.guide-run-sheet{
  min-width:0;
  border-radius:var(--radius-lg);
  overflow:hidden;
  color:var(--c-ink);
  background:var(--c-white);
  box-shadow:var(--shadow-raised)
}

.run-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-2) var(--space-3);
  color:#eef7ee;
  background:var(--c-dark)
}

.run-sheet-head span{
  font-weight:650
}

.run-sheet-head strong{
  color:var(--c-accent);
  font-size:var(--fs-0);
  letter-spacing:.06em
}

.run-sheet-route{
  display:grid;
  gap:var(--space-2);
  padding:var(--space-4)
}

.run-sheet-stop{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--space-2);
  padding:var(--space-2);
  border-radius:var(--radius-sm);
  color:var(--c-ink);
  background:var(--c-light)
}

.run-sheet-stop.is-current{
  color:var(--c-dark);
  background:var(--c-mint)
}

.run-sheet-stop>span{
  display:grid;
  place-items:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  color:var(--c-white);
  background:var(--c-primary);
  font-size:var(--fs-1);
  font-weight:700
}

.run-sheet-stop div{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.run-sheet-stop strong{
  color:inherit
}

.run-sheet-stop small{
  color:color-mix(in srgb,currentColor 72%,transparent);
  font-size:var(--fs-0);
  line-height:1.5
}

.run-sheet-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-2) var(--space-3);
  color:var(--c-ink-soft);
  background:var(--c-yellow);
  font-size:var(--fs-1)
}

.run-sheet-foot span{
  display:inline-flex;
  align-items:center;
  gap:var(--space-1)
}

.guide-data-band{
  margin-top:var(--space-5)
}

.guide-index{
  margin:0;
  padding:0;
  list-style:none;
  align-items:start
}

.guide-index-item{
  display:grid;
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  color:var(--c-ink);
  background:var(--c-white)
}

.guide-index-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  margin-bottom:var(--space-1);
  border-radius:50%;
  color:var(--c-white);
  background:var(--c-primary);
  font-size:var(--fs-1);
  font-weight:700
}

.guide-index-item h3{
  color:var(--c-ink);
  font-size:var(--fs-3)
}

.guide-index-item p{
  color:var(--c-ink-soft);
  font-size:var(--fs-1)
}

.guide-index-item>strong{
  margin-top:var(--space-2);
  color:var(--c-primary);
  font-size:var(--fs-0);
  letter-spacing:.04em
}

.guide-index-item>span:last-child{
  color:var(--c-muted);
  font-size:var(--fs-1)
}

.guide-notice{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-2);
  margin-top:var(--space-4)
}

.guide-eyebrow-light{
  color:var(--c-accent)
}

.guide-terminal{
  border-radius:var(--radius-lg);
  overflow:hidden;
  color:#dcebdc;
  background:var(--c-dark-2);
  box-shadow:var(--shadow-raised)
}

.guide-terminal-bar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-2);
  padding:var(--space-2) var(--space-3);
  color:var(--c-ink);
  background:var(--c-light)
}

.guide-terminal-bar>strong{
  color:var(--c-ink);
  text-align:center
}

.guide-terminal-bar>span{
  color:var(--c-muted);
  font-size:var(--fs-0)
}

.guide-terminal-lights{
  display:flex;
  gap:var(--space-1)
}

.guide-terminal-lights span{
  width:.75rem;
  height:.75rem;
  border-radius:50%
}

.guide-terminal-lights span:nth-child(1){
  background:var(--c-peach)
}

.guide-terminal-lights span:nth-child(2){
  background:var(--c-yellow)
}

.guide-terminal-lights span:nth-child(3){
  background:var(--c-accent)
}

.guide-terminal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  min-width:0
}

.guide-command{
  min-width:0;
  color:#dcebdc;
  background:var(--c-dark-2)
}

.guide-command+.guide-command{
  border-left:1px solid var(--c-line-light)
}

.guide-command-head{
  display:grid;
  gap:var(--space-1);
  padding:var(--space-3);
  color:#eef7ee;
  background:var(--c-dark)
}

.guide-command-head span{
  color:var(--c-accent);
  font-size:var(--fs-0);
  letter-spacing:.07em
}

.guide-command-head strong{
  color:#eef7ee
}

.guide-command pre{
  min-height:22rem;
  padding:var(--space-3);
  color:#c6e4c4;
  background:var(--c-dark-2);
  font-size:var(--fs-1);
  line-height:1.75
}

.guide-command p{
  padding:var(--space-3);
  color:#b8cdbb;
  background:var(--c-dark);
  font-size:var(--fs-1)
}

.guide-terminal-note{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  padding:var(--space-3);
  color:var(--c-dark);
  background:var(--c-accent)
}

.guide-terminal-note svg{
  flex:0 0 auto
}

.migration-route{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  margin-bottom:var(--space-4)
}

.migration-endpoint{
  display:inline-flex;
  align-items:center;
  gap:var(--space-1);
  padding:var(--space-2) var(--space-3);
  border-radius:var(--radius-sm);
  color:var(--c-dark);
  background:var(--c-white);
  box-shadow:var(--shadow-soft)
}

.migration-arrow{
  color:var(--c-primary)
}

.migration-steps{
  margin:0;
  padding:0;
  list-style:none;
  align-items:start
}

.migration-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-1)
}

.migration-card .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:var(--space-1);
  color:var(--c-primary-hover);
  background:var(--c-white)
}

.migration-card p{
  color:color-mix(in srgb,currentColor 78%,transparent)
}

.migration-card ul{
  display:grid;
  gap:var(--space-1);
  margin-top:var(--space-2)
}

.guide-access-paired{
  align-items:start
}
.guide-access-paired .c-paired-side{
  grid-auto-rows:auto;
  align-items:start
}

.access-ledger{
  min-width:0;
  border-radius:var(--radius-md);
  overflow:hidden;
  color:var(--c-ink);
  background:var(--c-light);
  box-shadow:var(--shadow-soft)
}

.access-ledger-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-3);
  padding:var(--space-3);
  color:#edf7ed;
  background:var(--c-dark)
}

.access-ledger-head>div{
  display:grid;
  gap:var(--space-1)
}

.access-ledger-head .c-badge{
  color:var(--c-dark);
  background:var(--c-accent)
}

.access-ledger-head h3{
  color:#edf7ed
}

.access-ledger-head>span{
  color:var(--c-accent);
  font-size:var(--fs-0)
}

.access-ledger-list{
  display:grid;
  color:var(--c-ink);
  background:var(--c-white)
}

.access-ledger-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:var(--space-2);
  padding:var(--space-3);
  color:var(--c-ink);
  background:var(--c-white)
}

.access-ledger-row+.access-ledger-row{
  border-top:1px solid var(--c-line)
}

.access-icon{
  display:grid;
  place-items:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  color:var(--c-primary);
  background:var(--c-surface)
}

.access-ledger-row>div{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.access-ledger-row h4{
  color:var(--c-ink)
}

.access-ledger-row p{
  color:var(--c-muted);
  font-size:var(--fs-1)
}

.access-ledger-row>strong{
  color:var(--c-primary);
  font-size:var(--fs-0);
  white-space:nowrap
}

.access-side-card{
  gap:var(--space-1)
}

.access-side-card .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--c-primary-hover);
  background:var(--c-white)
}

.access-side-card p{
  margin-bottom:var(--space-3)
}

.build-checks{
  align-items:start
}

.build-check{
  display:flex;
  flex-direction:column;
  gap:var(--space-1)
}

.build-check-icon{
  display:grid;
  place-items:center;
  width:2.75rem;
  height:2.75rem;
  margin-bottom:var(--space-1);
  border-radius:50%;
  color:var(--c-primary);
  background:var(--c-white)
}

.build-check h3{
  font-size:var(--fs-3)
}

.build-check code{
  overflow-wrap:anywhere
}

.build-baseline{
  display:grid;
  grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);
  align-items:center;
  gap:var(--space-4);
  margin-top:var(--space-4);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  color:#edf7ed;
  background:var(--c-dark)
}

.build-baseline>div{
  display:grid;
  gap:var(--space-1)
}

.build-baseline .c-badge{
  color:var(--c-dark);
  background:var(--c-accent)
}

.build-baseline h3{
  color:#edf7ed
}

.build-baseline ul{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-1);
  padding:0;
  list-style:none
}

.build-baseline li{
  padding:var(--space-1);
  border-radius:var(--radius-sm);
  color:var(--c-dark);
  background:var(--c-mint);
  font-size:var(--fs-1);
  text-align:center
}

.ci-grid{
  align-items:start
}

.ci-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  color:var(--c-ink);
  background:var(--c-white)
}

.ci-card-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--space-2)
}

.ci-card-head>div{
  display:grid;
  gap:var(--space-1)
}

.ci-card .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--c-primary-hover);
  background:var(--c-surface)
}

.ci-card h3{
  color:var(--c-ink)
}

.ci-tool-mark{
  display:grid;
  place-items:center;
  width:3rem;
  height:3rem;
  border-radius:50%;
  color:var(--c-dark);
  background:var(--c-accent);
  font-family:var(--font-mono);
  font-weight:700
}

.ci-card ul{
  display:grid;
  gap:var(--space-1);
  color:var(--c-ink-soft)
}

.ci-boundary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-4);
  margin-top:var(--space-4);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  color:var(--c-dark);
  background:var(--c-accent)
}

.ci-boundary>div{
  display:grid;
  gap:var(--space-1)
}

.ci-boundary strong{
  color:var(--c-dark);
  font-size:var(--fs-3)
}

.ci-boundary p{
  color:var(--c-ink-soft)
}

.storage-grid{
  align-items:start
}

.storage-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  color:var(--c-ink);
  background:var(--c-white)
}

.storage-card.c-card-yellow{
  color:#515c0b;
  background:var(--c-yellow)
}

.storage-card.c-card-lilac{
  color:#4d3564;
  background:var(--c-lilac)
}

.storage-card.c-card-peach{
  color:#682f28;
  background:var(--c-peach)
}

.storage-capacity{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:var(--space-1);
  padding:var(--space-1) var(--space-2);
  border-radius:999px;
  color:var(--c-primary-hover);
  background:var(--c-surface);
  font-size:var(--fs-1);
  font-weight:700
}

.storage-card p{
  color:color-mix(in srgb,currentColor 76%,transparent)
}

.storage-card ul{
  display:grid;
  gap:var(--space-1);
  margin-top:var(--space-2)
}

.storage-card dl{
  display:grid;
  gap:var(--space-1);
  margin-top:var(--space-2)
}

.storage-card dl div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding-block:var(--space-1);
  border-bottom:1px solid color-mix(in srgb,currentColor 16%,transparent)
}

.storage-card dt{
  font-size:var(--fs-1)
}

.storage-card dd{
  font-family:var(--font-mono);
  font-weight:700
}

.storage-action{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-4);
  margin-top:var(--space-4);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  color:#edf7ed;
  background:var(--c-dark)
}

.storage-action>div{
  display:grid;
  gap:var(--space-1)
}

.storage-action strong{
  color:#edf7ed;
  font-size:var(--fs-3)
}

.storage-action p{
  color:#aac0b0
}

.guide-filters{
  margin-bottom:var(--space-4)
}

.guide-masonry{
  columns:2;
  column-gap:var(--space-3)
}

.guide-article{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  width:100%;
  margin-bottom:var(--space-3);
  break-inside:avoid;
  color:var(--c-ink);
  background:var(--c-white)
}

.guide-article.c-card-mint{
  color:#174d3e;
  background:#cfeee4
}

.guide-article.c-card-yellow{
  color:#515c0b;
  background:var(--c-yellow)
}

.guide-article.c-card-lilac{
  color:#4d3564;
  background:var(--c-lilac)
}

.guide-article.c-card-peach{
  color:#682f28;
  background:var(--c-peach)
}

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

.guide-article .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:var(--space-1);
  color:var(--c-primary-hover);
  background:var(--c-white)
}

.guide-article p{
  color:color-mix(in srgb,currentColor 76%,transparent)
}

.guide-article-status{
  margin-top:var(--space-2);
  color:color-mix(in srgb,currentColor 68%,transparent);
  font-size:var(--fs-0);
  font-weight:700;
  letter-spacing:.04em
}

.guide-filter-status{
  margin-top:var(--space-2);
  color:var(--c-muted);
  font-size:var(--fs-1)
}

.guide-reading-actions{
  margin-top:var(--space-3);
  justify-content:flex-start
}

.trouble-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  align-items:stretch;
  gap:var(--space-3)
}

.trouble-list{
  min-width:0
}

.trouble-body{
  padding:var(--space-2) 2.5rem var(--space-3) .25rem;
  border-top:1px solid var(--c-line);
  color:var(--c-muted)
}

.trouble-body ol{
  display:grid;
  gap:var(--space-1)
}

.trouble-ticket{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  color:#edf7ed;
  background:var(--c-dark)
}

.trouble-ticket .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:var(--space-1);
  color:var(--c-dark);
  background:var(--c-accent)
}

.trouble-ticket h3{
  color:#edf7ed
}

.ticket-fields{
  display:grid;
  gap:var(--space-1);
  margin-block:var(--space-3)
}

.ticket-fields div{
  display:grid;
  gap:var(--space-1);
  padding:var(--space-2);
  border-radius:var(--radius-sm);
  color:var(--c-dark);
  background:var(--c-surface)
}

.ticket-fields strong{
  color:var(--c-dark)
}

.ticket-fields span{
  color:var(--c-ink-soft);
  font-size:var(--fs-1)
}

.trouble-ticket .c-btn{
  margin-top:auto
}

.trouble-email{
  overflow-wrap:anywhere;
  padding:var(--space-1);
  color:var(--c-accent);
  font-family:var(--font-mono);
  font-size:var(--fs-1);
  text-align:center
}

.closing-actions{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.closing-ghost{
  color:#eef7ee;
  border-color:var(--c-line-light)
}

.closing-ghost:hover{
  color:var(--c-dark);
  background:var(--c-accent);
  border-color:var(--c-accent)
}

@media (max-width:1100px){
  .guide-terminal-grid{
    grid-template-columns:1fr
  }

  .guide-command+.guide-command{
    border-left:0;
    border-top:1px solid var(--c-line-light)
  }

  .guide-command pre{
    min-height:0
  }

  .build-checks{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .storage-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

@media (max-width:980px){
  .guide-index{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .migration-steps{
    grid-template-columns:1fr
  }

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

  .trouble-layout{
    grid-template-columns:1fr
  }
}

@media (max-width:768px){
  .guide-notice,
  .ci-boundary,
  .storage-action{
    grid-template-columns:1fr
  }

  .access-ledger-row{
    grid-template-columns:auto minmax(0,1fr)
  }

  .access-ledger-row>strong{
    grid-column:2
  }

  .build-baseline ul{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .guide-masonry{
    columns:1
  }

  .migration-route{
    flex-direction:column
  }

  .migration-arrow{
    transform:rotate(90deg)
  }

  .ci-boundary .c-btn,
  .storage-action .c-btn{
    width:100%
  }
}

@media (max-width:680px){
  .guide-index,
  .build-checks,
  .storage-grid{
    grid-template-columns:1fr
  }

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

  .guide-terminal-bar>span{
    grid-column:2
  }

  .access-ledger-head{
    flex-direction:column
  }

  .ci-grid{
    grid-template-columns:1fr
  }

  .trouble-body{
    padding-inline:var(--space-1)
  }

  .closing-actions .c-btn{
    width:100%
  }
}

@media (max-width:390px){
  .guide-hero-copy .actions{
    width:100%
  }

  .guide-hero-copy .actions .c-btn{
    width:100%
  }

  .run-sheet-route{
    padding:var(--space-2)
  }

  .run-sheet-stop{
    grid-template-columns:1fr
  }

  .guide-terminal-bar{
    grid-template-columns:1fr
  }

  .guide-terminal-bar>strong,
  .guide-terminal-bar>span{
    grid-column:1;
    text-align:left
  }

  .guide-terminal-note{
    align-items:flex-start
  }

  .build-baseline ul{
    grid-template-columns:1fr
  }

  .access-ledger-row{
    grid-template-columns:1fr
  }

  .access-ledger-row>strong{
    grid-column:1
  }

  .ci-card-head{
    grid-template-columns:1fr
  }
}

.page-hero.guide-hero{
  padding-top:var(--space-5)
}