/* Scoped to the native main-page / main-blog-article custom_class.
   Attach rb-guide to those sections only. No global reset or product styling. */
.rb-guide {
  --rb-navy: #12304a;
  --rb-teal: #0c7a86;
  --rb-text: #203341;
  --rb-muted: #526675;
  --rb-line: #d9e2e8;
  --rb-paper: #f3f6f8;
  color: var(--rb-text);
  padding-block: clamp(2rem, 5vw, 4.5rem);
  overflow-wrap: anywhere;
}
.rb-guide :is(.f-page-content,.f-article__content) :is(h2,h3,h4) {
  color: var(--rb-navy);
  letter-spacing: -.025em;
  text-wrap: balance;
  scroll-margin-top: 7rem;
}
.rb-guide h1 { font-size: clamp(2.2rem, 4.8vw, 3.75rem); line-height: 1.08; max-width: 21ch; margin-bottom: 2.25rem; }
.rb-guide :is(.f-page-content,.f-article__content) h2 { font-size: clamp(1.65rem, 2.6vw, 2.3rem); line-height: 1.2; margin-block: 3.25rem 1.15rem; }
.rb-guide :is(.f-page-content,.f-article__content) h3 { font-size: clamp(1.2rem, 1.8vw, 1.5rem); line-height: 1.35; margin-block: 2rem .85rem; }
.rb-guide :is(.f-page-content,.f-article__content) :is(p,li,td,th,figcaption) { font-size: 1rem; line-height: 1.78; }
.rb-guide :is(.f-page-content,.f-article__content) p { margin-block: 0 1.2rem; }
.rb-guide :is(.f-page-content,.f-article__content) :is(p,ul,ol,h2,h3,h4) { max-width: 76ch; }
.rb-guide :is(.f-page-content,.f-article__content) :is(ul,ol) { padding-inline-start: 1.5rem; margin-block: 1rem 1.6rem; }
.rb-guide :is(.f-page-content,.f-article__content) li { padding-inline-start: .2rem; margin-block: .45rem; }
.rb-guide :is(.f-page-content,.f-article__content) li::marker { color: var(--rb-teal); font-weight: 700; }
.rb-guide :is(.f-page-content,.f-article__content) a { color: var(--rb-teal); text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: .08em; }
.rb-guide :is(.f-page-content,.f-article__content) a:hover { color: var(--rb-navy); }
.rb-guide :is(.f-page-content,.f-article__content) a:focus-visible { outline: 3px solid var(--rb-teal); outline-offset: 4px; border-radius: 2px; }
.rb-guide :is(.f-page-content,.f-article__content) figure {
  margin: 2.5rem 0 3rem;
  padding: clamp(1rem, 3vw, 2rem);
  max-width: 62rem;
  background: var(--rb-paper);
  border: 1px solid var(--rb-line);
  border-radius: 12px;
}
.rb-guide :is(.f-page-content,.f-article__content) figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 38rem;
  object-fit: contain;
  object-position: center;
  background: #fff;
  border-radius: 6px;
}
.rb-guide :is(.f-page-content,.f-article__content) figcaption { color: var(--rb-muted); font-size: .875rem; line-height: 1.55; padding-top: 1rem; max-width: 76ch; }
.rb-guide :is(.f-page-content,.f-article__content) table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; border: 1px solid var(--rb-line); margin-block: 1.75rem 2.5rem; }
.rb-guide :is(.f-page-content,.f-article__content) :is(th,td) { min-width: 10rem; padding: 1rem 1.2rem; border-bottom: 1px solid var(--rb-line); text-align: left; vertical-align: top; }
.rb-guide :is(.f-page-content,.f-article__content) th { background: var(--rb-navy); color: white; font-weight: 600; font-size: .92rem; }
.rb-guide :is(.f-page-content,.f-article__content) tbody tr:nth-child(even) { background: var(--rb-paper); }
.rb-guide :is(.f-page-content,.f-article__content) blockquote { margin: 2rem 0; border-inline-start: 4px solid var(--rb-teal); padding: 1.25rem 1.5rem; background: var(--rb-paper); max-width: 76ch; }
.rb-guide :is(.f-page-content,.f-article__content) blockquote p:last-child { margin-bottom: 0; }
.rb-guide.rb-article { padding-block: clamp(2rem, 4vw, 3.5rem); }
.rb-guide.rb-article h1 { max-width: 24ch; }
@media (max-width: 767px) {
  .rb-guide { padding-block: 1.75rem 2.5rem; }
  .rb-guide :is(.f-page-content,.f-article__content) h2 { margin-top: 2.4rem; }
  .rb-guide :is(.f-page-content,.f-article__content) figure { margin-block: 1.75rem 2.25rem; padding: .8rem; border-radius: 8px; }
  .rb-guide :is(.f-page-content,.f-article__content) :is(th,td) { min-width: 9rem; padding: .8rem; }
  .rb-guide :is(.f-page-content,.f-article__content) :is(p,li,td,th) { line-height: 1.7; }
}
@media print {
  .rb-guide { padding: 0; }
  .rb-guide :is(.f-page-content,.f-article__content) :is(h2,h3) { break-after: avoid; }
  .rb-guide :is(.f-page-content,.f-article__content) figure { break-inside: avoid; }
  .rb-guide :is(.f-page-content,.f-article__content) table { display: table; }
}

/* Native title and text wrappers observed in theme 55. */
.rb-guide :is(.f-page-content,.f-article__content) { max-width: 62rem; margin-inline: auto; }
.rb-guide h1 { color: #12304a; letter-spacing: -.025em; text-wrap: balance; }
.rb-guide.rb-article .f-article__header { text-align: left; }
.rb-guide.rb-article .f-article__header h1 { margin-inline: 0; }