/* Scoped to the manual so the Divi header, footer, and other pages retain their styles. */
#main-content.manual-page {
  --manual-green: #099545;
  --manual-lime: #8cc63e;
  --manual-sticky-top: 0px;
  background: #efefef;
  color: #555;
  font: 14px/1.5 Roboto, Helvetica, Arial, sans-serif;
}
.manual-page *, .manual-page *::before, .manual-page *::after { box-sizing: border-box; }
.manual-page h1, .manual-page h2, .manual-page h3, .manual-page h4, .manual-page p { font-family: inherit; letter-spacing: normal; padding: 0; margin: 0; }
.manual-layout { display: flex; max-width: 1280px; margin: 0 auto; align-items: flex-start; }
.manual-sidebar { background: #fff; border-right: 1px solid #e0e0e0; flex: 0 0 280px; position: sticky; top: var(--manual-sticky-top); height: calc(100dvh - var(--manual-sticky-top)); overflow-y: auto; }
.manual-navigation { padding: 16px; }
.manual-navigation .manual-nav-title { color: var(--manual-lime); font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 12px; }
.manual-navigation a { display: block; border-left: 3px solid transparent; border-radius: 8px; padding: 10px 12px; margin-bottom: 2px; color: #333; line-height: 1.25; text-decoration: none; transition: background .15s; }
.manual-navigation a span { display: block; font-weight: 500; }
.manual-navigation small { display: block; font-size: 12px; color: #777; margin-top: 2px; line-height: 1.5; }
.manual-navigation a:hover, .manual-navigation a[aria-current="location"] { background: #f0f9f4; border-left-color: var(--manual-green); color: var(--manual-green); }
.manual-page :focus-visible { outline: 2px solid var(--manual-green); outline-offset: 3px; }
.manual-main { flex: 1; min-width: 0; }
.manual-hero {color: #fff;
    background: linear-gradient(135deg, var(--ogis-color-forest, #0e2219), var(--ogis-color-heading, #1a3d28) 55%, var(--ogis-color-primary, #3a8c5c));
    overflow: hidden;
    padding: 48px 32px;
    position: relative;}
.manual-hero-tag, .manual-tag { display: inline-block; border-radius: 999px; padding: 4px 12px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #fff; }
.manual-hero-tag { background: rgba(255,255,255,.2); margin-bottom: 16px; }
.manual-hero h1 { color: #fff; font-size: 36px; font-weight: 700; line-height: 1.25; margin-bottom: 12px; }
.manual-hero .manual-hero-subtitle { font-size: 16px; color: rgba(255,255,255,.8); margin-bottom: 24px; }
.manual-hero .manual-hero-description { max-width: 576px; color: rgba(255,255,255,.8); }
#main-content.manual-page .manual-hero-notice { max-width: 672px; margin-top: 24px; padding: 16px; border-radius: 8px; border-left: 4px solid rgba(255,255,255,.5); background: rgba(255,255,255,.15); font-weight: 500; color: rgba(255,255,255,.95); }
.manual-content { padding: 32px; }
.manual-content section + section { margin-top: 48px; }
.manual-section-heading { padding-top: 8px; margin-bottom: 24px; scroll-margin-top: calc(var(--manual-sticky-top) + 20px); }
.manual-section-heading::after { content: ''; display: block; height: 2px; margin-top: 12px; background: linear-gradient(90deg, #099545 0%, #8cc63e 60%, transparent 100%); }
.manual-tag { background: var(--manual-lime); margin-bottom: 12px; }
.manual-section-heading h2 { color: var(--manual-green); font-size: 24px; line-height: 1.33; font-weight: 700; margin-bottom: 4px; }
.manual-section-heading p { color: #666; }
.manual-content h3 { font-size: 16px; line-height: 1.5; font-weight: 700; color: #333; margin: 24px 0 8px; }
.manual-content h4 { font-size: 14px; line-height: 1.5; font-weight: 700; margin-bottom: 4px; }
.manual-page .manual-steps, .manual-page .manual-checklist { list-style: none; padding: 0; margin: 12px 0 0; }
.manual-steps { counter-reset: manual-step; }
.manual-steps li, .manual-checklist li { display: flex; gap: 12px; margin: 0 0 8px; padding: 0; }
.manual-steps li::before { counter-increment: manual-step; content: counter(manual-step); flex: 0 0 24px; height: 24px; border-radius: 50%; background: var(--manual-green); color: #fff; text-align: center; font-size: 12px; font-weight: 700; line-height: 24px; }
.manual-checklist li { gap: 8px; }
.manual-checklist li::before { content: '✓'; color: var(--manual-lime); font-weight: 700; }
.manual-menu-path { display: inline-block; max-width: 100%; padding: 4px 8px; border: 1px solid #c3e6cb; border-radius: 4px; background: #f0f9f4; color: var(--manual-green); font-family: monospace; font-size: 12px; overflow-wrap: anywhere; }
.manual-table-wrap { overflow-x: auto; margin-top: 16px; }
.manual-page table { width: 100%; border-collapse: collapse; border: 0; margin: 0; font-size: 14px; line-height: 1.5; }
.manual-page table th, .manual-page table td { padding: 12px 16px; text-align: left; border: 0; vertical-align: top; }
.manual-page table th { background: var(--manual-green); color: #fff; font-weight: 500; }
.manual-page table td { border-bottom: 1px solid #e8e8e8; color: #666; }
.manual-page table td:first-child { color: #333; font-weight: 500; }
.manual-page table tr:nth-child(odd) { background: #fff; }
.manual-page table tr:nth-child(even) { background: #f7faf7; }
.manual-page .manual-flow-table th, .manual-page #reference ~ .manual-table-wrap th, .manual-page #inventory ~ .manual-table-wrap th { background: var(--manual-lime); }
.manual-flow-table td:first-child { color: var(--manual-green); font-weight: 700; text-align: center; }
.manual-warning { display: flex; gap: 12px; background: #fff8e1; border: 1px solid #ffc107; border-radius: 8px; padding: 16px; margin-top: 16px; color: #7a5c00; font-weight: 500; }
.manual-warning::before { content: '⚠'; font-size: 22px; }
.manual-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 16px; }
.manual-card { padding: 16px; border-radius: 8px; overflow-wrap: anywhere; }
.manual-card .manual-menu-path { margin: 0 0 12px; }
.manual-note { padding: 20px; border-radius: 12px; margin-top: 24px; }
.manual-note h4 { color: #fff; }
.manual-note h4 + p { color: rgba(255,255,255,.9); }
.manual-note > p:first-child:not(:only-child) { font-weight: 700; margin-bottom: 4px; }
.manual-mono { font-family: monospace; }
.manual-small { font-size: 12px; }
.manual-nav-toggle { display: none; }
@media (max-width: 1023px) {
  .manual-layout { display: block; }
  .manual-sidebar { border-right: 0; border-bottom: 1px solid #e0e0e0; height: auto; position: static; }
  .manual-page.manual-enhanced .manual-sidebar { position: sticky; z-index: 20; }
  .manual-page.manual-enhanced .manual-nav-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 24px; border: 0; background: #fff; color: var(--manual-green); font: 700 14px/1.5 Roboto, Helvetica, Arial, sans-serif; cursor: pointer; }
  .manual-page.manual-enhanced .manual-navigation { display: none; max-height: calc(100dvh - var(--manual-sticky-top) - 56px); overflow-y: auto; }
  .manual-page.manual-enhanced .manual-nav-toggle[aria-expanded="true"] + .manual-navigation { display: block; }
  .manual-section-heading { scroll-margin-top: calc(var(--manual-sticky-top) + 76px); }
}
@media (max-width: 639px) {
  .manual-hero { padding: 36px 24px; }
  .manual-hero h1 { font-size: 30px; }
  .manual-content { padding: 24px; }
  .manual-card-grid { grid-template-columns: 1fr; gap: 12px; }
  .manual-page table { min-width: 540px; }
}
@media print {
  .manual-sidebar { display: none; }
  .manual-layout { display: block; }
  .manual-content { padding: 0; }
  .manual-table-wrap { overflow: visible; }
  .manual-page table { min-width: 0; }
  .manual-page tr { break-inside: avoid; }
  .manual-section-heading { break-after: avoid; }
}