/* Additions scoped to the illustrated Wet End guide. */
.wet-operator .wet-color-key { display: flex; flex-wrap: wrap; gap: 9px 20px; padding: 14px 0; margin-bottom: 15px; font-size: 11px; color: var(--muted); }
.wet-color-key > span { display: inline-flex; gap: 7px; align-items: center; }
.wet-color-key i { width: 19px; height: 4px; display: inline-block; border-radius: 2px; }
.key-stock { background: #f3cd85; }
.key-sheet { background: #8df2c2; }
.key-water { background: #72b5ff; }
.key-air { background: #e8a3dd; }
.wet-stock, .wet-sheet, .wet-water, .wet-air, .wet-signal, .wet-force { fill: none; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.wet-stock { stroke: #f3cd85; }
.wet-sheet { stroke: #8df2c2; }
.wet-water { stroke: #72b5ff; }
.wet-air, .wet-signal { stroke: #e8a3dd; }
.wet-signal { stroke-dasharray: 7 5; stroke-width: 3; }
.wet-force { stroke: #d8e1f0; }
.wet-fabric { stroke: #d8e1f0; stroke-width: 3; fill: none; }
.wet-stock-fill { fill: #f3cd85; opacity: .48; }
.wet-water-fill { fill: #72b5ff; opacity: .45; }
.wet-hole { fill: #b8d4ff; stroke: #91b9ff; stroke-width: 1; }
.wet-seal { stroke: #f3cd85; fill: none; stroke-width: 7; }
.wet-sleeve { stroke: #d8e1f0; fill: none; stroke-width: 5; }
.wet-batt { fill: #214f4e; stroke: #91b9ff; stroke-width: 2; }
.wet-weave { stroke: #91b9ff; stroke-width: 2; fill: none; }
.wet-fiber { stroke: #a9d7cb; stroke-width: 1.8; fill: none; }
.wet-operator .diagram-number { direction: ltr; unicode-bidi: isolate; font-size: 16px; }
.wet-diagram-scroll { overflow-x: auto; overscroll-behavior-inline: contain; direction: ltr; }
.wet-operator .wet-diagram-scroll svg { display: block; margin: 0 auto; }
.wet-scroll-hint { display: none; font-size: 10px !important; color: var(--muted); }
.wet-operator .guide-article h3 { margin-top: 22px; }
.wet-operator .guide-article .related-links { margin-bottom: 14px; }
@media (max-width: 760px) {
  .wet-operator .wet-diagram-scroll svg { min-width: 680px; }
  .wet-scroll-hint { display: block; }
}
@media print {
  .wet-color-key { color: #333; }
  .key-stock { background: #956316; }
  .key-sheet { background: #1d6b4b; }
  .key-water { background: #2366a3; }
  .key-air { background: #7e3b78; }
  .wet-stock { stroke: #956316; }
  .wet-arrow-stock { stroke: #956316; }
  .wet-sheet { stroke: #1d6b4b; }
  .wet-arrow-sheet { stroke: #1d6b4b; }
  .wet-water { stroke: #2366a3; }
  .wet-arrow-water { stroke: #2366a3; }
  .wet-air, .wet-signal { stroke: #7e3b78; }
  .wet-arrow-air, .wet-arrow-signal { stroke: #7e3b78; }
  .wet-force, .wet-fabric, .wet-sleeve { stroke: #4e5b66; }
  .wet-arrow-force, .wet-arrow-fabric { stroke: #4e5b66; }
  .wet-stock-fill { fill: #dfc492; opacity: .8; }
  .wet-water-fill { fill: #b5d0e7; opacity: .8; }
  .wet-hole { fill: #fff; stroke: #234d78; }
  .wet-seal { stroke: #956316; }
  .wet-batt { fill: #e4efeb; stroke: #234d78; }
  .wet-weave { stroke: #44515f; }
  .wet-fiber { stroke: #547468; }
  .wet-operator .wet-diagram-scroll { overflow: visible; }
  .wet-operator .wet-diagram-scroll svg { min-width: 0; }
  .wet-scroll-hint { display: none; }
}