/* Help centre: isolated layout built with the shared Freekeek design tokens. */
.help-body { background:var(--paper); }
.help-body [hidden] { display:none !important; }
.help-skip { position:fixed;top:-100px;left:12px;z-index:1000;background:var(--surface);padding:12px;color:var(--keek); }
.help-skip:focus { top:12px; }
.help-header { background:var(--surface);border-bottom:1px solid var(--hair); }
.help-header-inner { max-width:1200px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px; }
.help-header .brand { min-width:0; }
.help-header .brand-lockup { max-width:100%; }
.help-header nav { display:flex;align-items:center;gap:22px;flex-wrap:wrap; }
.help-header nav>a:not(.btn) { color:var(--ink-soft);font-size:14px; }
.help-main { max-width:1200px;margin:auto;padding:52px 28px 60px; }
.help-main p { color:var(--ink-soft);font-size:16px;line-height:1.8;margin:0 0 18px; }
.help-main h1,.help-main h2,.help-main h3 { color:var(--ink);overflow-wrap:anywhere; }
.help-main h1 { font-size:clamp(30px,4vw,46px);line-height:1.15;margin:14px 0;letter-spacing:-.025em; }
.help-main h2 { font-size:clamp(21px,2.5vw,26px);line-height:1.3;margin:0 0 12px; }
.help-main h3 { font-size:17px;line-height:1.4;margin:0 0 7px; }
.help-hero { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:50px;align-items:center;padding-bottom:44px; }
.help-eyebrow { font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--keek); }
.help-main .help-lead { font-size:22px;font-weight:500;color:var(--ink); }
.help-actions { display:flex;flex-wrap:wrap;gap:12px;align-items:center; }
.help-actions .btn { white-space:normal;text-align:center; }
.help-actions svg { width:20px;height:20px; }
.help-tools { border:1px solid var(--hair);border-radius:20px;background:var(--surface);padding:24px;min-width:0; }
.help-languages { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px; }
.help-languages a { padding:8px 11px;font-size:13px;color:var(--ink-soft);border-radius:8px; }
.help-languages [aria-current] { background:var(--keek-tint);color:var(--keek);font-weight:700; }
.help-main input { width:100%;min-width:0;height:46px;font-size:15px; }
.help-main .help-small { font-size:13px;color:var(--muted);line-height:1.6;margin:10px 0; }
.help-start { padding:30px;border:1px solid var(--hair);border-radius:20px;background:var(--surface);margin-bottom:44px; }
.help-steps { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 36px;list-style:none;margin:24px 0 0;padding:0; }
.help-steps li { display:flex;gap:14px;min-width:0; }
.help-step-number { flex:none;display:grid;place-items:center;width:32px;height:32px;background:var(--keek-tint);color:var(--keek);font-weight:700;border-radius:50%; }
.help-steps p { font-size:14px;line-height:1.7;margin:0; }
.help-layout { display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start; }
.help-toc { position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow:auto; }
.help-toc h2 { font-size:14px;color:var(--muted);margin:0 0 10px; }
.help-toc a { display:block;padding:10px 12px;border-left:2px solid var(--hair);color:var(--ink-soft);font-size:13px;line-height:1.5; }
.help-toc a:hover,.help-toc a:focus-visible { color:var(--keek);border-color:var(--keek);background:var(--keek-tint); }
.help-topic { padding-bottom:28px;margin-bottom:32px;border-bottom:1px solid var(--hair);scroll-margin-top:24px; }
.help-topic-heading { display:flex;align-items:center;gap:12px;margin-bottom:16px; }
.help-topic-heading h2 { margin:0; }
.help-icon { width:38px;height:38px;flex:none;border-radius:12px;background:var(--keek-tint);color:var(--keek);display:grid;place-items:center; }
.help-icon svg { width:21px;height:21px; }
.help-main .help-topic-intro { color:var(--ink);font-weight:500; }
.help-links { display:flex;flex-wrap:wrap;gap:12px 22px; }
.help-links a,.help-empty a { color:var(--keek);font-weight:500;font-size:14px;text-decoration:underline;text-underline-offset:4px; }
.help-audiences { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 24px; }
.help-audiences>div { padding:14px 16px;border:1px solid var(--hair);border-radius:12px;background:var(--surface); }
.help-audiences dt { font-weight:700;font-size:14px;margin:0 0 5px; }
.help-audiences dd { font-size:14px;line-height:1.65;color:var(--ink-soft);margin:0; }
.help-hubs { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0; }
.help-hubs>a { display:flex;gap:12px;padding:18px;background:var(--surface);border:1px solid var(--hair);border-radius:14px;min-width:0; }
.help-hubs>a:hover { border-color:var(--keek); }
.help-hubs h3 { font-size:15px; }
.help-hubs p { font-size:14px;line-height:1.6;margin:0; }
.help-faq { scroll-margin-top:24px; }
.help-faq details { border:1px solid var(--hair);border-radius:12px;background:var(--surface);margin:10px 0;padding:16px 18px; }
.help-faq summary { cursor:pointer;font-weight:500;font-size:16px;line-height:1.6; }
.help-faq details p { margin:14px 0 0;font-size:15px; }
.help-empty { padding:22px;background:var(--surface);border:1px solid var(--hair);border-radius:12px; }
.help-closing { text-align:center;margin-top:52px;padding:36px 24px;background:var(--keek-tint);border-radius:20px; }
.help-closing>span svg { width:26px;height:26px;color:var(--keek);margin-bottom:16px; }
.help-closing .help-actions { justify-content:center; }
@media(max-width:850px) {
  .help-hero { grid-template-columns:1fr;gap:25px; }
  .help-layout { grid-template-columns:1fr;gap:28px; }
  .help-toc { position:static;max-height:none; }
  .help-toc nav { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
  .help-toc h2 { grid-column:1/-1; }
}
@media(max-width:560px) {
  .help-header-inner { padding:18px 18px;flex-wrap:wrap;gap:16px; }
  .help-header .brand { max-width:240px; }
  .help-main { padding:32px 18px 44px; }
  .help-tools,.help-start { padding:20px; }
  .help-main .help-lead { font-size:19px; }
  .help-steps,.help-audiences,.help-hubs,.help-toc nav { grid-template-columns:1fr; }
  .help-main p { font-size:15px; }
}
@media print {
  .help-header,.help-tools,.help-toc,.site-footer,.help-skip { display:none; }
  .help-main { max-width:none;padding:0; }
  .help-hero,.help-layout { display:block; }
  .help-faq details:not([open])>p { display:block; }
}