/* Text pages (/about, /legal, /privacy, /sources): plaque header, one language at a time (js/page.js). */
html:has(body.doc), body.doc { height: auto; }
body.doc { overflow: auto; background: var(--bhm-paper); }
.doc-head { max-width: 760px; margin: 0 auto; padding: 28px 24px 0; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.doc-head .brand-city { margin-right: auto; }
.doc-langs { display: flex; gap: 4px; }
.doc-langs a { min-width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; color: var(--bhm-ink-2);
  font: 600 13px var(--bhm-font); text-decoration: none; }
.doc-langs a[aria-current="true"] { background: var(--bhm-card); color: var(--bhm-ink); box-shadow: 0 0 0 1px var(--bhm-line); }
.doc { font-size: 16px; line-height: 1.6; }
.doc main { max-width: 760px; margin: 0 auto; padding: 8px 24px 64px; box-sizing: border-box; }
.doc h1 { margin: 32px 0 8px; font-size: 34px; line-height: 1.1; font-weight: 600; letter-spacing: -0.025em; }
.doc h2 { margin: 32px 0 8px; font-size: 21px; line-height: 1.25; font-weight: 600; letter-spacing: -0.015em; }
.doc p, .doc li { color: var(--bhm-ink-2); text-wrap: pretty; }
.doc a { color: var(--bhm-ink); }
.doc .lead { font-size: 18px; color: var(--bhm-ink); }
.doc .note { padding: 12px 16px; border-radius: 12px; background: var(--bhm-confirm-bg); color: var(--bhm-confirm-ink); font-size: 14px; }
.doc .placeholder { font-family: var(--bhm-mono); font-size: 0.92em; color: var(--bhm-error-ink); background: var(--bhm-error-bg); padding: 0 4px; border-radius: 4px; }
.doc-links { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--bhm-line); font-size: 14px; }
.doc-cta { display: inline-flex; align-items: center; height: 44px; padding: 0 20px; border-radius: 999px; background: var(--bhm-ink); color: #FFFFFF !important;
  font-weight: 500; text-decoration: none; }
@media (max-width: 639px) {
  .doc-head { padding: 16px 16px 0; }
  .doc main { padding: 0 16px 48px; }
  .doc h1 { font-size: 28px; margin-top: 24px; }
  .doc-head .brand-plaque { display: none; }
  .doc-head .brand-compact { display: flex; }
}