.support-hero{
  display:block;
  color:#ecebe6;
  background:
    radial-gradient(46rem 30rem at 74% 26%,rgba(43,98,201,.2),transparent 68%),
    radial-gradient(30rem 18rem at 18% 12%,rgba(23,60,158,.13),transparent 72%),
    #030405;
}

.support-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:start;
  gap:clamp(2.5rem,6vw,6rem);
  padding-block:0 clamp(3rem,6vw,5.5rem);
}

.support-hero-copy{
  min-width:0;
  align-items:start;
  text-align:left;
}

.support-hero-title{
  display:grid;
  align-self:start;
  gap:.75rem;
  min-width:0;
}

.support-hero-title h1{
  max-width:16ch;
  color:#f4f2ed;
  font-size:clamp(2.5rem,4.5vw,3.2rem);
  line-height:1.16;
}

.support-hero-lead{
  max-width:42rem;
  margin-top:var(--vm-space-2);
  color:#b4b8c0;
  font-size:var(--vm-text-3);
}

.support-hero-actions{
  justify-content:flex-start;
  margin-block:var(--vm-space-3);
}

.support-scope{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:0 0 var(--vm-space-3);
  padding:var(--vm-space-2) 0 0;
  border-top:1px solid #20242b;
  list-style:none;
}

.support-scope li{
  padding:.4rem .7rem;
  border:1px solid #20242b;
  border-radius:var(--vm-radius-pill);
  color:#b8bdc5;
  background:#0a0c10;
  font-size:var(--vm-text-1);
  line-height:1.35;
}

.build-diagnostic-stage{
  width:100%;
  height:auto;
  min-width:0;
  align-self:start;
  overflow:visible;
  text-align:left;
}

.build-diagnostic-sheet{
  width:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(236,235,230,.18);
  border-radius:var(--vm-radius-lg);
  color:#ecebe6;
  background:#11151b;
  box-shadow:var(--vm-shadow-panel);
}

.build-diagnostic-sheet h2,
.build-diagnostic-sheet h3{
  color:#f4f2ed;
}

.build-diagnostic-sheet p,
.build-diagnostic-sheet small{
  color:#969ca5;
}

.build-diagnostic-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding:var(--vm-space-3);
  border-bottom:1px solid #20242b;
  color:#ecebe6;
  background:
    radial-gradient(22rem 10rem at 100% 0,rgba(43,98,201,.2),transparent 75%),
    #0d1015;
}

.build-diagnostic-head > div{
  display:grid;
  min-width:0;
  gap:.5rem;
}

.build-diagnostic-head h2{
  font-family:var(--vm-font-body);
  font-size:var(--vm-text-4);
  font-weight:600;
  letter-spacing:-.02em;
}

.build-diagnostic-label{
  color:#7fa7ff;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  letter-spacing:.08em;
}

.build-pulse-list{
  margin:0;
  padding:0 var(--vm-space-3);
  list-style:none;
}

.build-pulse-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--vm-space-2);
  padding-block:1rem;
  border-bottom:1px solid rgba(236,235,230,.16);
  color:#ecebe6;
}

.build-pulse-list li:last-child{
  border-bottom:0;
}

.build-pulse-index{
  color:#7fa7ff;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-1);
}

.build-pulse-list li > div{
  display:grid;
  min-width:0;
  gap:.35rem;
}

.build-pulse-list strong{
  color:#e6e7e9;
  font-size:var(--vm-text-2);
  font-weight:600;
}

.build-pulse-list small{
  overflow-wrap:anywhere;
}

.build-pulse-state{
  color:#aeb5c0;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  letter-spacing:.05em;
}

.build-diagnostic-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding:1rem var(--vm-space-3);
  border-top:1px solid #20242b;
  color:#969ca5;
  background:#0a0c10;
  font-size:var(--vm-text-1);
}

.build-diagnostic-foot strong{
  color:#82c9a4;
  font-family:var(--vm-font-mono);
  font-weight:500;
  text-align:right;
}

.support-section,
.support-terminal-section,
.support-ci-section,
.support-request-section,
.support-escalation-section,
.support-closing-section{
  color:#ecebe6;
}

.support-terminal-section{
  background:
    radial-gradient(42rem 22rem at 16% 44%,rgba(23,60,158,.1),transparent 72%),
    #030405;
}

.support-ci-section{
  background:
    radial-gradient(38rem 24rem at 86% 38%,rgba(43,98,201,.08),transparent 72%),
    #030405;
}

.support-request-section{
  background:#050608;
}

.support-heading-copy{
  display:grid;
  min-width:0;
  gap:.75rem;
}

.support-section-head{
  align-items:end;
  margin-bottom:var(--vm-space-4);
}

.support-section-head > div,
.support-section-head > p{
  min-width:0;
}

.support-section-head > p{
  max-width:35rem;
}

.support-check-sequence{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--vm-space-2);
  margin:0;
  padding:0;
  list-style:none;
}

.support-check-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--vm-space-2);
  min-width:0;
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#ecebe6;
  background:#0a0c10;
}

