.travelclip-site .travel-reading-layout .trip-decision-visual { max-width: var(--travel-reading); padding: clamp(22px, 3.4vw, 32px); border-top: 3px solid var(--forest-dark); background: color-mix(in oklch, var(--forest-dark) 6%, var(--panel)); }
.travelclip-site .trip-decision-visual > header { max-width: 58ch; }
.travelclip-site .trip-decision-visual h2 { margin: 7px 0 0; color: var(--forest-dark); }
.travelclip-site .trip-decision-visual > header > p:last-child { margin: 10px 0 0; font-size: .98rem; line-height: 1.7; }
.travelclip-site .trip-decision-flow { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0; margin: clamp(22px, 3vw, 30px) 0 0; padding: 0; border-top: 1px solid color-mix(in oklch, var(--forest-dark) 28%, var(--line)); list-style: none; }
.travelclip-site .trip-decision-flow li { position: relative; display: grid; gap: 11px; min-width: 0; margin: 0; padding: 17px 18px 18px 0; border-bottom: 1px solid color-mix(in oklch, var(--forest-dark) 20%, var(--line)); }
.travelclip-site .trip-decision-flow li:not(.is-last)::after { position: absolute; top: 26px; right: 5px; color: var(--coral); font-size: 1.05rem; font-weight: 850; content: "→"; }
.travelclip-site .trip-decision-index { width: fit-content; padding: 4px 8px; background: var(--forest-dark); color: var(--paper); font-size: .7rem; font-weight: 850; line-height: 1.25; }
.travelclip-site .trip-decision-flow strong { display: block; color: var(--forest-dark); font-size: 1.02rem; line-height: 1.4; }
.travelclip-site .trip-decision-flow p { margin: 6px 0 0; color: var(--text); font-size: .9rem; line-height: 1.62; }
.travelclip-site .trip-decision-footer { display: grid; gap: 6px; margin: 20px 0 0; padding-top: 16px; border-top: 1px solid color-mix(in oklch, var(--forest-dark) 28%, var(--line)); color: var(--text); font-size: .92rem !important; line-height: 1.65 !important; }
.travelclip-site .trip-decision-footer b { color: var(--coral); font-size: .78rem; }
@media (max-width: 800px) {
  .travelclip-site .travel-reading-layout .trip-decision-visual { padding: 22px 18px; }
  .travelclip-site .trip-decision-flow { grid-template-columns: 1fr; }
  .travelclip-site .trip-decision-flow li { grid-template-columns: auto minmax(0, 1fr); gap: 12px; padding-right: 0; }
  .travelclip-site .trip-decision-flow li:not(.is-last)::after { top: auto; right: auto; bottom: -13px; left: 8px; z-index: 1; background: color-mix(in oklch, var(--forest-dark) 6%, var(--panel)); content: "↓"; }
}