/* ==========================================================================
   Help center (adgora.net/help/) — section styles, scoped by body.sec-help.
   Builds on site.css (.doc, .doc-nav, .toc, .prose, .code, .tbl, .faq, .card).
   ========================================================================== */

/* ---- hub: search, chips, topics ---------------------------------------- */
.sec-help .hx-hero .h1{max-width:20ch}
.sec-help .hx-search{margin-top:clamp(22px,3vw,32px);max-width:760px}
.sec-help .hx-search-in .input{padding-right:64px;box-shadow:var(--sh-2)}
.sec-help .hx-search-in .input::-webkit-search-cancel-button{margin-right:4px}
.sec-help .hx-kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;padding:4px;cursor:pointer;color:var(--muted)}
.sec-help .hx-kbd .kbd{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 7px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface-2);font:600 11.5px/1 var(--mono);color:var(--muted)}
.sec-help .hx-kbd:hover .kbd{color:var(--ink);border-color:var(--ink-2)}
.sec-help .hx-chips{margin-top:14px}
.sec-help .hx-chips .chip{height:34px;font-size:14px}
.sec-help .hx-count{margin-top:12px;font-size:13px;color:var(--muted)}
.sec-help .hx-count b{font-family:var(--mono);color:var(--ink)}
@media (max-width:560px){.sec-help .hx-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut)}.sec-help .hx-chips::-webkit-scrollbar{display:none}.sec-help .hx-kbd{display:none}.sec-help .hx-search-in .input{padding-right:13px}}

.sec-help .hx-hub.is-q .hx-idle{display:none}
.sec-help .hx-hub.is-q .hx-browse .sec-head{display:none}
.sec-help .hx-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(14px,2vw,22px);align-items:start}
.sec-help .hx-topic{display:flex;flex-direction:column}
.sec-help .hx-topic-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sec-help .hx-topic-top .card-ic{margin-bottom:14px}
.sec-help .hx-topic>p{font-size:14.5px}
.sec-help .hx-links{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line)}
.sec-help .hx-links li{border-bottom:1px solid var(--line)}
.sec-help .hx-links li:last-child{border-bottom:0}
.sec-help .hx-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 0;color:inherit;text-decoration:none}
.sec-help .hx-links b{font-weight:640;color:var(--ink);font-size:15.5px;line-height:1.35}
.sec-help .hx-links small{grid-column:1;font-size:13.5px;color:var(--muted);line-height:1.45}
.sec-help .hx-links .hx-meta{grid-column:1;font:600 11px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--subtle);margin-top:4px}
.sec-help .hx-links .hx-go{grid-column:2;grid-row:1/span 3;align-self:center;width:18px;height:18px;color:var(--muted);transition:transform .2s var(--ease),color .2s var(--ease)}
.sec-help .hx-links a:hover b{color:var(--accent-ink)}
.sec-help .hx-links a:hover .hx-go{transform:translateX(3px);color:var(--accent-ink)}
.sec-help .hx-empty{margin-top:8px}

/* start-here paths */
.sec-help .hx-path{display:flex;flex-direction:column}
.sec-help .hx-steps{list-style:none;counter-reset:hx;margin:18px 0 20px;padding:0;display:grid;gap:2px}
.sec-help .hx-steps li{counter-increment:hx}
.sec-help .hx-steps a{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:7px 8px;margin-inline:-8px;border-radius:8px;color:var(--ink-2);font-size:15px;text-decoration:none}
.sec-help .hx-steps a::before{content:counter(hx);display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1px solid var(--line-2);font:700 12px/1 var(--mono);color:var(--accent-ink);background:var(--surface)}
.sec-help .hx-steps a:hover{background:var(--surface-2);color:var(--ink)}
.sec-help .hx-path-cta{margin-top:auto}

