/* Path OS — public help center (help.html). Tokens from theme.css; layout from legal.css. */

.hc-topics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px}
.hc-topics a{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--r-card);background:var(--card-surface);border:1px solid var(--card-line);box-shadow:var(--shadow-card);color:var(--card-ink);font-size:13.5px;font-weight:600;transition:transform .15s,border-color .15s}
.hc-topics a:hover{transform:translateY(-2px);border-color:var(--card-focus);color:var(--card-link);text-decoration:none}
.hc-topics span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--brand-tint);color:var(--brand)}
.hc-topics svg{width:16px;height:16px}
body[data-energy="calm"] .hc-topics a:hover{transform:none}

.hc{max-width:760px;padding-top:36px;display:flex;flex-direction:column;gap:40px}
.hc section{scroll-margin-top:calc(var(--hh) + 16px)}
.hc h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.hc-sub{font-size:14px;color:var(--muted);margin-bottom:14px;line-height:1.55}

.faq{border:1px solid var(--card-line);border-radius:var(--r-card);background:var(--card-surface);overflow:hidden;color:var(--card-ink)}
.faq details{border-top:1px solid var(--card-line)}
.faq details:first-child{border-top:none}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;font-size:14.5px;font-weight:600;color:var(--card-ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--card-muted);border-bottom:2px solid var(--card-muted);transform:rotate(45deg);margin-top:-4px;flex-shrink:0;transition:transform .15s}
.faq details[open] summary::after{transform:rotate(225deg);margin-top:4px}
.faq summary:hover{background:var(--card-surface)}
.faq .a{padding:0 18px 16px;font-size:14px;line-height:1.65;color:var(--card-ink-2)}
.faq .a p{margin:0 0 10px}
.faq .a p:last-child{margin-bottom:0}
.faq .a ul,.faq .a ol{margin:0 0 10px;padding-left:20px}
.faq .a li{margin:3px 0}
.faq .a li::marker{color:var(--card-link)}
.faq .a strong{color:var(--card-ink)}

.hc-contact{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px;border-radius:var(--r-card);background:var(--card-surface);border:1px solid color-mix(in srgb,var(--brand) 14%,transparent);color:var(--card-ink)}
.hc-contact h2{margin:0}
.hc-contact p{font-size:14px;color:var(--card-ink-2);line-height:1.55;margin-top:4px;max-width:480px}

@media (max-width:960px){.hc-topics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.hc-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.hc h2{font-size:19px}.hc-contact .btn{width:100%}}

.hc-contact h2{color:var(--card-ink)}
.faq .a a{color:var(--card-link)}