/* ========== SECTION 1: TESTIMONIALS (modern quote cards) ========== */
    .ts1-wrapper {
      max-width: 1400px;
      margin: 0 auto;
      padding: 64px 28px;
      
    }

    .ts1-hero {
      text-align: center;
      margin-bottom: 60px;
    }

    .ts1-badge {
      display: inline-block;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #0081d3;
      border: 1px solid #cce6ff;
      background: #f0f8ff;
      padding: 6px 20px;
      border-radius: 60px;
      margin-bottom: 20px;
    }

    .ts1-title {
      font-size: 52px;
      font-weight: 800;
      color: #111;
      line-height: 1.2;
      margin-bottom: 16px;
    }

    .ts1-title span {
      color: #fa9500;
    }

    .ts1-divider {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
    }

    .ts1-divider-bar {
      width: 50px;
      height: 3px;
      background: #0081d3;
      border-radius: 4px;
    }

    .ts1-divider-dot {
      width: 10px;
      height: 10px;
      background: #fa9500;
      border-radius: 50%;
    }

    .ts1-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 32px;
      align-items: stretch;
    }

    .ts1-card {
      background-color: #fff;
      border: 1px solid #e5f0fa;
      border-radius: 32px;
      padding: 32px 28px;
      display: flex;
      flex-direction: column;
      box-shadow: 0 12px 28px rgba(0, 129, 211, 0.06);
      transition: all 0.25s ease;
    }

    .ts1-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 35px rgba(0, 129, 211, 0.12);
      border-color: #fa9500;
    }

    .ts1-card-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 20px;
    }

    .ts1-quote {
      font-size: 68px;
      font-family: Georgia, serif;
      color: #fa9500;
      line-height: 0.7;
      margin-top: -10px;
      opacity: 0.8;
    }

    .ts1-rating {
      display: flex;
      gap: 6px;
    }

    .ts1-star-filled {
      width: 18px;
      height: 18px;
      background: #fa9500;
      clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    }

    .ts1-star-empty {
      width: 18px;
      height: 18px;
      background: #ffe0b3;
      clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    }

    .ts1-desc {
      font-size: 16px;
      line-height: 1.65;
      color: #2c2c2c;
      margin: 12px 0 10px;
    }

    .ts1-desc.clamped {
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .ts1-read-btn {
      font-size: 14px;
      font-weight: 600;
      color: #0081d3;
      background: none;
      border: none;
      cursor: pointer;
      padding: 10px 0 6px;
      text-align: left;
      width: fit-content;
      transition: color 0.2s;
    }

    .ts1-read-btn:hover {
      color: #fa9500;
      text-decoration: underline;
    }

    .ts1-separator {
      height: 1px;
      background: linear-gradient(90deg, #e5f0fa, transparent);
      margin: 20px 0 22px;
    }

    .ts1-footer {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-top: auto;
    }

    .ts1-avatar-img {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      object-fit: cover;
      border: 2px solid #fa9500;
      flex-shrink: 0;
    }

    .ts1-avatar {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: #0081d3;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      flex-shrink: 0;
      border: 2px solid #fa9500;
    }

    .ts1-name {
      font-size: 17px;
      font-weight: 700;
      color: #111;
    }

    .ts1-role {
      font-size: 13px;
      color: #0081d3;
      margin-top: 4px;
      font-weight: 500;
    }

    .ts1-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 10px;
    }

    .ts1-pill {
      font-size: 12px;
      padding: 4px 14px;
      border-radius: 40px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-weight: 500;
    }

    .ts1-pill--affil {
      background: #f0f8ff;
      color: #005e9c;
      border: 1px solid #cce6ff;
    }

    .ts1-pill--independent {
      background: #f5f5f5;
      color: #777;
      border: 1px solid #e0e0e0;
    }

    .ts1-pill--loc {
      background: #fef7ed;
      color: #b45f00;
      border: 1px solid #ffe0b3;
    }

    .ts1-pill-icon {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: currentColor;
    }

    /* ========== SECTION 2: COMMITTEE MEMBERS (clean grid, 4 columns) ========== */
    .ts2-pageWrap {
      
    }

    .ts2-header {
      background: linear-gradient(105deg, #0081d3 0%, #fa9500 100%);
      padding: 56px 32px 48px;
      text-align: center;
    }

    .ts2-headerBadge {
      display: inline-block;
      background: rgba(255,255,255,0.2);
      color: #fff;
      font-size: 13px;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: 6px 18px;
      border-radius: 60px;
      margin-bottom: 16px;
    }

    .ts2-header h1 {
      color: #fff;
      font-size: 44px;
      font-weight: 800;
      margin-bottom: 10px;
    }

    .ts2-header p {
      color: rgba(255,255,255,0.92);
      font-size: 17px;
    }

    .ts2-headerDivider {
      width: 70px;
      height: 3px;
      background: rgba(255,255,255,0.5);
      margin: 22px auto 0;
      border-radius: 4px;
    }

    .ts2-sectionLabel {
      text-align: center;
      padding: 48px 16px 24px;
      font-size: 14px;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #fa9500;
      font-weight: 700;
    }

    .ts2-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 32px;
      max-width: 1350px;
      margin: 0 auto;
      padding: 16px 28px 60px;
    }

    .ts2-memberCard {
      
      border-radius: 28px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: 0.25s;
      box-shadow: 0 8px 20px rgba(0,0,0,0.04);
      border: 1px solid #eef2f6;
      height: 100%;
    }

    .ts2-memberCard:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 30px rgba(0,129,211,0.12);
      border-color: #fa9500;
    }

    .ts2-imageWrap {
      width: 100%;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      background: #f0f8ff;
    }

    .ts2-imageWrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .ts2-fallbackAvatar {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, #0081d3, #fa9500);
      color: #fff;
      font-size: 44px;
      font-weight: 700;
    }

    .ts2-cardBody {
      padding: 22px 20px 24px;
      border-top: 4px solid #fa9500;
      flex: 1;
      background-color: #fff;
    }

    .ts2-roleTag {
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: #fa9500;
      margin-bottom: 8px;
    }

    .ts2-memberName {
      font-size: 20px;
      font-weight: 700;
      color: #0081d3;
      line-height: 1.3;
      margin-bottom: 14px;
    }

    .ts2-metaList {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .ts2-metaRow {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      color: #3e3e3e;
    }

    .ts2-metaIcon svg {
      width: 18px;
      height: 18px;
      stroke: #fa9500;
      stroke-width: 1.5;
      fill: none;
    }

    .ts2-metaText:empty,
    .ts2-metaRow:has(.ts2-metaText:empty) {
      display: none;
    }

    @media (max-width: 1100px) {
      .ts2-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; }
    }
    @media (max-width: 640px) {
      .ts2-grid { grid-template-columns: 1fr; }
      .ts2-header h1 { font-size: 32px; }
    }

    /* ========== SECTION 3: PAST SPEAKERS (elegant circular, 3 cols) ========== */
    .ts3-pageWrap {
      
    }

    .ts3-sectionTitle {
      text-align: center;
      font-size: 48px;
      font-weight: 800;
      color: #0081d3;
      margin: 64px 0 24px;
    }

    .ts3-sectionTitle span {
      color: #fa9500;
    }

    .ts3-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 42px;
      max-width: 1300px;
      margin: 0 auto;
      padding: 20px 32px 70px;
    }

    .ts3-speakerCard {
      background-color: #fff;
      border-radius: 48px;
      padding: 36px 24px 32px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      transition: 0.25s;
      border: 1px solid #f0e5d8;
      box-shadow: 0 12px 24px rgba(0,0,0,0.03);
      height: 100%;
    }

    .ts3-speakerCard:hover {
      transform: translateY(-8px);
      border-color: #0081d3;
      box-shadow: 0 28px 38px rgba(0,129,211,0.12);
    }

    .ts3-imageWrap {
      width: 150px;
      height: 150px;
      margin: 0 auto 22px;
      border-radius: 50%;
      overflow: hidden;
      background: #eef6fe;
      border: 3px solid #fa9500;
      box-shadow: 0 12px 20px rgba(0,0,0,0.08);
    }

    .ts3-imageWrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .ts3-fallbackAvatar {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(145deg, #0081d3, #fa9500);
      color: #fff;
      font-size: 54px;
      font-weight: 800;
    }

    .ts3-speakerName {
      font-size: 26px;
      font-weight: 800;
      color: #0081d3;
      margin-bottom: 8px;
    }

    .ts3-designation {
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      color: #fa9500;
      background: #fff5e6;
      padding: 6px 20px;
      border-radius: 60px;
      display: inline-block;
      margin-bottom: 24px;
    }

    .ts3-infoList {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .ts3-infoRow {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      font-size: 15px;
      color: #2c2c2c;
      flex-wrap: wrap;
    }

    .ts3-infoIcon svg {
      width: 20px;
      height: 20px;
      stroke: #0081d3;
      stroke-width: 1.7;
      fill: none;
    }

    .ts3-infoText:empty,
    .ts3-infoRow:has(.ts3-infoText:empty) {
      display: none;
    }

    @media (max-width: 1000px) {
      .ts3-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; }
    }
    @media (max-width: 680px) {
      .ts3-grid { grid-template-columns: 1fr; }
      .ts3-sectionTitle { font-size: 36px; }
    }

    /* footer */
    .global-footer {
      background: #0081d3;
      color: white;
      text-align: center;
      padding: 24px;
      font-size: 14px;
      letter-spacing: 0.5px;
      margin-top: 20px;
    }