/* Resource guides: equipment-guide (#compare, merged 2026-11-02) and transload-vs-drayage. Copied to OUT/css by pages_equipcompare.py.
   Palette: white, #EEF3FA, #003DA5, #002B75, #FF6720. No grey. */
.rg-container { max-width: 1100px; }
.rg-page h2 { margin-top: 48px; scroll-margin-top: 96px; }
.rg-page h3 { scroll-margin-top: 96px; }
.rg-intro { font-size: 17px; line-height: 1.65; color: #002B75; max-width: 820px; }
.rg-page a:not(.btn-dark):not(.btn-primary) { color: #003DA5; text-decoration: underline; text-underline-offset: 2px; }
.rg-toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 8px; padding: 12px; background: #EEF3FA; border-left: 4px solid #FF6720; }
.rg-page .rg-toc a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; background: #fff; border: 2px solid #003DA5; color: #003DA5; font-family: 'Oswald', sans-serif; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; font-size: 14px; text-decoration: none; }
.rg-page .rg-toc a:hover, .rg-page .rg-toc a:focus-visible { background: #003DA5; color: #fff; }
.cmp-wrap { margin: 16px 0 8px; }
.cmp-table tbody td { color: #002B75; }
.cmp-table sup { font-size: 11px; color: #003DA5; font-weight: 700; margin-left: 2px; }
.cmp-note { font-size: 14.5px; color: #002B75; background: #EEF3FA; padding: 12px 16px; border-left: 4px solid #003DA5; margin: 12px 0; }
.confirm { display: inline-block; font-size: 12px; font-weight: 700; color: #002B75; background: #fff; border: 1px solid #FF6720; padding: 0 4px; margin-left: 2px; white-space: nowrap; }
.rg-list { margin: 8px 0 16px 22px; line-height: 1.65; color: #002B75; }
.rg-list li { margin-bottom: 8px; }
.rg-qa { border-top: 2px solid #EEF3FA; padding: 16px 0; }
.rg-qa h3 { font-size: 19px; color: #002B75; margin-bottom: 6px; }
.rg-qa p { color: #002B75; line-height: 1.65; max-width: 860px; }
.rg-sources li { margin-bottom: 8px; color: #002B75; overflow-wrap: anywhere; }
.rg-sources a { display: inline-block; min-height: 44px; line-height: 44px; }
.tl-callout { background: #EEF3FA; border-left: 4px solid #FF6720; padding: 16px 20px; margin: 16px 0; color: #002B75; }
.tl-flow { counter-reset: tl; list-style: none; margin: 16px 0; padding: 0; }
.tl-flow > li { counter-increment: tl; position: relative; padding: 16px 16px 16px 64px; margin-bottom: 12px; background: #EEF3FA; border-left: 4px solid #003DA5; }
.tl-flow > li::before { content: counter(tl); position: absolute; left: 16px; top: 16px; width: 32px; height: 32px; border-radius: 50%; background: #003DA5; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.tl-q { font-weight: 700; color: #002B75; margin-bottom: 8px; }
.tl-yn { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0; }
.tl-yn > div { background: #fff; padding: 10px 12px; }
.tl-yn dt { font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: 13px; color: #FF6720; }
.tl-yn > div + div dt { color: #003DA5; }
.tl-yn dd { margin: 4px 0 0; color: #002B75; }
@media (max-width: 760px) {
  .cmp-wrap { overflow: visible; border: 0; }
  .cmp-table { min-width: 0; }
  .cmp-table caption { display: block; caption-side: top; }
  .cmp-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .cmp-table, .cmp-table tbody, .cmp-table tr, .cmp-table th, .cmp-table td { display: block; width: 100%; }
  .cmp-table tbody tr { border: 1px solid rgba(0,61,165,.25); border-top: 4px solid #003DA5; margin-bottom: 12px; background: #fff; }
  .cmp-table tbody tr:nth-child(even) { background: #fff; }
  .cmp-table tbody th { background: #EEF3FA; white-space: normal; font-size: 16px; }
  .cmp-table td { border-bottom: 1px solid #EEF3FA; }
  .cmp-table td::before { content: attr(data-label); display: block; font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; font-size: 12px; color: #003DA5; margin-bottom: 2px; }
  .tl-yn { grid-template-columns: 1fr; }
  .tl-flow > li { padding-left: 56px; }
}
.rg-page .tl-flow { max-width: 900px; width: 100%; } .rg-page .tl-flow p, .rg-page .tl-flow dd { max-width: none; }