/* figures */
.sec-help .hx-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
.sec-help .hx-facts a.stat{color:inherit;text-decoration:none;transition:background .18s var(--ease)}
.sec-help .hx-facts a.stat:hover{background:var(--surface-2)}
.sec-help .hx-facts .stat-v{font-size:clamp(22px,2.2vw,30px);white-space:nowrap}
@media (max-width:900px){.sec-help .hx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* support */
.sec-help .hx-support{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,2vw,22px);align-items:stretch}
.sec-help .hx-support .res{display:grid}
@media (max-width:980px){.sec-help .hx-support{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-help .hx-support-main{grid-column:1/-1}}
@media (max-width:560px){.sec-help .hx-support{grid-template-columns:minmax(0,1fr)}}

/* ---- doc page ----------------------------------------------------------- */
.sec-help .hx-doc{padding-top:clamp(20px,3vw,36px)}
.sec-help .hx-article{min-width:0}
.sec-help .hx-head{margin:clamp(18px,2.4vw,28px) 0 clamp(22px,3vw,34px);padding-bottom:clamp(18px,2.4vw,26px);border-bottom:1px solid var(--line)}
.sec-help .hx-head .kicker .ic{width:14px;height:14px}
.sec-help .hx-h1{margin-top:12px;font-size:clamp(32px,4vw,50px);line-height:1.05;letter-spacing:-.04em;font-weight:800}
.sec-help .hx-head .lead{margin-top:14px;font-size:clamp(16px,1.3vw,18.5px);color:var(--muted)}
.sec-help .hx-metarow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.sec-help .hx-metarow .tag .ic{width:13px;height:13px}
.sec-help .hx-actions{display:inline-flex;flex-wrap:wrap;gap:2px;margin-left:auto}
.sec-help .hx-actions .btn{height:34px;padding:0 10px;font-size:13.5px;color:var(--muted)}
.sec-help .hx-actions .btn:hover{color:var(--ink)}
.sec-help .hx-nav a{font-size:14px}

.sec-help .hx-prose{max-width:none}
.sec-help .hx-prose>.code,.sec-help .hx-prose>.tbl-wrap{margin-top:1.1em}
.sec-help .hx-prose .tbl{display:table;min-width:520px;font-size:14.5px}
.sec-help .hx-prose .tbl th,.sec-help .hx-prose .tbl td{border:0;border-bottom:1px solid var(--line)}
.sec-help .hx-prose .tbl tr:last-child td{border-bottom:0}
.sec-help .hx-prose .code pre{font-size:13px}
.sec-help .hx-prose h2,.sec-help .hx-prose h3{position:relative}
.sec-help .hx-anchor{display:inline-grid;place-items:center;width:26px;height:26px;margin-left:8px;border-radius:7px;vertical-align:middle;color:var(--subtle);text-decoration:none!important;opacity:0;transition:opacity .15s var(--ease),background .15s var(--ease)}
.sec-help .hx-anchor .ic{width:15px;height:15px}
.sec-help .hx-prose h2:hover .hx-anchor,.sec-help .hx-prose h3:hover .hx-anchor,.sec-help .hx-anchor:focus-visible{opacity:1}
.sec-help .hx-anchor:hover{background:var(--surface-3);color:var(--accent-ink)}
@media (hover:none){.sec-help .hx-anchor{opacity:.6}}
.sec-help.page-legal .hx-prose{font-size:16.5px}
.sec-help.page-legal .hx-prose h2{font-size:clamp(20px,2vw,24px)}

/* mobile article switcher (the side nav is hidden below 860px) */
.sec-help .hx-mnav{display:none;margin-top:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.sec-help .hx-mnav summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-size:14px;color:var(--muted)}
.sec-help .hx-mnav summary::-webkit-details-marker{display:none}
.sec-help .hx-mnav summary b{margin-left:auto;color:var(--ink);font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sec-help .hx-mnav summary .hx-chev{transition:transform .2s var(--ease)}
.sec-help .hx-mnav[open] summary .hx-chev{transform:rotate(180deg)}
.sec-help .hx-mnav-in{padding:4px 14px 14px;border-top:1px solid var(--line)}
.sec-help .hx-mnav-in h3{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}
.sec-help .hx-mnav-in a{display:block;padding:8px 10px;margin-inline:-10px;border-radius:8px;color:var(--ink-2);font-size:15px}
.sec-help .hx-mnav-in a[aria-current="page"]{background:var(--accent-soft);color:var(--accent-ink);font-weight:620}
@media (max-width:860px){.sec-help .hx-nav{display:none}.sec-help .hx-mnav{display:block}.sec-help .hx-actions{margin-left:0}}

.sec-help .hx-top{margin-top:18px;font-size:13px}
.sec-help .hx-faq{display:grid;gap:14px}
.sec-help .hx-faq .empty{padding:24px}

.sec-help .hx-api{margin-top:clamp(28px,4vw,44px)}
.sec-help .hx-api .seg{align-self:start}
.sec-help .hx-api [data-api-f][hidden]{display:none}

.sec-help .hx-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:clamp(32px,5vw,56px)}
.sec-help .hx-pager .card{padding:16px 18px}
.sec-help .hx-pager small{display:flex;align-items:center;gap:6px;font:600 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sec-help .hx-pager b{display:block;margin-top:8px;font:650 17px/1.3 var(--display);color:var(--ink)}
.sec-help .hx-next{text-align:right;grid-column:2}
.sec-help .hx-next small{justify-content:flex-end}
@media (max-width:560px){.sec-help .hx-pager{grid-template-columns:minmax(0,1fr)}.sec-help .hx-next{grid-column:1}}
.sec-help .hx-rel h3{font-size:17px}
.sec-help .hx-rel p{font-size:14px}

/* ---- print: the article only -------------------------------------------- */
@media print{
  .sec-help .progress,.sec-help .hx-nav,.sec-help .hx-mnav,.sec-help .doc-toc,.sec-help .hx-actions,.sec-help .hx-pager,
  .sec-help .hx-related,.sec-help #support,.sec-help .hx-cta,.sec-help .hx-api,.sec-help .crumbs,.sec-help .hx-anchor,.sec-help .copy-btn,.sec-help .hx-faq .input-ic{display:none!important}
  .sec-help .doc{display:block;padding:0}
  .sec-help .hx-prose{font-size:11.5pt;color:#000}
  .sec-help .hx-prose a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
  .sec-help .code{background:#fff;color:#000;border-color:#999}
  .sec-help .code pre{white-space:pre-wrap}
  .sec-help .faq details{break-inside:avoid}
}

/* ---- fixes after the first browser pass ---------------------------------- */
.sec-help [data-filter-empty][hidden],.sec-help [data-faq-empty][hidden],.sec-help [data-share][hidden],.sec-help details[hidden]{display:none!important}
.sec-help .hx-support .res{grid-template-columns:minmax(0,1fr);align-content:start;gap:6px}
.sec-help .hx-support .res .card-ic{grid-row:auto;margin-bottom:10px}
.sec-help .hx-prose .tbl td:first-child code{white-space:nowrap}
.sec-help .hx-mnav summary span{white-space:nowrap}
@media (max-width:400px){.sec-help .hx-mnav summary span{display:none}}
.sec-help .hx-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(28px,5vw,72px);align-items:end}
.sec-help .hx-pop{padding:18px 20px}
.sec-help .hx-pop h2{font:600 11.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sec-help .hx-pop ol{list-style:none;margin:12px 0 0;padding:0;counter-reset:pp}
.sec-help .hx-pop li{counter-increment:pp;border-top:1px solid var(--line)}
.sec-help .hx-pop li:first-child{border-top:0}
.sec-help .hx-pop a{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:10px 0;color:var(--ink-2);font-size:15px;text-decoration:none}
.sec-help .hx-pop a::before{content:counter(pp,decimal-leading-zero);font:600 12px/1.6 var(--mono);color:var(--accent-ink)}
.sec-help .hx-pop a:hover{color:var(--accent-ink)}
@media (max-width:980px){.sec-help .hx-hero-grid{grid-template-columns:minmax(0,1fr)}.sec-help .hx-pop{display:none}}

.sec-help .hx-support .row .btn{white-space:normal;height:auto;min-height:44px;padding-block:9px}