.welo-steps{
      font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      color:#0a0a0a;
      background:#ffffff;
      width:100%;
    }

    .welo-steps .wrap{
      width:100%;
      max-width:1100px;
      margin:0 auto;
      padding:0;
    }

    /* ✅ Scroll container (mobile friendly) */
    .welo-steps .table-scroll{
      width:100%;
      overflow-x:auto;
      -webkit-overflow-scrolling: touch;
      border:1px solid #e8e8e8;
      border-radius:12px;
      background:#fff;
    }

    /* ✅ Table */
    .welo-steps table{
      width:100%;
      border-collapse:collapse;
      border-spacing:0;
      background:#fff;
      table-layout:fixed;
      min-width: 760px; /* forces horizontal scroll on mobile instead of squishing */
    }

    .welo-steps thead th{
      text-align:left;
      font-weight:600;
      font-size:14px;
      letter-spacing:-0.01em;
      padding:14px 16px;
      border-bottom:1px solid #e8e8e8;
      background:#ffffff;
      color:#0a0a0a;
      white-space:nowrap;
    }

    .welo-steps tbody td{
      vertical-align:top;
      padding:14px 16px;
      font-size:14px;
      line-height:1.45;
      border-bottom:1px solid #f0f0f0;
      word-wrap:break-word;
    }

    .welo-steps tbody tr:last-child td{
      border-bottom:none;
    }

    /* Column sizing */
    .welo-steps .col-step{ width: 18%; }
    .welo-steps .col-what{ width: 42%; }
    .welo-steps .col-why{  width: 40%; }

    /* Subtle zebra */
    .welo-steps tbody tr:nth-child(2n){
      background:#fcfcfc;
    }

    /* ✅ Mobile tuning */
    @media (max-width: 720px){
      .welo-steps thead th,
      .welo-steps tbody td{
        padding:12px 14px;
        font-size:13.5px;
      }
    }

    /* Optional: cleaner scrollbar */
    .welo-steps .table-scroll::-webkit-scrollbar{ height:10px; }
    .welo-steps .table-scroll::-webkit-scrollbar-track{ background:#f3f3f3; border-radius:999px; }
    .welo-steps .table-scroll::-webkit-scrollbar-thumb{ background:#d6d6d6; border-radius:999px; }
    .welo-steps .table-scroll::-webkit-scrollbar-thumb:hover{ background:#c7c7c7; }