/* v4 help pages: the shared frame around each help page's own layout (help-*.css). */
.helppage{padding-top:84px;--well:#0f0d0b}
.helppage .layout{padding-top:0}
.helppage aside{top:96px}
.helppage .wrap{padding-top:30px}
.helppage .intro h1,.helppage>.wrap>h1{font-family:var(--serif)}
.helppage .search,.helppage .block,.helppage details.tech,.helppage .shot{border-color:var(--edge)}
.helppage .search{background:var(--glass2)}
.helppage .block{background:var(--glass2)}
.helppage .top-btn{z-index:30}
/* phones: search, then one scrolling row of topics, so the guide itself starts on the first screen */
@media (max-width:980px){
  .helppage aside{padding:18px 0 0}
  .helppage .toc{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
  .helppage .toc h4{display:none}
  .helppage .toc a{flex:none;white-space:nowrap;border:1px solid var(--edge);border-radius:999px}
}
/* Shortcuts: the kITbag card is "card k", and .k is also the keycap style; keep the card a card (bug in the source page too) */
.helppage .card.k{display:flex;place-content:normal;min-width:0;height:auto;padding:18px 18px 16px;border-radius:18px;border:1px solid var(--hair);border-top:4px solid var(--tone);background:var(--card);font-weight:inherit;font-size:inherit;color:inherit}