.support-check-card > div{
  display:grid;
  min-width:0;
  gap:.5rem;
}

.support-check-card h3{
  color:#f4f2ed;
}

.support-check-card p{
  color:#969ca5;
}

.support-check-card code{
  grid-column:2;
  min-width:0;
  overflow-wrap:anywhere;
}

.support-check-number{
  display:inline-flex;
  width:2rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#ffffff;
  background:#173c9e;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  line-height:1;
}

.support-terminal-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);
  align-items:stretch;
  gap:var(--vm-space-2);
}

.support-terminal{
  min-width:0;
}

.support-terminal .c-terminal-bar{margin-bottom:.75rem}

.support-command-block{
  border-bottom:1px solid rgba(236,235,230,.16);
  color:#ecebe6;
  background:#080a0d;
}

.support-command-block:last-child{
  border-bottom:0;
}

.support-command-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding:.8rem var(--vm-space-3);
  color:#c9ccd1;
  background:#0a0c10;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-1);
}

.support-copy-button{
  flex:0 0 auto;
  min-height:2rem;
  padding:.35rem .75rem;
  border:1px solid #3b424e;
  border-radius:var(--vm-radius-pill);
  color:#e7e9ec;
  background:#141820;
  font-size:var(--vm-text-1);
  line-height:1.2;
  cursor:pointer;
}

.support-copy-button:hover{
  border-color:#667080;
  background:#1b2029;
}

.support-command-block pre{
  padding:var(--vm-space-3);
}

.support-copy-status{
  min-height:2.75rem;
  padding:.75rem var(--vm-space-3);
  border-top:1px solid #20242b;
  color:#82c9a4;
  background:#0a0c10;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-1);
}

.support-log-guide{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#ecebe6;
  background:#0d1015;
}

.support-log-guide h3{
  color:#f4f2ed;
}

.support-log-guide ul{
  display:grid;
  gap:.75rem;
  margin:var(--vm-space-3) 0 0;
  padding:0;
  list-style:none;
}

.support-log-guide li{
  padding-top:.75rem;
  border-top:1px solid #20242b;
  color:#a9aeb6;
}

.support-log-guide strong{
  color:#ecebe6;
}

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

.support-topic-card{
  display:grid;
  gap:.75rem;
  align-self:start;
  padding-inline:var(--vm-space-3);
  color:#ecebe6;
  background:#151a22;
}

.support-topic-card h3{
  color:#f4f2ed;
}

.support-topic-card p{
  color:#969ca5;
}

.support-topic-card code{
  margin-top:.25rem;
  overflow-wrap:anywhere;
}

.support-card-mark{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
}

.support-icon-chip{
  display:inline-flex;
  width:2.25rem;
  height:2.25rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--vm-radius-sm);
  color:#9db9f4;
  background:#111a2e;
}

.support-icon-chip svg{
  width:1.25rem;
  height:1.25rem;
}

.support-path-alert{
  margin-top:var(--vm-space-3);
  color:#ecebe6;
  background:#0b0e13;
}

.support-path-alert > div{
  display:grid;
  gap:.5rem;
}

.support-path-alert strong{
  color:#f4f2ed;
}

.support-path-alert p{
  color:#a6abb4;
}

.support-ledger{
  overflow:hidden;
  border:1px solid #20242b;
  border-radius:var(--vm-radius-md);
  color:#ecebe6;
  background:#080a0d;
}

.support-ledger-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--vm-space-3);
  min-width:0;
  padding:1.25rem var(--vm-space-3);
  border-bottom:1px solid #303640;
  color:#ecebe6;
  background:#151a22;
}

.support-ledger-row:last-child{
  border-bottom:0;
}

.support-ledger-row > div{
  display:grid;
  min-width:0;
  gap:.5rem;
}

.support-ledger-row h3{
  color:#f4f2ed;
}

.support-ledger-row p{
  color:#969ca5;
}

.support-ledger-code{
  color:#7fa7ff;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-1);
}

.support-ledger-output{
  padding:.35rem .65rem;
  border-radius:var(--vm-radius-pill);
  color:#d9dce1;
  background:#15191f;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-1);
}

.support-session-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--vm-space-2);
}

.support-session-card{
  display:grid;
  gap:.75rem;
  align-self:start;
  color:#ecebe6;
  background:#151a22;
}

.support-session-card h3{
  color:#f4f2ed;
}

.support-session-card p{
  color:#969ca5;
}

.support-session-step{
  width:fit-content;
  align-self:flex-start;
  color:#7fa7ff;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-1);
}

.support-inline-actions{
  justify-content:flex-start;
  margin-top:var(--vm-space-3);
}

.support-request-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  align-items:stretch;
  gap:var(--vm-space-2);
}

.support-request-sheet{
  min-width:0;
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#ecebe6;
  background:#0a0c10;
}

.support-request-sheet dl{
  display:grid;
  margin:0;
}

.support-request-sheet dl > div{
  display:grid;
  grid-template-columns:minmax(7rem,.4fr) minmax(0,1.6fr);
  gap:var(--vm-space-2);
  min-width:0;
  padding:1rem 0;
  border-bottom:1px solid #20242b;
}

