/* Approved editorial artwork. Only the six generated migration pages opt in. */
.pseo-visual-page .pseo-topic-art { width: 132px; height: 68px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.pseo-visual-page .pseo-topic-art img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.pseo-visual-page .pseo-flow { margin: 28px 0 32px; padding: 26px 16px; background: #fff; border: 1px solid var(--line, #dfdfd8); border-radius: 16px; color: var(--ink, #303238); }
.pseo-visual-page .pseo-flow figcaption { width: fit-content; max-width: 100%; margin: 0 auto 25px; padding: 8px 20px; border: 1px solid var(--line, #dfdfd8); border-radius: 40px; font-size: 17px; font-weight: 600; line-height: 1.6; text-align: center; }
.pseo-visual-page .pseo-phases { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; color: inherit; }
.pseo-visual-page .pseo-phase { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; margin: 0; padding: 0; }
.pseo-visual-page .pseo-phase:not(:last-child)::after { content: ''; position: absolute; width: 8px; height: 8px; border-top: 1px solid #898b87; border-right: 1px solid #898b87; transform: rotate(45deg); top: 34px; right: -12px; }
.pseo-visual-page .pseo-phase-badge { width: 70px; height: 70px; flex: 0 0 70px; display: grid; place-items: center; border: 1px solid #646865; border-radius: 50%; overflow: hidden; background: white; }
.pseo-visual-page .pseo-phase-badge img { display: block; width: 52px; height: 52px; object-fit: contain; }
.pseo-visual-page .pseo-phase-label { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; justify-content: center; width: 100%; min-height: 46px; padding: 8px 5px; border-radius: 14px; background: #f6f5f2; font-size: 13px; font-weight: 600; line-height: 1.5; text-align: center; }
.pseo-visual-page .pseo-phase:last-child .pseo-phase-label { background: #f0f3ed; }
.pseo-visual-page .pseo-phase-number { display: grid; place-items: center; width: 21px; height: 21px; flex: 0 0 21px; background: #e7e5df; border-radius: 50%; color: #555952; font-size: 12px; font-weight: 500; }
.pseo-visual-page .pseo-icon-heading { display: flex; align-items: center; gap: 14px; }
.pseo-visual-page .pseo-icon-heading img { width: 38px; height: 42px; flex: 0 0 38px; object-fit: contain; mix-blend-mode: multiply; }
.pseo-visual-page .pseo-detail-steps { padding-left: 1.5em; }
.pseo-visual-page .pseo-detail-steps li { padding: 10px 0 10px 6px; margin: 0; border-bottom: 1px solid var(--line, #dfdfd8); }
.pseo-visual-page .pseo-detail-steps li::marker { color: #935323; font-weight: 600; }
.pseo-visual-page .pseo-checks li { margin-block: 8px; }
.pseo-visual-page .knowledge-related-list .pseo-guide-link { display: grid; grid-template-columns: 104px minmax(0, 1fr); align-items: center; gap: 22px; padding-block: 24px; }
.pseo-visual-page .pseo-guide-art { display: flex; align-items: center; justify-content: center; min-width: 0; }
.pseo-visual-page .pseo-guide-art img { width: 104px; height: 64px; object-fit: contain; mix-blend-mode: multiply; }
.pseo-visual-page .pseo-guide-copy { min-width: 0; }
.pseo-visual-page .pseo-guide-copy > span:first-child { font-size: 17px; font-weight: 500; line-height: 1.8; }
.pseo-visual-page .pseo-guide-copy > span:last-child { color: var(--muted, #60635e); font-size: 13px; margin-top: 8px; }
@media (max-width: 680px) {
  .pseo-visual-page .pseo-flow { padding: 20px 16px; border-radius: 12px; }
  .pseo-visual-page .pseo-flow figcaption { font-size: 16px; padding: 8px 12px; margin-bottom: 22px; }
  .pseo-visual-page .pseo-phases { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .pseo-visual-page .pseo-phase { flex-direction: row; gap: 14px; }
  .pseo-visual-page .pseo-phase-badge { width: 54px; height: 54px; flex-basis: 54px; }
  .pseo-visual-page .pseo-phase-badge img { width: 40px; height: 40px; }
  .pseo-visual-page .pseo-phase-label { flex: 1; flex-wrap: nowrap; justify-content: flex-start; gap: 10px; min-height: 46px; padding: 10px 12px; font-size: 16px; text-align: left; }
  .pseo-visual-page .pseo-phase:not(:last-child)::after { transform: rotate(135deg); top: auto; bottom: -12px; left: 23px; right: auto; }
  .pseo-visual-page .knowledge-related-list .pseo-guide-link { grid-template-columns: 64px minmax(0, 1fr); gap: 16px; }
  .pseo-visual-page .pseo-guide-art img { width: 64px; height: 48px; }
  .pseo-visual-page .pseo-guide-copy > span:first-child { font-size: 16px; }
  .pseo-visual-page .pseo-icon-heading { gap: 12px; }
  .pseo-visual-page .pseo-icon-heading img { width: 30px; height: 36px; flex-basis: 30px; }
}
@media print {
  .pseo-visual-page .pseo-flow { break-inside: avoid; }
}