/* The few rules the help pages need on top of styles.css. Same tokens, no new colors. Written by site/scripts/help.mjs. */
[hidden] { display: none !important; }
.crumbs { margin: 0 0 14px; font-size: 1rem; }
.crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; }
.crumbs li { margin: 0; display: inline-flex; align-items: center; gap: 10px; color: var(--quiet); }
.crumbs li + li::before { content: "/"; color: var(--rule-strong); }
.crumbs a { display: inline-flex; align-items: center; min-height: 44px; color: var(--brand-text); font-weight: 600; text-underline-offset: 0.2em; }
.nav a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--ink); }
.doc h1.help-title { font-size: clamp(2rem, 1.2rem + 3vw, 3rem); line-height: 1.08; margin-bottom: 0.45em; }
.doc h1.help-index { margin-bottom: 0.3em; }
.aud { display: inline-block; font-family: var(--display); font-weight: 600; font-size: 0.9375rem; line-height: 1.2; padding: 4px 10px; border-radius: 6px; background: var(--sunk); border: 1px solid var(--rule-strong); color: var(--ink); margin: 0 0 1.6em; }
.doc h2 { scroll-margin-top: 80px; }
.doc h3 { font-size: 1.25rem; }
.doc code { font-family: inherit; font-weight: 600; font-size: 0.95em; background: var(--sunk); padding: 0.1em 0.35em; border-radius: 4px; overflow-wrap: anywhere; } /* a file name in the site's one face (audit: Figtree only), on a tint so it still reads as a name */
.doc hr { border: 0; border-top: 1px solid var(--rule-strong); margin: 2em 0; }
.related { margin-top: 2.6em; padding-top: 0.2em; border-top: 1px solid var(--rule-strong); }
.related h2 { font-size: 1.5rem; margin: 1em 0 0.4em; }
.doc .related ul, .doc .help-list, .doc .help-jump { list-style: none; padding: 0; margin: 0; }
.related li { margin: 0; border-top: 1px solid var(--rule); }
.related li:first-child { border-top: 0; }
.related a { display: flex; align-items: center; min-height: 48px; padding: 8px 0; font-weight: 600; text-underline-offset: 0.2em; }
.still { margin: 2.4em 0 0; padding: 16px 18px; background: var(--sunk); border-radius: 10px; font-size: 1.0625rem; line-height: 1.5; }
.help-find:empty { display: none; }
.help-find { margin: 1.6em 0 0.6em; }
.help-find label { display: block; font-weight: 600; font-size: 1.0625rem; margin-bottom: 8px; }
.help-find input { width: 100%; max-width: 32em; min-height: 52px; padding: 0 16px; border: 1.5px solid var(--rule-strong); border-radius: 8px; background: var(--surface); color: var(--ink); font: 400 1.125rem/1.2 var(--text); appearance: none; -webkit-appearance: none; }
.help-find input::placeholder { color: var(--quiet); opacity: 1; }
.help-find input:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
.help-status { margin: 10px 0 0; min-height: 1.5em; font-size: 1rem; color: var(--ink-2); }
.doc .help-jump { margin: 1.4em 0 0; display: flex; flex-wrap: wrap; gap: 0 22px; font-size: 1rem; }
.help-jump li { margin: 0; }
.help-jump a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; text-underline-offset: 0.2em; }
.help-section { margin-top: clamp(32px, 4vw, 52px); }
.help-section h2 { margin: 0 0 0.3em; }
.help-list li { margin: 0; padding: 14px 0 16px; border-top: 1px solid var(--rule-strong); }
.help-list a { display: block; font-weight: 600; font-size: 1.1875rem; line-height: 1.3; min-height: 44px; padding: 8px 0 2px; text-underline-offset: 0.2em; text-decoration-color: var(--rule-strong); }
.help-list .sum { margin: 2px 0 6px; color: var(--ink-2); font-size: 1.0625rem; line-height: 1.5; max-width: 40em; }
.help-list .who-for { margin: 0; color: var(--quiet); font-size: 0.9375rem; }
@media (hover: hover) and (pointer: fine) { .help-list a:hover { text-decoration-color: var(--ink); } }