/* Widen the content container — Bootstrap's .container caps at 1140px from
   the xl breakpoint up, leaving article prose (col-md-9) around ~850px.
   1340px gives wider tables / inline-SVG diagrams without over-long prose. */
@media (min-width: 1200px) {
  .container {
    max-width: 1340px;
  }
}

/* Slightly smaller table text (~1pt) — denser reference/comparison tables.
   Scoped to main content so it hits both plain Markdown tables and the
   DT::datatable() widgets but leaves navbar/footer untouched.
   em is relative to the already font_scale=0.9 body; nudge to 0.85 for ~2pt. */
main table {
  font-size: 0.9em;
}

/* Page-type kicker — a small labelled tag at the top of every article so the
   reader immediately sees whether they are on a Manual, Tutorial, or Recipe
   page. Markup (first line of the article body):
     <p class="page-kind page-kind-manual">Manual</p> */
.page-kind {
  display: inline-block;
  margin: 0 0 1.2em;
  padding: 0.15em 0.6em;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 3px;
}
.page-kind-manual   { color: #2C3E50; background: #e7eef2; }  /* steel blue */
.page-kind-tutorial { color: #3a5f30; background: #e6efe2; }  /* muted green */
.page-kind-recipe   { color: #8a5a25; background: #f6ebdd; }  /* warm orange */
.page-kind-reference{ color: #2C3E50; background: #e9ebee; }  /* navy */

/* MRMhub modest callouts — Quarto-aesthetic boxes for pkgdown articles.
   Markup: <div class="callout callout-{note|tip|caution}">...</div>
   Use sparingly — plain prose by default; never stack callouts.
     note    — orientation / "see also" pointer (steel blue)
     tip     — actionable hint (warm orange)
     caution — footgun, load-bearing constraint (dusty rose) */
.callout {
  padding: 0.6em 0.9em;
  margin: 1em 0;
  border-left-style: solid;
  border-left-width: 4px;
  border-radius: 0 4px 4px 0;
}
.callout-note    { border-left-color: #5B8FA8; background: #f4f8fa; }
.callout-tip     { border-left-color: #D4914E; background: #fbf6ef; }
.callout-caution { border-left-color: #C27171; background: #faeeee; }

/* Prominent "get started" box — louder than the modest callouts above.
   Full warm-orange border + tint + shadow to draw the eye on onboarding pages.
   Markup: <div class="callout callout-getstarted">...</div> */
.callout-getstarted {
  border: 2px solid #D4914E;
  border-left-width: 6px;
  background: #fdf3e7;
  padding: 1em 1.25em;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(44, 62, 80, 0.08);
}
.callout-getstarted > :first-child { margin-top: 0; }
.callout-getstarted > :last-child  { margin-bottom: 0; }

/* Navbar dropdown menus: pkgdown's Bootstrap caps every .dropdown-menu at
   max-height: 280px with an inner scrollbar, which hides items in the longer
   Tutorials and Manual menus. Let navbar menus grow to the viewport so all
   entries are visible at once (still scrolls only on very short screens). */
.navbar .dropdown-menu {
  max-height: calc(100vh - 4rem);
  overflow-y: auto;
}