.help-page {
    max-width: 900px;
    margin: 40px auto;
    padding: 40px 48px;
    background: #fff;
    border: 1px solid #e2d8cf;
    border-radius: 14px;
    color: #1e1510;
    font-size: 18px;
    line-height: 1.75;
}
.help-header { border-bottom: 3px solid #6f2c1f; padding-bottom: 24px; }
.help-page .brand { font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.help-page h1 { font-size: 2.25rem; line-height: 1.25; }
.help-page h2 { color: #6f2c1f; font-size: 1.625rem; margin-top: 32px; }
.help-page h3 { font-size: 1.25rem; line-height: 1.5; margin-top: 28px; }
.help-page p { margin: 12px 0; font-size: inherit; line-height: inherit; }
.help-page a { color: #6f2c1f; text-underline-offset: .15em; overflow-wrap: anywhere; }
.help-page a:hover { text-decoration-thickness: 2px; }
.help-page a:focus-visible, .help-skip-link:focus-visible { outline: 3px solid #6f2c1f; outline-offset: 4px; }
.help-page, .help-page [id] { scroll-margin-top: 110px; }
.help-page li { margin-bottom: 8px; }
.help-page .help-meta { color: #61554c; font-size: 1rem; }
.help-actions, .help-footer { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.help-index, .help-note { background: #fdf6f0; border-left: 4px solid #6f2c1f; padding: 16px 24px; }
.help-index { margin: 28px 0; }
.help-index h2 { margin-top: 0; }
.help-index ul { margin-bottom: 0; }
.help-footer { border-top: 1px solid #e2d8cf; margin-top: 36px; padding-top: 20px; }
.help-skip-link { position: fixed; left: 12px; top: -100px; z-index: 1100; background: #fff; padding: 8px 16px; color: #6f2c1f; }
.help-skip-link:focus { top: 8px; }
@media (max-width: 600px) {
    .help-page { margin: 24px auto; padding: 28px 20px; border: 0; border-radius: 0; }
    .help-page h1 { font-size: 2rem; }
    .help-page ol, .help-page ul { padding-left: 24px; }
}
@media print {
    body.reservation-help { background: #fff; padding-top: 0; }
    .help-page { max-width: none; width: 100%; margin: 0; padding: 0; border: 0; font-size: 11pt; }
    .reservation-help #menu1-g, .reservation-help #footer-modern,
    .help-skip-link, .help-index, .help-actions, .help-footer { display: none; }
    .help-page h2, .help-page h3 { break-after: avoid; }
    .help-page a { color: inherit; }
}
