.help-page{
  gap:18px;
}

.help-section-meta{
  color:rgba(244,246,251,.72);
  font-size:12px;
  line-height:1.2;
}

.help-dict-host{
  padding:0;
}

.help-reader{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:var(--main-standard-width);
  width:100%;
  margin:0 auto;
}

.help-reader-toolbar{
  position:sticky;
  top:62px;
  z-index:20;
  display:grid;
  grid-template-columns:auto 38px minmax(0, 1fr) 38px;
  gap:8px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(16,20,27,.88);
  backdrop-filter:blur(12px);
}

.help-toc-open{
  grid-column:1;
  grid-row:1;
  justify-self:start;
  height:38px;
  padding:0 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.05);
  color:var(--txt);
  font:inherit;
  font-size:14px;
  cursor:pointer;
}

.help-toc-open:hover{
  background:rgba(255,255,255,.08);
}

.help-nav-btn{
  min-width:38px;
  width:38px;
  height:38px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.05);
  color:var(--txt);
  font:inherit;
  font-size:18px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.help-nav-btn:hover:not(:disabled){
  background:rgba(255,255,255,.08);
}

.help-nav-btn:disabled{
  cursor:default;
  opacity:.35;
}

.help-nav-prev{
  grid-column:2;
  grid-row:1;
}

.help-nav-next{
  grid-column:4;
  grid-row:1;
}

.help-nav-block{
  min-width:0;
}

.help-nav-block-prev,
.help-nav-block-next{
  display:none;
}

.help-nav-block-current{
  grid-column:3;
  grid-row:1;
}

.help-nav-label{
  display:none;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  margin-bottom:3px;
}

.help-current-title,
.help-nav-title{
  min-width:0;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
  line-height:1.22;
  font-weight:600;
}

.help-nav-title{
  display:block;
}

.help-reader-article{
  min-height:260px;
  padding:16px;
}

.help-article-title{
  font-size:24px;
  line-height:1.12;
  font-weight:700;
  margin-bottom:12px;
}

.help-article-empty{
  color:var(--muted);
  font-size:15px;
  line-height:1.45;
}

.help-article-strip{
  display:flex;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 0 8px;
  margin-bottom:14px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}

.help-article-img{
  flex:0 0 74%;
  max-width:320px;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  padding:0;
  background:rgba(255,255,255,.04);
  cursor:pointer;
  aspect-ratio:4 / 3;
  scroll-snap-align:start;
}

.help-article-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.help-article-text{
  color:var(--txt);
  font-size:16px;
  line-height:1.52;
}

.help-article-text p{
  margin:0 0 12px;
}

.help-article-text img{
  max-width:100%;
  height:auto;
}

.help-article-specimens{
  margin-top:0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--card);
  box-shadow:var(--shadow);
}

.help-article-specimens-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.help-article-specimens-title{
  color:var(--txt);
  font-size:17px;
  line-height:1.2;
  font-weight:650;
}

.help-article-specimens-more{
  flex:0 0 auto;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:var(--txt);
  font:inherit;
  font-size:13px;
  line-height:1;
  padding:9px 12px;
  cursor:pointer;
}

.help-article-specimens-more:hover{
  background:rgba(255,255,255,.08);
}

.help-article-specimens-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}

.help-article-specimen-card{
  display:grid;
  grid-template-columns:86px minmax(0, 1fr);
  min-height:74px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.04);
  color:inherit;
  text-decoration:none;
}

.help-article-specimen-img{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.04);
  color:var(--muted);
  font-size:12px;
  line-height:1.2;
  text-align:center;
}

.help-article-specimen-img img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.help-article-specimen-img img[style*="display: none"]{
  position:static;
}

.help-article-specimen-body{
  min-width:0;
  padding:10px 11px;
}

.help-article-specimen-title{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--txt);
  font-size:14px;
  line-height:1.25;
  font-weight:600;
}

