/* Pages juridiques de /company-data : texte long dans le kit Glint (jetons de glint.css et page.css). */
.gl { background: var(--surface-page); color: var(--text-primary); }
.lg { padding: calc(var(--nav-h) + 64px) var(--m) 96px; }
.lg-doc { max-width: 720px; margin: 0 auto; color: var(--body); font: 400 16px/26px var(--font-sans); }
.lg-doc h1 { margin: 0 0 16px; color: var(--text-primary); font: 500 32px/40px var(--font-sans); letter-spacing: -0.03em; text-wrap: balance; }
.lg-doc h2 { margin: 48px 0 12px; color: var(--text-primary); font: 500 20px/28px var(--font-sans); letter-spacing: -0.02em; }
.lg-doc p { margin: 0 0 16px; text-wrap: pretty; }
.lg-doc strong { color: var(--text-primary); font-weight: 500; }
.lg-doc ul { margin: 0 0 16px; padding-left: 20px; }
.lg-doc li { margin: 0 0 6px; }
.lg-doc hr { margin: 32px 0; border: 0; border-top: 1px solid var(--line); }
.lg-doc a { text-decoration: underline; text-underline-offset: 3px; }
.lg-doc em { color: var(--muted); }
.lg-table { margin: 0 0 24px; overflow-x: auto; }
.lg-doc table { width: 100%; border-collapse: collapse; font: 400 14px/20px var(--font-sans); }
.lg-doc th, .lg-doc td { padding: 10px 12px 10px 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.lg-doc th { color: var(--text-primary); font-weight: 500; white-space: nowrap; }
@media (max-width: 767px) { .lg { padding: calc(var(--nav-h) + 32px) var(--m) 64px; } .lg-doc h1 { font-size: 24px; line-height: 32px; } }

/* Page de réservation (/company-data/reserver) : texte, calendrier en 16/9, précisions. */
.bk { padding: calc(var(--nav-h) + 64px) var(--m) 96px; }
.bk-wrap { max-width: 1080px; margin: 0 auto; display: grid; gap: 40px; }
.bk-copy { color: var(--body); font: 400 16px/26px var(--font-sans); }
.bk-copy h1 { margin: 0 0 16px; color: var(--text-primary); font: 500 32px/40px var(--font-sans); letter-spacing: -0.03em; text-wrap: balance; }
.bk-copy h2 { margin: 0 0 8px; color: var(--text-primary); font: 500 16px/24px var(--font-sans); }
.bk-copy p { margin: 0 0 12px; text-wrap: pretty; }
.bk-copy a { text-decoration: underline; text-underline-offset: 3px; }
.bk-copy strong { color: var(--text-primary); font-weight: 500; }
.bk-lead { max-width: 640px; font-size: 18px; line-height: 28px; }
.bk-steps { margin: 32px 0 0; padding: 0; list-style: none; counter-reset: s; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.bk-steps li { position: relative; padding-top: 28px; counter-increment: s; }
.bk-steps li::before { content: counter(s); position: absolute; left: 0; top: 0; color: var(--muted); font: 500 14px/24px var(--font-sans); }
.bk-notes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 32px; }
.bk-small { grid-column: 1 / -1; margin: 0; color: var(--muted); font: 400 13px/20px var(--font-sans); }
.bk-cal { min-width: 0; aspect-ratio: 16 / 9; }
#cal-inline { width: 100%; height: 100%; overflow: auto; }
@media (max-width: 899px) { .bk-steps, .bk-notes { grid-template-columns: minmax(0, 1fr); } .bk-cal { aspect-ratio: auto; } #cal-inline { min-height: 620px; } }
@media (max-width: 767px) { .bk { padding: calc(var(--nav-h) + 32px) var(--m) 64px; } .bk-copy h1 { font-size: 24px; line-height: 32px; } }
