.help-page [hidden]{display:none!important}

.help-page :is(section,article,li,dl>div,.help-step-body,.help-step-label){min-width:0}

.help-hero{
  padding-block:var(--hero-top) var(--space-6);
  background:var(--hero-gradient);
  color:#F5F6F1;
  --line:rgba(245,246,241,.18);
  --mute-dark:#B8C5C1;
}

.help-hero>.help-hero-copy{
  display:block;
  text-align:center;
}

.help-hero .help-eyebrow{
  margin-inline:auto;
  color:#F5F6F1;
}

.help-hero h1{
  color:#F5F6F1;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:var(--lh-heading);
}

.help-hero-copy>.help-intro{
  max-width:48rem;
  margin-inline:auto;
  margin-top:var(--space-3);
  color:#F5F6F1;
}

.help-hero .help-hero-actions{
  justify-content:center;
  margin-block:var(--space-3);
}

.help-hero-copy>.help-hero-note{
  max-width:48rem;
  margin-inline:auto;
  color:#F5F6F1;
  font-size:var(--text-sm);
}

.help-hero :focus-visible{
  outline-color:var(--focus-dark);
}

.help-search{
  max-width:48rem;
  margin:var(--space-5) auto 0;
  text-align:left;
}

.help-search>label{
  display:block;
  margin-bottom:var(--space-field);
  color:#F5F6F1;
  font-size:var(--text-sm);
  font-weight:600;
}

.help-search-controls{
  display:flex;
  align-items:stretch;
  flex-wrap:wrap;
  gap:var(--space-1);
}

.help-search-controls>.c-input{
  flex:1 1 18rem;
  min-width:0;
}

.help-search-controls>.c-btn{
  flex:0 0 auto;
}

.help-search-status{
  margin-top:var(--space-field);
  color:#F5F6F1;
  font-size:var(--text-sm);
}

.help-search-empty{
  margin-top:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-card);
  background:#F3EFE6;
  color:#1A1714;
  --line:rgba(26,23,20,.12);
}

.help-entry-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:var(--space-2);
  margin-top:var(--space-4);
  text-align:left;
}

.help-entry-grid>a{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-card);
  background:#0F2A2C;
  color:#F5F6F1;
  --line:rgba(245,246,241,.18);
  transition:background var(--duration);
}

.help-entry-grid>a:hover{
  background:#061A17;
  color:#F5F6F1;
}

.help-entry-title{
  font-family:var(--f-head);
  font-size:var(--text-md);
  line-height:var(--lh-ui);
}

.help-entry-grid>a>span+span{
  margin-top:auto;
  color:#B8C5C1;
  font-size:var(--text-sm);
}

.help-section-head>h2+p{
  max-width:56rem;
  margin-top:var(--space-2);
}

.help-startup-list{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.help-startup-list>.help-startup-row{
  display:grid;
  grid-template-columns:2.5rem minmax(14rem,18rem) minmax(0,1fr);
  align-items:start;
  gap:var(--space-3);
  padding-block:var(--space-4);
  border-bottom:1px solid rgba(19,26,31,.12);
}

.help-startup-list>.help-startup-row:first-child{
  border-top:1px solid rgba(19,26,31,.12);
}

.help-step-number{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:2.5rem;
  height:2.5rem;
  padding:var(--space-1);
  border-radius:var(--radius-pill);
  background:#E9EEF5;
  color:#131A1F;
  font-family:var(--f-mono);
  font-size:var(--text-sm);
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.help-step-label{
  display:grid;
  align-content:start;
  gap:var(--space-1);
}

.help-step-label>h3{
  font-size:var(--text-md);
  line-height:var(--lh-ui);
}

.help-step-label{
  grid-template-columns:minmax(0,1fr);
}
.help-page .help-startup-list .c-duration{
  grid-column:1;
  grid-row:auto;
  justify-self:start;
  align-self:start;
  width:max-content;
  max-width:100%;
}
.help-step-label>.c-duration{
  font-family:var(--f-mono);
  font-size:var(--text-sm);
  color:#5B6569;
  font-variant-numeric:tabular-nums;
}

.help-step-body{
  display:grid;
  align-content:start;
  gap:var(--space-2);
}

.help-startup-list>.help-startup-row{
  background:#F5F6F1;
  color:#131A1F;
  border-radius:0;
}
.help-startup-list::before,.help-startup-list>.help-startup-row::before{display:none}
.help-step-body p{
  color:#131A1F;
}

.help-page pre{
  max-width:100%;
}

.help-runner-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
  align-items:stretch;
}

.help-runner-grid>.help-runner-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-3);
  height:100%;
  min-width:0;
  padding:var(--space-4);
  background:#FFFFFF;
  color:#131A1F;
  --line:rgba(19,26,31,.12);
}

.help-runner-card>p{
  color:#5B6569;
}

.help-runner-card>.c-card-foot{
  margin-top:auto;
}

.help-section-note{
  max-width:56rem;
  margin-top:var(--space-3);
  color:#B8C5C1;
}

