/* ===== Help center ===== */
.hc-head{padding:72px 0 56px}
.hc-head .lead{margin-top:10px}
.hc-search{position:relative;margin-top:32px;max-width:640px}
.hc-search svg{position:absolute;left:16px;top:50%;margin-top:-8px;color:var(--muted);pointer-events:none}
.hc-search .input{height:56px;padding:0 96px 0 44px;font-size:16px;line-height:24px;border-radius:12px;box-shadow:var(--shadow)}
.hc-search .kbd{position:absolute;right:14px;top:50%;transform:translateY(-50%);font:400 12px/16px var(--mono);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:2px 6px;background:var(--surface-2)}
.hc-search .clr{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:14px;line-height:20px;color:var(--muted);padding:4px 8px;border-radius:6px}
.hc-search .clr:hover{color:var(--ink);background:var(--surface-2)}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.hc-status{margin-top:12px;font-size:14px;line-height:20px;color:var(--muted);min-height:20px}

.cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 48px}
.cat{padding-top:20px;border-top:1px solid var(--border);transition:opacity .35s var(--expo)}
.cat h2{font-size:16px;line-height:24px;margin-bottom:4px}
.cat .n{font-size:12px;line-height:16px;color:var(--muted);margin-bottom:12px}
.cat ul{list-style:none;margin:0;padding:0}
.cat li{display:grid;grid-template-rows:1fr;transition:grid-template-rows .45s var(--expo),opacity .3s}
.cat li > div{overflow:hidden}
.cat li a{display:block;padding:6px 0;font-size:14px;line-height:20px;color:var(--ink-2);transition:color .2s}
.cat li a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--border-2);text-underline-offset:3px}
.cat li.hide{grid-template-rows:0fr;opacity:0}
.cat.none{opacity:.35}
.cat mark{background:rgba(232,93,58,.16);color:var(--ink);border-radius:2px}
.no-res{padding:24px 0;border-top:1px solid var(--border);font-size:16px;line-height:24px;color:var(--ink-2)}
.no-res a{margin-left:4px}

.pq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px}
.pq .lead{margin-top:8px}
.qa .ans p a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--border-2);text-underline-offset:3px}

.still{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:32px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.still p{color:var(--muted);margin-top:4px;font-size:14px;line-height:20px}
.still .acts{display:flex;gap:12px;flex-wrap:wrap}

@media (max-width:1024px){
  .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pq{grid-template-columns:1fr;gap:32px}
}
@media (max-width:720px){
  .hc-head{padding:40px 0 40px}
  .cats{grid-template-columns:1fr;gap:32px}
  .hc-search .kbd{display:none}
  .still{grid-template-columns:1fr}
}

/* answers grouped by topic */
#answers .pq + .pq{margin-top:64px}
#answers .qa{scroll-margin-top:calc(var(--header-h) + 24px)}
#answers .qa.hide,#answers .pq.hide{display:none}
.qa .ans p a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--border-2);text-underline-offset:3px}
.hc-search > svg{position:absolute;left:16px;top:50%;margin-top:-8px;color:var(--muted);pointer-events:none}
