.plum-process-flow.plum-pfd-ready,
.plum-fermentation-flow.plum-pfd-ready {
  background: #fff !important;
  color: #202525 !important;
  border: 1px solid #d9dede !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: clamp(14px, 2.5vw, 26px) !important;
  max-width: none !important;
}

/* Reuse and mine-water lanes place their diagrams in narrow grid columns. */
.plum-reuse-lane > .plum-process-flow.plum-pfd-ready,
.plum-mine-route-lane > .plum-process-flow.plum-pfd-ready {
  max-width: 100% !important;
}

.plum-process-flow.plum-pfd-ready > .plum-process-flow__eyebrow,
.plum-fermentation-flow.plum-pfd-ready > .plum-fermentation-flow__eyebrow {
  color: #087f83 !important;
  margin: 0 0 8px !important;
}

.plum-pfd-viewport {
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

.plum-pfd-viewport svg {
  display: block;
  width: 100%;
  height: auto;
  min-width: var(--plum-pfd-min-width, 0px);
  background: #fff;
}

.plum-pfd-handoff {
  margin: 12px 0 0 !important;
  color: #526365 !important;
  font-size: 0.9rem !important;
  line-height: 1.55 !important;
}

.plum-pfd-scroll-hint {
  margin: 6px 0 0 !important;
  color: #697171 !important;
  font-size: 0.82rem !important;
  line-height: 1.4 !important;
}

.plum-pfd-scroll-hint[hidden] {
  display: none !important;
}

.plum-pfd-ready .plum-process-flow__steps[hidden],
.plum-pfd-ready .plum-fermentation-flow__grid[hidden] {
  display: none !important;
}

@media (max-width: 700px) {
  .plum-process-flow.plum-pfd-ready,
  .plum-fermentation-flow.plum-pfd-ready {
    padding: 10px !important;
  }
  .plum-pfd-viewport {
    overflow-x: hidden;
  }
  .plum-pfd-viewport svg {
    min-width: 0;
  }
}

/* Complete diagrams fit the available column; narrow columns use a readable vertical graph. */
.plum-pfd-viewport { overflow: visible !important; min-width: 0; }
.plum-pfd-viewport svg { min-width: 0 !important; max-width: 100%; }
.plum-pfd-viewport[data-orientation="compact"] svg { max-width: 580px; margin-inline: auto; }
.plum-pfd-notes { margin-top: 16px; border-top: 1px solid #d9dede; background: #fff; color: #202525; }
.plum-pfd-notes summary { padding: 14px 12px; font-size: .95rem; color: #155eef; font-weight: 600; cursor: pointer; }
.plum-pfd-notes summary:focus-visible { outline: 2px solid #155eef; outline-offset: -2px; }
.plum-pfd-ready .plum-pfd-notes :is(.plum-process-flow__steps,.plum-fermentation-flow__grid) { display: block !important; padding: 4px 12px 16px !important; margin: 0 !important; background: #fff !important; color: #202525 !important; }
.plum-pfd-notes :is(.plum-process-flow__node,.plum-fermentation-flow__node,.plum-fermentation-flow__outlet,.plum-process-flow__side-item) { display: block !important; width: auto !important; min-height: 0 !important; margin: 12px 0 !important; padding: 10px 0 !important; border: 0 !important; background: #fff !important; color: #202525 !important; box-shadow: none !important; }
.plum-pfd-notes :is(h3,h4,p,span,strong,small) { color: #202525 !important; }
.plum-pfd-notes :is(.plum-process-flow__label,.plum-fermentation-flow__label,.plum-process-flow__arrow,.plum-fermentation-flow__arrow) { display: none !important; }
.plum-pfd-notes :is(.plum-process-flow__node,.plum-fermentation-flow__node)::after { content: none !important; }

/* Plain descriptions: no inherited diagram card counters, absolute labels or serif headings. */
.plum-pfd-ready > [hidden] { display: none !important; }
.plum-pfd-description { padding: 4px 18px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.65; }
.plum-pfd-description-list { display: block !important; margin: 12px 0 0 !important; padding: 0 0 0 1.5em !important; list-style: decimal outside !important; }
.plum-pfd-description-list > li { display: list-item !important; position: static !important; width: auto !important; min-height: 0 !important; height: auto !important; max-height: none !important; padding: 0 0 14px 4px !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: #202525 !important; }
.plum-pfd-description-list > li::before, .plum-pfd-description-list > li::after { content: none !important; }
.plum-pfd-description-list > li > strong { display: block; font: 600 1rem/1.5 Arial, Helvetica, sans-serif !important; }
.plum-pfd-description p { margin: 4px 0 0 !important; font: 400 1rem/1.65 Arial, Helvetica, sans-serif !important; overflow-wrap: anywhere; }
.plum-pfd-description h3 { margin: 18px 0 8px !important; font: 600 1.1rem/1.5 Arial, Helvetica, sans-serif !important; }
.plum-process-flow--joint { width: 100%; }

/* Long diagrams span both desktop grid columns; the intro retains its own layout. */
@media(min-width:701px){
 .plum-reuse-lane > .plum-process-flow.plum-pfd-ready,
 .plum-mine-route-lane > .plum-process-flow.plum-pfd-ready {grid-column:1/-1!important;width:100%;box-sizing:border-box;}
}
.plum-pfd-ready > p.plum-pfd-legend {margin:8px 0 0!important;font:400 14px/1.55 Arial,Helvetica,sans-serif!important;color:#526365!important;}