/* The help centre (src/help). Scoped under .hc; linked by the help pages themselves, not from every page. */
.hc { max-width: 56rem; margin: 0 auto; padding: 0 1rem 3rem; }
.hc-bar { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1.5rem; padding: 1rem 0; border-bottom: 1px solid var(--rule, #d9d2c0); }
.hc-brand { font-family: var(--serif, Bitter, Georgia, serif); font-size: 1.25rem; font-weight: 700; text-decoration: none; color: inherit; }
.hc-bar nav a { margin-left: 1rem; }
.hc-main { padding-top: 1.5rem; }
.hc h1 { margin: .25rem 0 .5rem; }
.hc-lede { font-size: 1.1rem; max-width: 42rem; }
.hc-search { margin: 1.25rem 0 1.5rem; }
.hc-search label { display: block; font-weight: 700; margin-bottom: .35rem; }
.hc-search-row { display: flex; gap: .5rem; flex-wrap: wrap; }
.hc-search-row input { flex: 1 1 16rem; min-width: 0; font-size: 1rem; padding: .6rem .75rem; }
.hc-live { margin-top: .75rem; }
.hc-live-count { margin: 0 0 .25rem; }
.hc-group { margin: 2rem 0; }
.hc-list { list-style: none; margin: .5rem 0; padding: 0; }
.hc-list li { padding: .6rem 0; border-top: 1px solid var(--rule, #e4ddcb); }
.hc-list li:last-child { border-bottom: 1px solid var(--rule, #e4ddcb); }
.hc-list a { font-weight: 700; }
.hc-sum { display: block; color: var(--ink-soft, #4a4a4a); font-size: .95rem; margin-top: .15rem; }
.hc-crumbs { font-size: .95rem; margin-bottom: .25rem; }
.hc-toc { border-left: 3px solid var(--rule, #d9d2c0); padding: .25rem 0 .25rem 1rem; margin: 1rem 0 1.5rem; }
.hc-toc ul { margin: 0; padding-left: 1.1rem; }
.hc-body { max-width: 42rem; line-height: 1.6; }
.hc-body h2 { margin-top: 2rem; }
.hc-body h3 { margin-top: 1.5rem; }
.hc-body code { background: rgba(0, 0, 0, .06); padding: 0 .25rem; border-radius: 3px; }
.hc-note { background: rgba(0, 0, 0, .04); border-left: 4px solid var(--accent, #7a1f2b); padding: .75rem 1rem; margin: 1rem 0; }
.hc-updated, .hc-fine { color: var(--ink-soft, #4a4a4a); font-size: .9rem; }
.hc-still, .hc-related { margin-top: 2.5rem; padding-top: 1rem; border-top: 2px solid var(--rule, #d9d2c0); }
.hc-form p { margin: 1rem 0; }
.hc-form label { display: block; font-weight: 700; margin-bottom: .25rem; }
.hc-form input:not([type=hidden]), .hc-form textarea { width: 100%; box-sizing: border-box; font: inherit; padding: .6rem .75rem; }
.hc-hint { display: block; font-size: .9rem; color: var(--ink-soft, #4a4a4a); margin-bottom: .25rem; }
.hc-error { background: #fbe9e7; border-left: 4px solid #b3261e; color: #5c1410; padding: .75rem 1rem; }
.hc-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.hc-suggest { padding-left: 1.25rem; }
.hc-suggest li { margin: .75rem 0; }
.hc-suggest a { font-weight: 700; }
.hc-sent { margin: 1.5rem 0; }
.hc-sent dt { font-weight: 700; margin-top: .5rem; }
.hc-sent dd { margin: 0; white-space: pre-wrap; }
.hc-ticket { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 1.25rem; letter-spacing: .05em; }
/* /status */
.hc-status { display: flex; align-items: center; gap: .75rem; padding: 1rem 1.25rem; border: 2px solid; border-radius: 8px; margin: 1rem 0 1.5rem; font-size: 1.25rem; font-weight: 700; }
.hc-status.ok { border-color: #1b6b3a; background: #e7f4ec; color: #0f3d21; }
.hc-status.bad { border-color: #b3261e; background: #fbe9e7; color: #5c1410; }
.hc-status-mark { font-size: 1.5rem; }
.hc-checks { width: 100%; border-collapse: collapse; }
.hc-checks th, .hc-checks td { text-align: left; padding: .5rem .5rem; border-top: 1px solid var(--rule, #e4ddcb); }
.hc-checks .ok { color: #0f3d21; }
.hc-checks .bad { color: #5c1410; font-weight: 700; }
@media (max-width: 480px) { .hc-bar nav a { margin: 0 1rem 0 0; } }
.hc .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.hc-checks { table-layout: fixed; }
.hc-checks th, .hc-checks td { overflow-wrap: anywhere; }
.hc-checks tbody th[scope=row] { text-transform: none; letter-spacing: normal; font-size: 1rem; font-weight: 400; }
.hc-checks th, .hc-checks td { white-space: normal; }