/* V6.5: dedicated visuals and topic links, scoped to the new evidence sections. */
.hygiene-detail .process-intro { position: static; min-width: 0; }
.hygiene-visual { margin: 28px 0 0; overflow: hidden; border: 1px solid var(--line-dark); border-radius: var(--radius-md); background: var(--paper-white); box-shadow: 0 12px 32px rgba(12,31,64,.08); }
.hygiene-visual picture { display: block; }
.hygiene-visual img { width: 100%; height: auto; }
.hygiene-visual figcaption { padding: 16px 18px; color: var(--muted-dark); font-size: .79rem; line-height: 1.55; }
.hygiene-visual figcaption strong { display: block; margin-bottom: 7px; color: var(--text-dark); font-size: .96rem; font-weight: 700; }
.hygiene-topics { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.hygiene-topics a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 9px 12px; border: 1px solid rgba(17,76,255,.19); border-radius: 999px; color: #164ee8; background: rgba(17,76,255,.045); font-size: .78rem; font-weight: 650; line-height: 1.3; text-decoration: none; }
.hygiene-topics a:hover { background: rgba(17,76,255,.1); }
.hygiene-topics svg { width: 18px; height: 18px; flex: 0 0 18px; }
@media (max-width: 960px) {
  .hygiene-detail .process-grid { grid-template-columns: 1fr; gap: 34px; }
  .hygiene-detail .process-intro h2 { max-width: 18ch; }
}
@media (max-width: 480px) {
  .hygiene-visual { margin-top: 24px; }
  .hygiene-visual figcaption { padding: 14px 16px; }
  .hygiene-topics a { padding-inline: 10px; }
}