.help-article-specimen-meta{
  margin-top:4px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:var(--muted);
  font-size:12px;
  line-height:1.28;
}

.help-toc-drawer{
  position:fixed;
  inset:0;
  z-index:4200;
  pointer-events:none;
}

.help-toc-drawer.is-open{
  pointer-events:auto;
}

.help-toc-backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,10,18,.58);
  opacity:0;
  transition:opacity .18s ease;
}

.help-toc-drawer.is-open .help-toc-backdrop{
  opacity:1;
}

.help-toc-panel{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:min(420px, calc(100vw - 28px));
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:14px;
  border-right:1px solid var(--line);
  background:rgba(16,20,27,.96);
  box-shadow:0 20px 70px rgba(0,0,0,.38);
  transform:translateX(-102%);
  transition:transform .2s ease;
  overflow:auto;
}

.help-toc-drawer.is-open .help-toc-panel{
  transform:translateX(0);
}

.help-toc-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.help-toc-title{
  font-size:18px;
  line-height:1.2;
  font-weight:800;
}

.help-toc-close{
  width:36px;
  height:36px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.05);
  color:var(--txt);
  font-size:22px;
  line-height:1;
  cursor:pointer;
}

.help-single-host{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.hdict-single .hacc-b{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.hli{
              display:flex;
              align-items:center;
              justify-content:space-between;
              gap:8px;
              min-height:42px;
              padding:0 10px 0 12px;
              border:1px solid #d8dee9;
              border-radius:999px;
              background:#fff;
              box-sizing:border-box;
            }
            
            .hli-passive{
              background:#f8fafc;
            }
            
            .hli-main{
              display:block;
              flex:1 1 auto;
              min-width:0;
              border:0;
              background:transparent;
              padding:7px 0;
              margin:0;
              text-align:left;
              cursor:pointer;
              color:inherit;
              text-decoration:none;
            }
            
            .hli-main-passive{
              cursor:default;
            }
            
            .hlibody{
              min-width:0;
            }
            
            .hlititle{
              min-width:0;
              overflow:hidden;
              text-overflow:ellipsis;
              white-space:nowrap;
            }
            
            .hliright{
              flex:0 0 auto;
              display:flex;
              align-items:center;
            }
            
            .hlicount,
            .hlichev{
              flex:0 0 auto;
              min-width:28px;
              height:20px;
              padding:0 8px;
              border:0;
              border-radius:999px;
              background:transparent;
              display:inline-flex;
              align-items:center;
              justify-content:center;
              cursor:pointer;
              line-height:1;
            }
            
            .hlicount:hover,
            .hlichev:hover{
              background:rgba(0,0,0,.06);
            }
            
            .hlichev{
              width:28px;
              height:28px;
              padding:0;
              font-size:25px;
            }
            
            .hsubblock{
              margin:0;
            }
            
            .hlist,
            .hsublist{
              display:flex;
              flex-direction:column;
              gap:6px;
              padding-left: 30px;
            }
            
            .hgroup > .hlist,
            .hsubblock > .htree-children{
              margin-top:6px;
            }
            
            .hsubitem{
              margin:0 !important;
            }
            
            .htree-children[hidden]{
              display:none !important;
            }
            
            .hgroup-title{
              margin:0 0 8px 0;
            }
            
            .hgroup > .hlist {
              padding-left: 0;
            }

.help-single-host > .hdict-single > .hacc-b > .hgroup > .hgroup-title{
  font-size:15px;
  font-weight:500;
}

.hli.is-active{
  border-color:rgba(125,211,252,.48);
  background:rgba(125,211,252,.12);
}

@media (min-width:760px){
  .help-reader{
    max-width:var(--main-standard-width);
  }

  .help-reader-toolbar{
    grid-template-columns:auto 42px minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr) 42px;
    gap:10px;
  }

  .help-toc-open{
    grid-column:1;
    grid-row:1;
    justify-self:start;
  }

  .help-nav-btn{
    width:38px;
    padding:0;
    font-size:18px;
  }

  .help-nav-prev{
    grid-column:2;
  }

  .help-nav-next{
    grid-column:6;
  }

  .help-nav-block-prev,
  .help-nav-block-next{
    display:block;
  }

  .help-nav-block-prev{
    grid-column:3;
    text-align:left;
  }

  .help-nav-block-current{
    grid-column:4;
    text-align:left;
  }

  .help-nav-block-next{
    grid-column:5;
    text-align:left;
  }

  .help-nav-label{
    display:block;
  }

  .help-nav-title,
  .help-current-title{
    text-align:left;
    font-size:16px;
  }

  .help-reader-article{
    padding:20px;
  }

  .help-article-title{
    font-size:34px;
  }

  .help-article-strip{
    gap:10px;
  }

  .help-article-img{
    flex-basis:260px;
    aspect-ratio:8 / 9;
  }

  .help-article-text{
    font-size:17px;
    line-height:1.56;
  }

  .help-article-specimens{
    padding:16px;
  }

  .help-article-specimens-title{
    font-size:20px;
  }

  .help-article-specimens-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
  }

  .help-article-specimen-card{
    grid-template-columns:96px minmax(0, 1fr);
  }

  .help-article-specimen-title{
    font-size:15px;
  }

  .help-article-specimen-meta{
    font-size:13px;
  }

  .help-article-text .card,
  .help-article-text .section-card,
  .help-article-text details,
  .help-article-text .collapsible,
  .help-article-text .help-section{
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
  }

  .help-article-text .help-section{
    margin:0 0 22px !important;
    overflow:visible !important;
  }

  .help-article-text .help-section-body{
    display:block !important;
    padding:0 !important;
    border-top:0 !important;
    background:transparent !important;
  }

  .help-article-text .help-section-body p{
    color:var(--txt) !important;
  }

  .help-article-text details:not([open]) > *:not(summary){
    display:block !important;
  }

  .help-article-text summary,
  .help-article-text .help-h3-collapsible{
    list-style:none;
    cursor:default;
    font-size:24px;
    line-height:1.24;
    font-weight:600;
    margin:28px 0 12px !important;
    padding:0 !important;
    background:transparent !important;
    user-select:auto;
  }

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

  .help-article-text .sub,
  .help-article-text .section-title,
  .help-article-text h2,
  .help-article-text h3,
  .help-article-text .help-h3-collapsible{
    color:var(--txt);
  }

  .help-article-text h3{
    font-size:24px;
    line-height:1.24;
    font-weight:650;
    margin:28px 0 12px;
  }

  .help-section-meta{
    font-size:14px;
  }

  .help-single-host .hgroup-title{
    font-size:18px;
  }

  .help-single-host > .hdict-single > .hacc-b > .hgroup > .hgroup-title{
    font-size:16px;
    font-weight:500;
  }

  .help-single-host .hlititle{
    font-size:16px;
  }
}

html[data-theme="light"] .help-section-meta{
  color:#7f8790;
}

html[data-theme="light"] .help-reader-toolbar,
html[data-theme="light"] .help-toc-panel{
  background:rgba(255,255,255,.92);
}

html[data-theme="light"] .help-toc-backdrop{
  background:rgba(15,23,42,.28);
}

html[data-theme="light"] .help-toc-open,
html[data-theme="light"] .help-toc-close,
html[data-theme="light"] .help-nav-btn{
  background:rgba(2,6,23,.03);
  color:rgba(15,23,42,.92);
}

html[data-theme="light"] .hli.is-active{
  border-color:rgba(37,99,235,.24);
  background:rgba(37,99,235,.08);
}

.help-article-text h4 {
  margin:14px 0 6px !important;
  font-weight: 600;
}

.help-article-text strong {
  font-weight: 500;
}
