.help-shell{
  display:grid;
  grid-template-columns:minmax(15rem,19rem) minmax(0,1fr);
  gap:clamp(2rem,5vw,6rem);
  max-width:1440px;
  margin:auto;
  padding:3rem clamp(1rem,4vw,4rem) 6rem
}
.help-sidebar{
  min-width:0;
  align-self:start;
  position:sticky;
  top:7rem;
  max-height:calc(100dvh - 8rem);
  overflow:auto;
  padding-right:.5rem
}
.help-home{
  display:inline-block;
  font-size:1.4rem;
  font-weight:750;
  margin-bottom:1.5rem
}
.help-search{
  margin-bottom:2rem
}
.help-search label{
  display:block;
  font-size:.9rem;
  margin-bottom:.5rem
}
.help-search div{
  display:flex;
  gap:.5rem
}
.help-search input{
  width:100%;
  min-width:0;
  min-height:48px;
  padding:.6rem;
  border:1px solid var(--line);
  border-radius:.6rem;
  background:var(--bg);
  color:inherit;
  font:inherit
}
.help-search button{
  min-height:48px;
  padding:.5rem .7rem;
  background:var(--accent);
  color:var(--bg);
  border:0;
  border-radius:.6rem;
  font:inherit;
  cursor:pointer
}
.help-chapters summary{
  padding:.7rem 0;
  cursor:pointer;
  font-weight:700
}
.help-sidebar h2{
  font-size:.85rem;
  letter-spacing:.05em;
  margin:1.4rem 0 .4rem;
  color:var(--muted)
}
.help-sidebar ul,.help-contents ul,.help-results{
  list-style:none;
  padding:0;
  margin:0
}
.help-sidebar li a{
  display:block;
  padding:.6rem .8rem;
  min-height:44px;
  line-height:1.5;
  border-radius:.5rem;
  overflow-wrap:anywhere
}
.help-sidebar a[aria-current=page]{
  background:var(--panel);
  color:var(--accent);
  font-weight:700
}
.help-body{
  min-width:0
}
.help-intro{
  margin-bottom:2rem
}
.help-intro h1{
  font-size:clamp(2.2rem,4vw,3.8rem);
  line-height:1.1;
  letter-spacing:-.035em
}
.help-intro>p{
  max-width:70ch;
  line-height:1.7
}
.help-version{
  color:var(--muted);
  font-size:.85rem
}
.help-contents{
  padding:1.2rem 1.5rem;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:1rem;
  margin-bottom:3rem
}
.help-contents h2{
  font-size:1rem;
  margin-top:0
}
.help-contents a{
  display:inline-block;
  padding:.35rem 0
}
.help-section{
  scroll-margin-top:7rem;
  margin:2.5rem 0
}
.help-section p,.help-section li{
  line-height:1.8;
  max-width:75ch;
  overflow-wrap:anywhere
}
.help-section li{
  padding:.25rem 0
}
.help-section h2{
  font-size:1.65rem;
  letter-spacing:-.02em
}
.help-table{
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:.8rem
}
.help-table table{
  width:100%;
  border-collapse:collapse;
  min-width:32rem
}
.help-table caption{
  text-align:left;
  padding:1rem;
  background:var(--panel);
  font-weight:700
}
.help-table th,.help-table td{
  text-align:left;
  vertical-align:top;
  padding:1rem;
  border-bottom:1px solid var(--line);
  line-height:1.6
}
.help-table small{
  display:block;
  font-weight:400;
  color:var(--muted);
  overflow-wrap:anywhere
}
.help-section figure{
  margin:2rem 0
}
.help-section img{
  max-height:42rem;
  object-fit:contain;
  display:block;
  width:100%;
  height:auto;
  border:1px solid var(--line);
  border-radius:1rem
}
.help-section figcaption{
  font-size:.9rem;
  color:var(--muted);
  margin-top:.7rem;
  line-height:1.6
}
.help-illustrations{
  margin-block:1.5rem
}
.help-screenshot{
  display:block;
  border-radius:1rem
}
.help-figure figcaption a{
  display:inline-block;
  padding:.35rem 0;
  margin-left:.35rem;
  text-underline-offset:.2em
}
.help-illustrations .help-figure+.help-figure{
  padding-top:1rem;
  border-top:1px solid var(--line)
}
.help-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  gap:1rem
}
.help-card{
  display:flex;
  flex-direction:column;
  gap:.6rem;
  padding:1.5rem;
  border:1px solid var(--line);
  border-radius:1rem;
  background:var(--panel);
  text-decoration:none
}
.help-card h3,.help-card p{
  margin:0
}
.help-card p{
  color:var(--muted);
  line-height:1.6
}
.help-card>span{
  margin-top:auto;
  padding-top:.6rem;
  color:var(--accent)
}
.help-topic{
  margin:2.5rem 0
}
.help-results>li{
  padding:1.5rem 0;
  border-bottom:1px solid var(--line)
}
.help-return{
  margin-top:3rem
}
.help-shell :focus-visible{
  outline:3px solid var(--accent);
  outline-offset:4px
}
@media(max-width:850px){
  .help-shell{
    display:block;
    padding-top:1.5rem
  }
  .help-sidebar{
    position:static;
    max-height:none;
    margin-bottom:2.5rem;
    padding:0
  }
  .help-chapters nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:1rem
  }
  .help-chapters nav h2{
    grid-column:1/-1
  }
  .help-chapters nav ul{
    grid-column:1/-1
  }
  .help-intro h1{
    font-size:2.4rem
  }
  .help-table table{
    min-width:28rem
  }
}
@media(prefers-reduced-motion:reduce){
  .help-shell *{
    scroll-behavior:auto
  }
}