/* Additive styles for the public manual and its update archive. */
.guide-page .guide-updated,
.guide-page .hero .guide-updated { font-size: 13px; font-weight: 400; margin: 12px 0 18px; }
.guide-page main .guide-updated { color: #526b6b; }
.guide-page .role-switch { flex-wrap: wrap; }
.guide-page .role-switch a { flex: 1; display: flex; align-items: center; justify-content: center; border-radius: 12px; padding: 14px 18px; color: #0f5b62; text-decoration: none; font-weight: 800; text-align: center; }
.guide-page .role-switch a.active { color: #fff; background: #0f5b62; }
.guide-page :is(a, button):focus-visible { outline: 3px solid #16808a; outline-offset: 3px; }
.guide-page .layout.guide-updates-layout { display: block; max-width: 980px; }
.guide-page .guide-update-card { border: 1px solid #d9e6e5; border-radius: 14px; padding: 24px; margin-top: 24px; background: #f8fcfb; }
.guide-page .guide-update-card h2 { border: 0; padding: 0; margin: 16px 0; font-size: 25px; }
.guide-page .guide-update-card h2 a { color: #0f5b62; text-underline-offset: 4px; }
.guide-page .guide-date-badge { display: inline-block; color: #115e59; background: #e9f5f3; border-radius: 6px; padding: 4px 10px; font-size: 13px; font-weight: 700; }
.guide-page .guide-action { display: inline-block; padding: 9px 14px; margin: 4px 6px 4px 0; border: 1px solid #90b9b4; border-radius: 8px; color: #0f5b62; text-decoration: none; font-size: 14px; font-weight: 700; }
.guide-page .guide-action:hover { background: #e9f5f3; }
.guide-page .guide-table-wrap { overflow-x: auto; margin: 20px 0; border: 1px solid #d9e6e5; border-radius: 8px; }
.guide-page .guide-table-wrap table { width: 100%; min-width: 540px; border-collapse: collapse; font-size: 14px; }
.guide-page .guide-table-wrap :is(th, td) { padding: 12px; text-align: left; vertical-align: top; border-bottom: 1px solid #d9e6e5; }
.guide-page .guide-table-wrap th { background: #edf6f3; min-width: 140px; }
.guide-page .guide-updates-layout :is(p, li, a) { overflow-wrap: anywhere; }
@media (max-width: 820px) {
  .guide-page .role-switch :is(a, button) { padding: 12px 8px; font-size: 14px; min-width: 90px; }
  .guide-page .guide-update-card { padding: 18px; }
  .guide-page .guide-updates-layout h1 { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.guide-page) { scroll-behavior: auto; }
}