.help-toolchain-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--space-3);
}

.help-toolchain-grid>.help-tool-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  height:100%;
  min-width:0;
}

.help-verification-table{
  margin-top:var(--space-3);
}

.help-verification-table th[scope="row"]{
  background:#FFFFFF;
  color:#131A1F;
}

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

.help-glossary>div{
  display:grid;
  align-content:start;
  gap:var(--space-field);
  padding:var(--space-3);
  border-radius:var(--radius-card);
  background:#E9EEF5;
  color:#131A1F;
  --line:rgba(19,26,31,.12);
}

.help-glossary dt{
  min-width:0;
  font-family:var(--f-head);
  font-size:var(--text-md);
  line-height:var(--lh-ui);
  overflow-wrap:break-word;
}

.help-glossary dd{
  min-width:0;
  color:#4E5967;
  overflow-wrap:break-word;
}

.help-faq{
  display:grid;
  gap:0;
}

.help-faq>details{
  border-radius:0;
  border-bottom:1px solid rgba(26,23,20,.12);
  padding-inline:var(--space-3);
  background:#F3EFE6;
  color:#1A1714;
  --line:rgba(26,23,20,.12);
}

.help-faq>details:first-child{
  border-top:1px solid rgba(26,23,20,.12);
}

.help-faq>details>summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:var(--space-3);
  padding-block:var(--space-3);
  background:#F3EFE6;
  color:#1A1714;
  font-family:var(--f-head);
  font-size:var(--text-md);
  line-height:var(--lh-ui);
  list-style:none;
  cursor:pointer;
}

.help-faq summary::-webkit-details-marker{
  display:none;
}

.help-faq summary::after{
  content:"+";
  flex:0 0 auto;
  font-size:var(--text-md);
  line-height:1;
}

.help-faq details[open]>summary::after{
  content:"−";
}

.help-faq .help-answer{
  display:grid;
  align-content:start;
  gap:var(--space-2);
  padding-block:var(--space-2) var(--space-3);
  border-top:1px solid rgba(26,23,20,.12);
  background:#F3EFE6;
  color:#1A1714;
}

.help-faq--mist>details,
.help-faq--mist>details>summary,
.help-faq--mist .help-answer{
  background:#E9EEF5;
  color:#131A1F;
  --line:rgba(19,26,31,.12);
}

.help-faq--mist>details{
  border-bottom-color:rgba(19,26,31,.12);
}

.help-faq--mist>details:first-child,
.help-faq--mist .help-answer{
  border-top-color:rgba(19,26,31,.12);
}

.help-page [data-help-entry]{
  scroll-margin-top:calc(var(--header-height) + var(--space-3));
}

.help-page .help-close-section{
  padding-bottom:var(--space-close);
}

.c-closing.help-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.45fr);
  align-items:center;
  gap:var(--space-5);
  padding:var(--space-5);
  border-radius:var(--radius-card);
  background:#061A17;
  color:#F5F6F1;
  --line:rgba(245,246,241,.18);
  text-align:left;
}

.help-closing>.help-closing-copy{
  min-width:0;
  text-align:left;
}

.help-closing .help-closing-copy>h2{
  color:#F5F6F1;
  font-size:var(--text-section);
  line-height:var(--lh-heading);
}

.help-closing-copy>h2+p{
  margin-top:var(--space-2);
}

.help-closing .help-closing-copy>p{
  color:#F5F6F1;
}

.help-closing-copy>.help-closing-note{
  margin-top:var(--space-2);
  font-size:var(--text-sm);
}

.help-closing .help-closing-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:var(--space-2);
  min-width:0;
  margin-top:0;
}

.help-email{
  text-decoration:underline;
  text-underline-offset:.2em;
  overflow-wrap:anywhere;
}

.help-closing :focus-visible{
  outline-color:var(--focus-dark);
}

@media(max-width:64rem){
  .help-entry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .help-toolchain-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .c-closing.help-closing{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-3);
  }

  .help-closing .help-closing-actions{
    width:100%;
  }
}

@media(max-width:42rem){
  .help-search-controls>.c-input{
    flex-basis:100%;
  }

  .help-search-controls>.c-btn{
    flex:1 1 auto;
  }

  .help-entry-grid{
    gap:var(--space-1);
  }

  .help-entry-grid>a{
    padding:var(--space-3);
  }

  .help-startup-list>.help-startup-row{
    grid-template-columns:2.25rem minmax(0,1fr);
    gap:var(--space-3);
    padding-block:var(--space-3);
  }

  .help-startup-row>:nth-child(3){
    grid-column:2;
  }

  .help-step-number{
    width:2.25rem;
    height:2.25rem;
  }

  .help-runner-grid>.help-runner-card{
    padding:var(--space-3);
  }

  .help-glossary{
    grid-template-columns:minmax(0,1fr);
  }

  .help-faq>details{
    padding-inline:var(--space-3);
  }

  .c-closing.help-closing{
    padding:var(--space-3);
  }

  .help-hero-actions>.c-btn{
    width:100%;
  }
}
