.solrow { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 560px); gap: clamp(32px, 5vw, 80px); align-items: center; }
  .solrow .no { margin: 0; font-family: var(--mono); font-size: 15px; color: var(--text-3); }
  .solrow .catch { margin: 20px 0 0; font-size: clamp(19px, 1.7vw, 24px); font-weight: 600; line-height: 1.6; }
  .vizbox { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 12px 20px 18px; color: var(--text);
    --text: #f2efe9; --text-2: #b8b2a8; --text-3: #8a847b; --line: #2a2724; --surface: #171513; --canvas: #0d0c0b; }
  .vizbox .viz { height: 300px; }
  .phase5 { list-style: none; margin: 48px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--text); }
  .phase5 li { padding: 22px 20px 0 0; font-size: 19px; font-weight: 600; line-height: 1.5; }
  .phase5 li span { display: block; font-family: var(--mono); font-size: 14px; font-weight: 400; color: var(--text-3); margin-bottom: 10px; }
  @media (max-width: 1100px) { .solrow { grid-template-columns: 1fr; } .phase5 { grid-template-columns: 1fr; } .phase5 li { padding: 16px 0; border-bottom: 1px solid var(--line); } .phase5 li span { display: inline; margin: 0 12px 0 0; } }
  @media (max-width: 560px) { .vizbox .viz { height: 220px; } }