/* help pages only - the chatmail house style lives in /style.css and is untouched */
main { max-width: 46rem; }
nav.site { display:flex; gap:1rem; margin-bottom:2rem; font-size:.9rem; flex-wrap:wrap;
  padding-bottom:1rem; border-bottom:1px solid var(--line-soft, #1c1c21); }
nav.site a { color:#9a9ab0; text-decoration:none; }
nav.site a:hover { color:var(--accent, #ff6a1a); }
nav.toc { border-left:1px solid var(--line, #222227); padding-left:1rem; margin:2rem 0;
  font-size:.92rem; }
nav.toc a { display:block; color:#9a9ab0; text-decoration:none; padding:.2rem 0; }
nav.toc a:hover { color:#e8e6e1; }
p.lede { color:#9a9ab0; margin:0 0 2rem; font-size:.95rem; }
code, .addr { font-family:var(--mono, ui-monospace, "JetBrains Mono", Menlo, monospace);
  font-size:.88em; }
code { background:var(--bg-inset, #141417); border:1px solid var(--line, #222227);
  border-radius:3px; padding:.1em .35em; }
code.extref { color:#8a8a9a; }

/* ---------- portal: cocks.io wordmark + footer nav on the mirrored FAQ ---------- */
/* These pages load both style.css and this file. The wordmark inherits the
   nav.site link colour unless overridden, and the footer nav needs the same
   centred row as the chatmail pages. */
nav.site .ck-wm {
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: -.02em;
  text-transform: none;
  color: #e8e6e1;
  margin-left: auto;
}
nav.site .ck-wm em { font-style: normal; color: var(--accent, #ff6a1a); }

footer .ck-footnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .6rem;
  margin: 0 auto 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
footer .ck-footnav a { color: #9a9ab0; text-decoration: none; }
footer .ck-footnav a:hover,
footer .ck-footnav a:focus-visible { color: var(--accent, #ff6a1a); }
footer .ck-footnav-sep { color: rgba(255,255,255,.2); }

@media (max-width: 560px) {
  nav.site .ck-wm { margin-left: 0; width: 100%; }
}