/* Pages de texte (politique de confidentialité, règlement interne) */
.doc-page { background: var(--color-paper); }
.doc-bar {
  position: sticky; top: 0; z-index: 10;
  display: flex; justify-content: space-between; align-items: center; gap: var(--space-md);
  padding: var(--space-sm) var(--gutter);
  background: var(--color-paper); border-bottom: 1px solid var(--color-line);
}
.doc-bar__logo { width: clamp(3.5rem, 3rem + 2vw, 4.75rem); }
.doc-bar__logo img { width: 100%; height: auto; }
.doc-bar .pill { display: inline-flex; }
.doc { max-width: 46rem; margin: 0 auto; padding: var(--space-3xl) var(--gutter) var(--space-4xl); }
.doc__title { font-family: var(--font-display); font-weight: 200; font-size: var(--text-2xl); line-height: 1; color: var(--color-accent); margin-bottom: var(--space-lg); overflow-wrap: anywhere; }
.doc__meta { font-size: var(--text-label); font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-text-soft); }
.doc__meta + .doc__meta { margin-bottom: var(--space-2xl); }
.doc h2 {
  margin: var(--space-3xl) 0 var(--space-md); padding-top: var(--space-md); border-top: 1px solid var(--color-line);
  font-family: var(--font-display); font-weight: 500; font-size: var(--text-lg); line-height: 1.2; color: var(--color-text);
  scroll-margin-top: 5rem;
}
.doc h2 span { color: var(--color-accent); }
.doc h3 { margin: var(--space-xl) 0 var(--space-sm); font-size: var(--text-base); font-weight: 500; }
.doc p, .doc li { line-height: 1.65; }
.doc p + p { margin-top: var(--space-md); }
.doc ul { margin: var(--space-sm) 0 var(--space-md); padding-left: 1.25rem; display: grid; gap: var(--space-xs); }
.doc li::marker { color: var(--color-accent); }
.doc a { color: var(--color-ink); }
.doc-foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-md); max-width: 46rem; margin: 0 auto; padding: var(--space-xl) var(--gutter) var(--space-3xl); border-top: 1px solid var(--color-line); font-size: var(--text-sm); }
.doc-foot a { color: var(--color-text); }
.doc-foot a:hover { color: var(--color-accent); }
.doc__end { margin-top: var(--space-2xl); font-style: normal; color: var(--color-text-soft); }