.support-request-sheet dl > div:last-child{
  border-bottom:0;
}

.support-request-sheet dt,
.support-request-sheet dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.support-request-sheet dt{
  color:#969ca5;
}

.support-request-sheet dd{
  color:#e1e2e4;
  font-family:var(--vm-font-body);
}

.support-security-note{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#211f13;
  background:#e7d889;
}

.support-security-note h3,
.support-security-note p,
.support-security-note li{
  color:#211f13;
}

.support-security-note .c-badge{
  color:#211f13;
  border-color:rgba(33,31,19,.35);
  background:rgba(255,255,255,.25);
}

.support-safe-list{
  margin-top:var(--vm-space-3);
}

.support-safe-list li::before{
  color:#ffffff;
  background:#173c9e;
}

.support-security-note > p{
  margin-top:var(--vm-space-3);
}

.support-escalation{
  padding:var(--vm-space-4);
  border-radius:var(--vm-radius-lg);
  color:#ecebe6;
  background:
    radial-gradient(34rem 18rem at 90% 10%,rgba(43,98,201,.15),transparent 72%),
    #0a0c10;
}

.support-escalation h2,
.support-escalation h3{
  color:#f4f2ed;
}

.support-escalation p{
  color:#969ca5;
}

.support-escalation-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--vm-space-2);
  margin-top:var(--vm-space-4);
}

.support-escalation-grid article{
  display:grid;
  min-width:0;
  gap:.5rem;
  padding-top:var(--vm-space-2);
  border-top:1px solid #20242b;
}

.support-escalation-actions{
  justify-content:flex-start;
  margin-top:var(--vm-space-4);
}

.support-closing-section{
  padding-top:var(--vm-space-section);
  padding-bottom:var(--vm-space-5);
}

.support-closing{
  color:#ecebe6;
  background:
    radial-gradient(34rem 18rem at 80% 30%,rgba(43,98,201,.18),transparent 72%),
    #080a0d;
}

.support-closing > div:first-child{
  display:grid;
  min-width:0;
  gap:.75rem;
}

.support-closing h2{
  max-width:20ch;
  color:#f4f2ed;
}

.support-closing p{
  max-width:46rem;
  margin-top:0;
  color:#969ca5;
}

.support-closing-actions{
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  min-width:min(100%,14rem);
}

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

@media (max-width:64rem){
  .support-hero-grid{
    grid-template-columns:1fr;
  }

  .support-hero-title h1{
    max-width:20ch;
  }

  .build-diagnostic-stage,
  .build-diagnostic-sheet{
    width:100%;
    height:auto;
    overflow:visible;
  }

  .build-diagnostic-stage{
    margin-top:0;
  }

  .build-diagnostic-sheet{
    overflow:hidden;
  }

  .support-terminal-layout,
  .support-request-layout{
    grid-template-columns:1fr;
    align-items:start;
  }

  .support-log-guide,
  .support-security-note{
    height:auto;
  }
}

@media (max-width:44rem){
  .support-hero-grid{
    padding-block:var(--vm-space-5);
  }

  .support-hero-title h1{
    max-width:none;
    font-size:clamp(2.35rem,12vw,3rem);
  }

  .support-hero-actions{
    align-items:stretch;
  }

  .build-diagnostic-head,
  .build-diagnostic-foot{
    display:grid;
  }

  .build-diagnostic-head .c-badge{
    justify-self:start;
  }

  .build-diagnostic-foot strong{
    text-align:left;
  }

  .build-pulse-list li{
    grid-template-columns:auto minmax(0,1fr);
  }

  .build-pulse-state{
    grid-column:2;
    justify-self:start;
  }

  .support-check-sequence,
  .support-topic-grid,
  .support-session-grid,
  .support-escalation-grid{
    grid-template-columns:1fr;
  }

  .support-command-head{
    align-items:flex-start;
  }

  .support-command-head span{
    min-width:0;
    overflow-wrap:anywhere;
  }

  .support-copy-button{
    white-space:nowrap;
  }

  .support-ledger-row{
    grid-template-columns:auto minmax(0,1fr);
    gap:var(--vm-space-2);
  }

  .support-ledger-output{
    grid-column:2;
    justify-self:start;
  }

  .support-request-sheet dl > div{
    grid-template-columns:1fr;
    gap:.5rem;
  }

  .support-escalation{
    padding-inline:var(--vm-space-3);
  }

  .support-closing-actions{
    width:100%;
    min-width:0;
  }
}

@media (max-width:24.375rem){
  .support-check-card{
    grid-template-columns:1fr;
  }

  .support-check-card code{
    grid-column:1;
  }

  .support-command-head{
    display:grid;
  }

  .support-copy-button{
    justify-self:start;
  }

  .build-pulse-list{
    padding-inline:var(--vm-space-2);
  }

  .build-diagnostic-head,
  .build-diagnostic-foot{
    padding-inline:var(--vm-space-2);
  }
}
