/* Reading layout for the public operations guides. */
body.public-page .guide-hero h1 { font-size: clamp(2rem, 4.8vw, 3.6rem); line-height: 1.1; }
.guide-hero .guide-byline { color: var(--rap-muted); font-size: .875rem; line-height: 1.7; }
.guide-page .guide-toc, .guide-page .guide-image, .guide-page .guide-related { width: min(100% - 40px, 880px); margin: 0 auto; }
.guide-page .guide-toc { padding: 24px; border: 1px solid var(--rap-line); border-radius: 16px; background: #f6f9fd; }
.guide-page .guide-toc h2, .guide-page .guide-related h2 { margin: 0 0 12px; font-size: 1.25rem; }
.guide-page .guide-toc ol, .guide-page .guide-related ul { margin: 0; padding-left: 22px; }
.guide-page .guide-toc li, .guide-page .guide-related li { margin: 8px 0; line-height: 1.6; }
.guide-page .guide-image { margin-top: 32px; margin-bottom: 32px; }
.guide-page .guide-image img { display: block; width: 100%; height: auto; border: 1px solid var(--rap-line); border-radius: 12px; }
.guide-page .guide-image figcaption { margin-top: 10px; color: var(--rap-muted); font-size: .875rem; line-height: 1.6; }
.guide-page section { scroll-margin-top: 110px; }
.guide-page .card h3 { margin: 28px 0 10px; line-height: 1.4; font-size: 1.2rem; }
.guide-page .card ul, .guide-page .card ol { padding-left: 24px; }
.guide-page .card li { margin-bottom: 10px; }
.guide-page .table-scroll { overflow-x: auto; overscroll-behavior-x: contain; margin: 22px 0; }
.guide-page table { width: 100%; min-width: 560px; border-collapse: collapse; line-height: 1.65; }
.guide-page th, .guide-page td { padding: 14px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--rap-line); }
.guide-page th { background: #f1f6fc; color: var(--rap-ink); }
.guide-page blockquote { margin: 24px 0; padding: 16px 20px; border-left: 3px solid var(--rap-blue); background: #f6f9fd; }
.guide-page blockquote p { margin: 0; }
.guide-page .guide-related { margin-top: 20px; padding: 24px; background: #f6f9fd; border-radius: 16px; }
.guide-page a { overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .guide-page .guide-toc, .guide-page .guide-related { padding: 18px; }
  .guide-page .card h2 { overflow-wrap: anywhere; }
}