/* The help pages' shared look (the founder's note S7, 2026-10-28, Decision 125): the FAQ's question rows and the Need a
   person? card. Every help page (/faq, /terms, /privacy, /opt-in) reads this one file, so the look cannot drift. In every
   answer the bold line stands on its own line and the answer sits under it: the first bold words of a question row's first
   paragraph and of the card's first line (the help pages suite checks each answer opens that way). */
/* Need a person? (Decision 119): Chat with us in the site's orange, Send us a message beside it in white */
.needp p{margin:0 0 12px}
.needp .needp-btns{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.nbtn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--sear);background:var(--sear);color:var(--sear-ink);font-weight:700;text-decoration:none}
.nbtn.quiet{background:var(--surface);color:var(--ink);border-color:color-mix(in srgb,var(--ink) 25%,transparent)}
.nbtn:hover{filter:brightness(1.06)}
.group{font-size:13px;font-family:"DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin:32px 0 10px}
.qa{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.qa details{border-top:1px solid var(--line);scroll-margin-top:76px} /* clear of the sticky header when a link opens one */
.qa details:first-child{border-top:0}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 18px;font-weight:600;color:var(--ink);line-height:1.35}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .15s}
.qa details[open] > summary::after{transform:rotate(-135deg);margin-top:4px}
.qa summary:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}
.qa summary:focus-visible{outline:2px solid var(--sear);outline-offset:-2px}
.qa details > :not(summary){margin:0 18px 12px}
.qa details > p:first-of-type{margin-top:2px}
.qa details > :last-child{margin-bottom:16px}
.qa ul{padding-left:20px}
@media (prefers-reduced-motion:reduce){.qa summary::after{transition:none}}
.qa details > p:first-of-type > strong:first-child, .needp > p:first-child > strong:first-child{display:block; margin-bottom:2px}