/* =====================================================
   ABGS – Aims & Objectives Page Styles
   Paste into: style.css (your child theme or custom CSS)
   Matches: ABGS WordPress theme colors, fonts & style
   ===================================================== */

/* ---------- Theme Variables ---------- */
:root {
  --abgs-orange:      #f26522;
  --abgs-orange-dark: #d4521a;
  --abgs-navy:        #5E0936;
  --abgs-navy-light:  #5E0936;
  --abgs-gold:        #f9a825;
  --abgs-white:       #ffffff;
  --abgs-light-bg:    #f5f7fc;
  --abgs-border:      #e2e8f5;
  --abgs-text:        #000000;
  --abgs-text-light:  #333333;
  --abgs-font:        'Poppins', sans-serif;
  --abgs-radius:      8px;
  --abgs-shadow:      0 4px 20px rgba(26,45,90,0.10);
  --abgs-shadow-hov:  0 8px 32px rgba(242,101,34,0.18);
}

/* ---------- Wrapper ---------- */
.abgs-page-wrap {
  font-family: var(--abgs-font);
  color: var(--abgs-text);
  line-height: 1.7;
  margin: 0 auto;
  padding: 0 0px 30px;
}

/* ---------- Page Header ---------- */
.abgs-page-header {
  text-align: center;
  padding: 0px;
  position: relative;
}

.abgs-page-header::after {
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, var(--abgs-orange), var(--abgs-gold));
  border-radius: 2px;
  margin:0px auto 0;
}

.abgs-page-header h1 {
  font-family: var(--abgs-font);
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 800;
  color: var(--abgs-navy);
  margin: 0 0 8px;
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.abgs-page-header .tagline {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--abgs-orange);
  background: rgba(242,101,34,0.08);
  border: 1px solid rgba(242,101,34,0.25);
  padding: 5px 20px;
  border-radius: 50px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.abgs-page-header .abgs-intro {
  font-size: 15.5px;
  color: var(--abgs-text-light);
  max-width: 760px;
  margin: 18px auto 0;
  line-height: 1.75;
}

/* ---------- Section Cards Grid ---------- */
.abgs-sections-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 10px;
  margin-top: 24px;
}

.abgs-section-card {
  background: var(--abgs-white);
  border: 1.5px solid var(--abgs-border);
  border-radius: var(--abgs-radius);
  padding: 10px 18px 10px;
  position: relative;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.abgs-section-card h2{ text-align: center;}
.abgs-section-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--abgs-orange), var(--abgs-gold));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.abgs-section-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--abgs-shadow-hov);
  border-color: rgba(242,101,34,0.3);
}

.abgs-section-card:hover::before {
  transform: scaleX(1);
}

/* Icon */
.abgs-card-icon {
  width: 54px;
  height: 54px;
  background: linear-gradient(135deg, rgba(242,101,34,0.12), rgba(249,168,37,0.1));
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  color: var(--abgs-orange);
}

.abgs-card-icon svg {
  width: 30px;
  height: 30px;
}

/* Card Heading */
.abgs-section-card h2 {
  font-family: var(--abgs-font);
  font-size: 17px;
  font-weight: 700;
  color: var(--abgs-navy);
  margin: 0 0 14px;
  line-height: 1.35;
  position: relative;
  padding-bottom:0px;
}

/* Card List */
.abgs-section-card ul {
  list-style: none!important;
  margin: 0;
  padding: 0;
}

.abgs-section-card ul li {
  font-size: 14px;
  color: var(--abgs-text);
  padding: 3px 0 3px 22px;
  position: relative;
  border-bottom: 1px solid #f0f2f8;
  line-height: 1.6;
}

.abgs-section-card ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.abgs-section-card ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  background: var(--abgs-orange);
  border-radius: 50%;
  flex-shrink: 0;
}

/* ---------- Bhavi Yojnae Section ---------- */
.abgs-yojnae-section {
  margin-top: 52px;
  background: var(--abgs-navy);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

/* Decorative background pattern */
.abgs-yojnae-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(242,101,34,0.18) 0%, transparent 50%),
    radial-gradient(circle at 90% 80%, rgba(249,168,37,0.12) 0%, transparent 50%);
  pointer-events: none;
}

.abgs-yojnae-header {
  text-align: center;
  padding: 44px 24px 32px;
  position: relative;
  z-index: 1;
}

.abgs-yojnae-badge {
  display: inline-block;
  background: var(--abgs-orange);
  color: var(--abgs-white);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 4px 18px;
  border-radius: 50px;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.abgs-yojnae-header h2 {
  font-family: var(--abgs-font);
  font-size: clamp(22px, 3.5vw, 32px);
  font-weight: 800;
  color: var(--abgs-white);
  margin: 0 0 10px;
  letter-spacing: -0.3px;
}

.abgs-yojnae-header p {
  font-size: 14.5px;
  color: rgba(255,255,255,0.65);
  max-width: 640px;
  margin: 0 auto;
}

/* Yojnae Items Grid */
.abgs-yojnae-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
  gap: 1px;
  background: rgba(255,255,255,0.06);
  border-top: 1px solid rgba(255,255,255,0.08);
  position: relative;
  z-index: 1;
}

.abgs-yojnae-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 28px;
  background: rgba(255,255,255,0.03);
  transition: background 0.2s ease;
}


.abgs-yojnae-num {
  font-size: 13px;
  font-weight: 700;
  color: var(--abgs-orange);
  min-width: 30px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  padding-top: 1px;
}

.abgs-yojnae-text {
  font-size: 14.5px;
  font-weight: 500;
  color: rgba(255,255,255,0.88);
  line-height: 1.5;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
  .abgs-page-header {
    padding: 36px 12px 28px;
  }

  .abgs-sections-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 28px;
  }

  .abgs-section-card {
    padding: 24px 20px 20px;
  }

  .abgs-yojnae-section {
    margin-top: 36px;
  }

  .abgs-yojnae-header {
    padding: 32px 18px 24px;
  }

  .abgs-yojnae-grid {
    grid-template-columns: 1fr;
  }

  .abgs-yojnae-item {
    padding: 18px 20px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .abgs-sections-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .abgs-yojnae-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* =====================================================
   ABGS – વિદ્યાબેન જીવન ઇતિહાસ Page Styles
   ADD THIS to the BOTTOM of your existing style.css
   (All :root variables and .abgs-* base styles already
    exist above — do NOT paste those again.)
   ===================================================== */

/* ---------- Stats Bar ---------- */
.vb-stats-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  background: var(--abgs-navy);
  border-radius: var(--abgs-radius);
  margin-top: 36px;
  overflow: hidden;
}

.vb-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 40px;
  flex: 1;
  min-width: 140px;
  position: relative;
}

.vb-stat-num {
  font-family: var(--abgs-font);
  font-size: 30px;
  font-weight: 800;
  color: var(--abgs-orange);
  line-height: 1;
  letter-spacing: -1px;
}

.vb-stat-label {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255,255,255,0.6);
  margin-top: 6px;
  text-align: center;
  letter-spacing: 0.5px;
}

.vb-stat-divider {
  width: 1px;
  height: 44px;
  background: rgba(255,255,255,0.12);
  flex-shrink: 0;
}

/* ---------- Section Label ---------- */
.vb-section-label {
  font-family: var(--abgs-font);
  font-size: 18px;
  font-weight: 700;
  color: var(--abgs-orange);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-top: 16px;
  margin-bottom: 16px;
  /*display: flex;*/
  align-items: center;
  gap: 14px;
  text-align: center;
}

.vb-section-label::after {
  content: '';
  flex: 1;
  height: 1.5px;
  background: var(--abgs-border);
  border-radius: 2px;
}

/* ---------- Timeline ---------- */
.vb-timeline {
  position: relative;
  padding-left: 36px;
}

/* Vertical line */
.vb-timeline::before {
  content: '';
  position: absolute;
  left: 9px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: linear-gradient(180deg, var(--abgs-orange) 0%, var(--abgs-navy) 100%);
  border-radius: 2px;
}

.vb-timeline-item {
  position: relative;
  margin-bottom: 15px;
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 0 20px;
  align-items: start;
}

.vb-timeline-item:last-child {
  margin-bottom: 0;
}

/* Dot */
.vb-timeline-dot {
  position: absolute;
  left: -31px;
  top: 16px;
  width: 14px;
  height: 14px;
  background: var(--abgs-orange);
  border: 3px solid var(--abgs-white);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--abgs-orange);
  z-index: 1;
}

.vb-dot-gold {
  background: var(--abgs-gold);
  box-shadow: 0 0 0 2px var(--abgs-gold);
}

/* Year label */
.vb-timeline-year {
  font-family: var(--abgs-font);
  font-size: 14px;
  font-weight: 700;
  color: var(--abgs-orange);
  padding-top: 16px;
  text-align: right;
  letter-spacing: 0.5px;
  line-height: 1.3;
}

/* Card */
.vb-timeline-card {
  background: var(--abgs-white);
  border: 1.5px solid var(--abgs-border);
  border-radius: var(--abgs-radius);
  padding: 10px 24px;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.vb-timeline-card:hover {
  transform: translateX(4px);
  box-shadow: var(--abgs-shadow);
}

.vb-timeline-card h3 {
  font-family: var(--abgs-font);
  font-size: 15.5px;
  font-weight: 700;
  color: var(--abgs-navy);
  margin: 0 0 8px;
}

.vb-timeline-card p {
  font-size: 15px;
  color: var(--abgs-text);
  margin: 0;
  margin-bottom: 0px!important;;
  line-height: 1.7;
}

/* Highlight card (gold border + tinted bg) */
.vb-card-highlight {
  border-color: var(--abgs-gold);
  background: linear-gradient(135deg, #fffdf0 0%, var(--abgs-white) 100%);
}

.vb-card-highlight h3 {
  color: #9a6d00;
}

/* ---------- Card paragraph text (for contribution section) ---------- */
.vb-card-text {
  font-size: 14px;
  color: var(--abgs-text);
  margin: 12px 0 0;
  line-height: 1.7;
}

/* ---------- Closing Quote Banner ---------- */
.vb-quote-banner {
  margin-top: 56px;
  background: linear-gradient(135deg, var(--abgs-navy) 0%, var(--abgs-navy-light) 100%);
  border-radius: 12px;
  padding: 52px 48px 44px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.vb-quote-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 85% 15%, rgba(249,168,37,0.12) 0%, transparent 45%),
    radial-gradient(circle at 15% 85%, rgba(242,101,34,0.10) 0%, transparent 45%);
  pointer-events: none;
}

.vb-quote-icon {
  font-size: 96px;
  height:20px;
  line-height: 0.6;
  color: var(--abgs-orange);
  opacity: 0.35;
  font-family: Georgia, serif;
  margin-bottom: 16px;
  display: block;
  position: relative;
  z-index: 1;
}

.vb-quote-text {
  font-family: var(--abgs-font);
  font-size: clamp(15px, 2.2vw, 19px);
  font-weight: 500;
  color: rgba(255,255,255,0.9);
  line-height: 1.75;  
  margin: 0 auto 20px;
  border: none;
  padding: 0;
  font-style: normal;
  position: relative;
  z-index: 1;
  text-align: center!important;
}
.vb-quote-text p{text-align: center!important;}
.vb-quote-credit {
  font-size: 13px;
  color: rgba(255,255,255,0.5);
  letter-spacing: 0.5px;
  position: relative;
  z-index: 1;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
  .vb-stats-bar {
    flex-direction: column;
    gap: 0;
  }

  .vb-stat {
    padding: 20px 24px;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }

  .vb-stat-label {
    margin-top: 0;
    text-align: right;
  }

  .vb-stat-divider {
    display: none;
  }

  .vb-timeline {
    padding-left: 28px;
  }

  .vb-timeline-item {
    grid-template-columns: 60px 1fr;
    gap: 0 12px;
  }

  .vb-timeline-year {
    font-size: 11px;
  }

  .vb-timeline-card {
    padding: 16px 18px;
  }

  .vb-quote-banner {
    padding: 36px 24px 32px;
  }

  .vb-quote-icon {
    font-size: 64px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .vb-stat {
    padding: 24px 24px;
  }
}


/* =====================================================
   ABGS – Vidyaben Shah (English) Page Styles
   ADD THIS to the BOTTOM of your existing style.css
   (After abgs-aims.css and abgs-vidya.css sections.)
   Only NEW classes are defined here — nothing repeated.
   ===================================================== */

/* ---------- Institutions Pills Row ---------- */
.vb-institutions-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: column;
    grid-template-rows: repeat(2, auto);
    gap: 12px 20px;
}

.vb-institution-pill {
    align-items: center;
}
.vb-institution-pill {
  font-family: var(--abgs-font);
  font-size: 13.5px;
  font-weight: 600;
  border: 1.5px solid var(--abgs-border);
  border-radius: 50px;
  padding: 9px 22px;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  cursor: default;
  background: var(--abgs-orange);
  border-color: var(--abgs-orange);
  color: var(--abgs-white);
  text-align: center;

}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
  .vb-institutions-row {
    gap: 8px;
  }

  .vb-institution-pill {
    font-size: 12.5px;
    padding: 8px 16px;
  }
}

/* =====================================================
   ABGS – Vidyaben Shah (English) with Photos
   ADD THIS to the BOTTOM of your existing style.css
   (After all previous ABGS CSS files)
   ===================================================== */

/* ---------- Hero Photo Section ---------- */
.vb-hero-photo-section {
  background: linear-gradient(135deg, #f5f7fc 0%, rgba(242,101,34,0.04) 100%);
  margin: -30px -20px 0 -20px;
  padding: 40px 20px;
  border-radius: 0 0 12px 12px;
}

.vb-hero-photo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

.vb-hero-text {
  order: 1;
}

.vb-hero-photo {
  order: 2;
  display: flex;
  justify-content: center;
}

/* ---------- Photo Placeholder Styles ---------- */
.vb-photo-placeholder {
  background: var(--abgs-white);
  border: 2px dashed var(--abgs-border);
  border-radius: var(--abgs-radius);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.vb-photo-placeholder:hover {
  background: rgba(242,101,34,0.02);
  border-color: var(--abgs-orange);
}

.vb-photo-large {
  width: 100%;
  aspect-ratio: 3/4;
  max-width: 350px;
}

.vb-photo-medium {
  width: 100%;
  aspect-ratio: 3/4;
  max-width: 280px;
  margin: 0 auto;
}

.vb-photo-icon {
  width: 64px;
  height: 64px;
  color: var(--abgs-orange);
  opacity: 0.4;
}

.vb-photo-text {
  font-size: 13px;
  font-weight: 500;
  color: var(--abgs-text-light);
  margin: 0;
  letter-spacing: 0.5px;
}

/* ---------- Photo in Timeline ---------- */
.vb-timeline-photo-item {
  display: flex;
  justify-content: center;
  margin: 32px 0;
  padding-left: 0;
  grid-template-columns: none;
}

.vb-timeline-photo-item::before {
  content: 'PHOTO' !important;
  position: absolute;
  left: -65px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  font-weight: 700;
  color: var(--abgs-orange);
  letter-spacing: 1px;
  text-align: right;
  width: 50px;
}

.vb-timeline-photo-box {
  width: 100%;
  max-width: 340px;
}

/* ---------- Photo Gallery Section ---------- */
.vb-photo-gallery-section {
  margin-top: 60px;
  padding-top: 44px;
  border-top: 1.5px solid var(--abgs-border);
}

.vb-photo-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 4px;
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .vb-hero-photo-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .vb-hero-text {
    order: 1;
  }

  .vb-hero-photo {
    order: 2;
  }

  .vb-photo-large {
    max-width: 300px;
  }
}

@media (max-width: 768px) {
  .vb-hero-photo-section {
    margin: -30px -20px 0 -20px;
    padding: 32px 20px;
  }

  .vb-hero-photo-grid {
    grid-template-columns: 1fr;
  }

  .vb-photo-large {
    max-width: 100%;
    aspect-ratio: 3/4;
  }

  .vb-photo-gallery-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .vb-timeline-photo-item {
    margin: 24px 0;
  }

  .vb-timeline-photo-item::before {
    display: none;
  }

  .vb-timeline-photo-box {
    max-width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .vb-photo-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.abgs-content-block {
    padding: 0 0 10px;
    padding-left: 24px;
    border-left: 4px solid #f26522;
}

.abgs-content-title {
    color: #5E0936;
    font-weight: 700;
    margin: 0 0 12px;
    font-size: 17px;
}

.abgs-content-text {
    color: #444444;
    line-height: 1.8;
    margin: 0;
    font-size: 15px;
}
footer {margin-top:25px;}
/* =============================================
   abgs-tables.css
   Responsive tables for ABGS office bearers
   All classes prefixed with "abt-" to avoid conflicts
   ============================================= */

/* Side-by-side row layout */
.abt-row {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.abt-col-left {
    flex: 0 0 48%;
    min-width: 0;
}

.abt-col-right {
    flex: 1 1 auto;
    min-width: 0;
}

.abt-twin-tables {
    display: flex;
    gap: 20px;
}

.abt-twin-tables .abt-table-wrap {
    flex: 1 1 50%;
    min-width: 0;
}

.abt-section {
    margin-bottom: 40px;
}

.abt-section-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: #b8860b;
    margin: 0 0 12px 0;
    padding-bottom: 6px;
    border-bottom: 2px solid #f0e6cc;
}

.abt-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07);
}

.abt-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Poppins', sans-serif;
    font-size: 0.82rem;
    background: #fff;
}

.abt-table thead {
    background: linear-gradient(135deg, #490628, #6E0C41);
}

.abt-table thead th {
    color: #fff;
    font-weight: 600;
    padding: 10px 10px;
    text-align: left;
    white-space: nowrap;
    letter-spacing: 0.02em;
    font-size: 0.78rem;
}

.abt-table tbody tr {
    border-bottom: 1px solid #f0ece4;
    transition: background 0.15s ease;
}

.abt-table tbody tr:hover {
    background: #fdf8ee;
}

.abt-table tbody tr:last-child {
    border-bottom: none;
}

.abt-table tbody td {
    padding: 7px 10px;
    color: #333;
    vertical-align: top;
    line-height: 1.45;
    text-align:left;
}

.abt-table tbody tr:nth-child(even) {
    background: #faf7f0;
}

.abt-table tbody tr:nth-child(even):hover {
    background: #f5edda;
}

/* Compact variant for executive member tables */
.abt-table-compact tbody td {
    padding: 5px 8px;
    font-size: 0.8rem;
}

.abt-table-compact thead th {
    padding: 8px 8px;
    font-size: 0.76rem;
}

/* Column widths */
.abt-col-sr {
    width: 36px;
    text-align: center;
}

.abt-col-region {
    min-width: 120px;
}

.abt-col-name {
    min-width: 110px;
}

.abt-col-city {
    min-width: 80px;
}

/* sr column center in body */
.abt-table tbody td:first-child {
    text-align: center;
    font-weight: 500;
    color: #b8860b;
}

/* =============================================
   Tablet: stack twin tables vertically,
   keep left/right side-by-side
   ============================================= */
@media screen and (max-width: 1200px) {
    .abt-twin-tables {
        flex-direction: column;
        gap: 16px;
    }
}

/* =============================================
   Mobile: full stack
   ============================================= */
@media screen and (max-width: 768px) {

    .abt-row {
        flex-direction: column;
        gap: 24px;
    }

    .abt-col-left,
    .abt-col-right {
        flex: 1 1 100%;
    }

    .abt-twin-tables {
        flex-direction: column;
        gap: 16px;
    }

    .abt-table-wrap {
        box-shadow: none;
        border-radius: 0;
    }

    .abt-table thead {
        display: none;
    }

    .abt-table,
    .abt-table tbody,
    .abt-table tr,
    .abt-table td {
        display: block;
        width: 100%;
    }

    .abt-table tbody tr {
        margin-bottom: 10px;
        border: 1px solid #e8e0d0;
        border-radius: 10px;
        padding: 10px 14px;
        background: #fff;
        box-shadow: 0 1px 6px rgba(0,0,0,0.05);
    }

    .abt-table tbody tr:nth-child(even) {
        background: #fff;
    }

    .abt-table tbody td {
        padding: 5px 0;
        text-align: left;
        border-bottom: none;
        display: flex;
        justify-content: space-between;
        gap: 10px;
        font-size: 0.85rem;
    }

    .abt-table tbody td:first-child {
        text-align: left;
    }

    .abt-table tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #b8860b;
        flex-shrink: 0;
        min-width: 80px;
    }

    .abt-section-title {
        font-size: 1.1rem;
    }
}

/* =============================================
   Small phones
   ============================================= */
@media screen and (max-width: 480px) {
    .abt-table tbody tr {
        padding: 8px 10px;
    }

    .abt-table tbody td {
        font-size: 0.82rem;
        flex-direction: column;
        gap: 2px;
    }

    .abt-table tbody td::before {
        font-size: 0.75rem;
    }
}

/* ---- Container ---- */
.container { max-width: 960px; margin: 0 auto; padding: 0 24px; }
/* ---- Page banner: teal bg from style.css page-banner-wrap,
        but override heading/sub colour to match screenshot purple ---- */
.page-banner-wrap {
  background-color: #006b6b;
  text-align: center;
  padding: 48px 24px 36px;
}
.page-banner-wrap h1 {
  color: #fff;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.3px;
}
.page-banner-wrap p {
  color: rgba(255,255,255,0.80);
  font-size: 14px;
  margin-top: 8px;
}

/* Pill eyebrow badge — orange outline matching screenshot */
.abgs-pill {
  display: inline-block;
  margin-top: 18px;
  border: 1.5px solid #E65C00;
  color: #E65C00;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  padding: 8px 22px;
  border-radius: 50px;
  line-height: 1;
  background: transparent;
}

/* Orange divider line */
.abgs-divider {
  width: 60px;
  height: 3px;
  background: #E65C00;
  border-radius: 2px;
  margin: 28px auto 0;
}

/* ---- Section headings override — orange like screenshot group titles ---- */
.section-title-2 h3 {
  color: #E65C00;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  border-bottom: 2px solid #E65C00;
  padding-bottom: 8px;
  margin: 28px 0 4px;
  line-height: 1.4;
}
.section-title-2 {
  margin-bottom: 4px !important;
}

/* ---- Table section heading — dark purple, centered ---- */
.section-title-2 h2 {
  color: #006b6b;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}

/* ---- post-content card: clean white, soft shadow ---- */
.blog-wrapper .single-blog-post .post-content {
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

/* ---- Body paragraphs ---- */
.blog-wrapper .single-blog-post .post-content p,
p.abgs-content-text {
  font-size: 14px;
  line-height: 1.85;
  color: #555;
  text-align: justify;
  margin-top: 14px !important;
}
.blog-wrapper .single-blog-post .post-content p:first-of-type { margin-top: 0 !important; }

/* ---- Ordered list ---- */
.blog-wrapper .single-blog-post .post-content ol {
  padding-left: 20px;
  margin: 12px 0 14px;
  list-style-type: decimal;
}
.blog-wrapper .single-blog-post .post-content ol li {
  list-style-type: decimal;
  font-size: 14px;
  color: #555;
  line-height: 1.75;
  margin-top: 8px;
}

/* ---- Table ---- */
.blog-wrapper .single-blog-post .post-content2 table {
  width: 100%;
  margin-top: 0;
}
.blog-wrapper .single-blog-post .post-content2 table th {
  background-color: #006b6b;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  padding: 11px 14px;
  border: 1px solid #006b6b;
}
.blog-wrapper .single-blog-post .post-content2 table td {
  text-align: left;
  font-size: 13px;
  color: #444;
  padding: 9px 14px;
  vertical-align: top;
  border: 1px solid #e0e0e0;
  line-height: 1.55;
}
.blog-wrapper .single-blog-post .post-content2 table tr:nth-child(even) td {
  background-color: #eeeeee;
}
.blog-wrapper .single-blog-post .post-content2 table tr:hover td {
  background-color: #E3e3e3;
}

/* ---- section-bg override — very light purple tint ---- */
.section-bg { background-color: #faf7ff; }

/* ---- section-padding tighten ---- */
.section-padding { padding: 20px 0 !important; }

.page-id-2306 h2{font-size: 22px!important;;}
.page-id-2306 h3{font-size: 18px!important;;}
.newmembers .vb-card-highlight {padding:15px;}
.newmembers .abgs-sections-grid {margin-top:15px; display: block!important;}
.newmembers .abgs-section-card { padding:10px 28px 15px!important; text-align: justify; margin-bottom: 5px;}
.newmembers .abgs-section-card h2 { text-align: left; margin-bottom: 5px;}
.paymentsection * { text-align: center;}
.paymentsection ul, .paymentsection ul li { text-align: left;}

.abgs-gold-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 26px;
  margin-top: 44px;
}

.abgs-gold-card {
  background: var(--abgs-white);
  border: 1.5px solid rgba(249,168,37,0.35);
  border-radius: var(--abgs-radius);
  padding: 24px 22px 26px;
  position: relative;
  overflow: hidden;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.abgs-gold-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--abgs-gold), var(--abgs-orange), var(--abgs-gold));
}

.abgs-gold-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(249,168,37,0.22);
  border-color: var(--abgs-gold);
}

.abgs-gold-photo-row {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-bottom: 18px;
}

.abgs-gold-photo-row img {
  width: 100px;
  object-fit: cover;  
  box-shadow: 0 4px 14px rgba(249,168,37,0.35);
}

.abgs-gold-info h3 {
  font-family: var(--abgs-font);
  font-size: 16px;
  font-weight: 700;
  color: var(--abgs-navy);
  line-height: 1.4;
  margin-bottom: 14px;
}

.abgs-gold-info ul {
  list-style: none!important;
  padding: 0!important;
  margin: 0;
  display: inline-flex;
  flex-direction: column;
  gap: 7px;
}

.abgs-gold-info ul li {
  font-size: 13.5px;
  color: var(--abgs-text-light);
  font-weight: 500;
}

.abgs-gold-info ul li span {
  display: inline-block;
  min-width: 118px;
  text-align: right;
  margin-right: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--abgs-gold);
}

@media (max-width: 480px) {
  .abgs-gold-info ul li span {
    display: block;
    text-align: center;
    margin: 0 0 2px;
  }
  .abgs-gold-info ul li {
    text-align: center;
  }
}
.abgs-gold-info .abgs-twin-list-row span {text-align: center; margin-right: 0px; padding-right: 0px;}
.page-id-2616 .abgs-sections-grid {gap:10px!important; margin-top:10px!important;}
.page-id-2616 .abgs-section-card { padding:10px 28px 10px!important; line-height:150%;}
footer h5, footer h4, footer ul li a{
    font-size: 14px!important;
    line-height: 1.2em!important;
    color: #FFFFFF;
}
div.YGT {margin-top:24px;}
div.YGT .col-lg-3 {padding-top:24px;}
div.YGT .col-lg-3 img {border-radius:5px;}
div.YGT .abgs-section-card {padding: 5px 15px 5px;}
div.YGT .abgs-section-card h2 {margin-bottom:8px;}
div.YGT .abgs-sections-grid { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.page-id-862 .section-title h2 {
    text-transform: capitalize;
    line-height: 54px;
    letter-spacing: -1px;
}
footer h3{font-size:16px;}
.md-tc-photo{min-width:90px;}
/*********************ABGS History*********************/
/* ---- HERO ---- */
.abgs-hero {
  background: linear-gradient(135deg, #5E0936 0%, #E65C00 60%, #5E0936 100%);
  padding: 56px 28px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.abgs-hero::before {
  content: "ગુજરાત";
  position: absolute;
  font-size: 160px;
  font-weight: 900;
  color: rgba(255,255,255,0.04);
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  pointer-events: none;
}
.abgs-hero-pill {
  display: inline-block;
  border: 1.5px solid #E65C00;
  color: #E65C00;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 7px 20px;
  border-radius: 50px;
  margin-bottom: 20px;
}
.abgs-hero h1 {
  color: #fff;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.5px;
  margin-bottom: 36px;
}
.abgs-hero h1 span { color: #E65C00; }
.abgs-stats {
  display: flex;
  justify-content: center;
  background: rgba(255,255,255,0.07);
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}
.abgs-stat {
  flex: 1;
  padding: 24px 16px;
  text-align: center;
  border-right: 1px solid rgba(255,255,255,0.1);
}
.abgs-stat:last-child { border-right: none; }
.abgs-stat-num { font-size: 32px; font-weight: 800; color: #E65C00; line-height: 1; display: block; }
.abgs-stat-label { font-size: 11px; color: rgba(255,255,255,0.65); text-transform: uppercase; letter-spacing: 1.5px; display: block; margin-top: 6px; line-height: 1.4; }

/* ---- SECTION DIVIDER HEADING ---- */
.abgs-section-head { display: flex; align-items: center; gap: 16px; margin: 44px 0 24px; }
.abgs-section-head-line { flex: 1; height: 1px; background: linear-gradient(to right, #E65C00, transparent); }
.abgs-section-head-line.right { background: linear-gradient(to left, #E65C00, transparent); }
.abgs-section-head h2 { color: #5E0936; font-size: 14px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; white-space: nowrap; margin: 0; }

/* ---- BODY TEXT ---- */
.abgs-body-text { font-size: 15px; line-height: 1.95; color: #444; text-align: justify; margin-bottom: 18px; }
.abgs-body-text:last-child { margin-bottom: 0; }
.abgs-body-text strong { color: #5E0936; }

/* ---- PULL QUOTE (sentence from content, not duplicated — shown highlighted then continues in paragraph) ---- */
.abgs-highlight {
  border-left: 4px solid #E65C00;
  background: linear-gradient(135deg, #fff8f3 0%, #fff 100%);
  border-radius: 0 8px 8px 0;
  padding: 20px 28px;
  margin: 24px 0;
  position: relative;
}
.abgs-highlight::before {
  content: "\201C";
  position: absolute;
  top: -8px; left: 16px;
  font-size: 64px;
  color: #E65C00;
  opacity: 0.2;
  line-height: 1;
  font-family: Georgia, serif;
}
.abgs-highlight p { font-size: 15px; font-weight: 600; color: #5E0936; line-height: 1.8; margin: 0; font-style: italic; text-align: justify; }

/* ---- SECTIONS BG ---- */
.abgs-sec-light { background: #fff; padding: 1px 0; }
.abgs-sec-white { background: #fff; padding: 1px 0; }

/* ---- TIMELINE ---- */
.abgs-timeline { position: relative; margin: 32px 0 0; }
.abgs-timeline::before {
  content: ""; position: absolute; left: 10px; top: 8px; bottom: 8px;
  width: 2px;
  background: linear-gradient(to bottom, #E65C00, #5E0936 80%, transparent);
}
.abgs-tl-item { display: flex; gap: 28px; margin-bottom: 28px; }
.abgs-tl-dot { flex-shrink: 0; width: 22px; padding-top: 3px; }
.abgs-tl-dot span {
  display: block; width: 20px; height: 20px; border-radius: 50%;
  background: #E65C00; border: 3px solid #fff;
  box-shadow: 0 0 0 2px #E65C00; position: relative; z-index: 1;
}
.abgs-tl-body { flex: 1; background: #faf7ff; border: 1px solid #e8e0f5; border-radius: 8px; padding: 18px 22px; }
.abgs-tl-body p { font-size: 14px; color: #444; line-height: 1.85; margin: 0; text-align: justify; }

/* ---- FOUNDERS CHIP CLOUD ---- */
.abgs-founders { background: linear-gradient(135deg, #5E0936, #E65C00); border-radius: 12px; padding: 26px 30px; margin-top: 32px; }
.abgs-founders-label { color: rgba(255,255,255,0.7); font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 14px; }
.abgs-founders-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.abgs-founder-chip { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); border-radius: 30px; padding: 6px 16px; font-size: 13px; color: #fff; font-weight: 500; }
.abgs-founder-chip.primary { background: #E65C00; border-color: #E65C00; font-weight: 700; }

/* ---- COORD CARDS ---- */
.abgs-coord-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 28px; }
.abgs-coord-card { border: 1px solid #e8e0f5; border-radius: 10px; padding: 24px 26px; background: #fff; border-top: 3px solid #E65C00; }
.abgs-coord-card h4 { color: #5E0936; font-size: 14px; font-weight: 700; margin-bottom: 12px; line-height: 1.4; }
.abgs-coord-card p { font-size: 14px; color: #555; line-height: 1.85; margin: 0; text-align: justify; }

/* ---- AMENDMENT CARDS ---- */
.abgs-amend-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin: 28px 0 24px; }
.abgs-amend-card { background: #faf7ff; border: 1px solid #e8e0f5; border-radius: 10px; padding: 20px 22px; display: flex; gap: 16px; align-items: flex-start; }
.abgs-amend-num { flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background: #5E0936; color: #fff; font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.abgs-amend-card p { font-size: 14px; color: #333; line-height: 1.7; margin: 0; }
.abgs-amend-card p strong { color: #5E0936; display: block; margin-bottom: 2px; }

/* ---- TODAY BANNER ---- */
.abgs-today { background: linear-gradient(135deg, #E65C00 0%, #FF8C42 100%); padding: 44px 0; }
.abgs-today-inner { display: flex; gap: 32px; align-items: center; flex-wrap: wrap; }
.abgs-today-text { flex: 1; min-width: 280px; }
.abgs-today-text h3 { color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.abgs-today-text p { color: rgba(255,255,255,0.9); font-size: 14px; line-height: 1.85; margin: 0; }
.abgs-today-badges { display: flex; flex-direction: column; gap: 10px; min-width: 220px; }
.abgs-today-badge { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 12px 18px; display: flex; align-items: center; gap: 12px; }
.abgs-today-badge-icon { font-size: 20px; }
.abgs-today-badge-text { font-size: 13px; color: #fff; font-weight: 600; line-height: 1.3; }
.abgs-today-badge-text span { display: block; font-size: 11px; font-weight: 400; opacity: 0.8; margin-top: 2px; }

@media (max-width: 640px) {
  .abgs-hero h1 { font-size: 26px; }
  .abgs-stats { flex-wrap: wrap; }
  .abgs-stat { min-width: 50%; border-bottom: 1px solid rgba(255,255,255,0.1); }
  .abgs-amend-grid, .abgs-coord-grid { grid-template-columns: 1fr; }
  .abgs-hero::before { font-size: 80px; }
}

.add2nrgpic{border-radius:22px; border:1px solid #333333;}

  .abgs-sec-light { background: #FFF; padding: 10px 0; }
  .abgs-section-head { display: flex; align-items: center; gap: 16px; margin: 0 0 10px; }
  .abgs-section-head-line { flex: 1; height: 1px; background: linear-gradient(to right, #E65C00, transparent); }
  .abgs-section-head-line.right { background: linear-gradient(to left, #E65C00, transparent); }
  .abgs-section-head h2 { color: #5E0936; font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; white-space: nowrap; margin: 0; }
  .mt-30 { margin-top: 30px; }
  .mt-10 { margin-top: 10px; }
  .mb-25 { margin-bottom: 25px; }

  /* Member card */
  .abt-member-card {
    background: #fff;
    border: 1px solid #e8e0f5;
    border-radius: 10px;
    padding: 20px 22px;
    height: 100%;
    border-left: 4px solid #5E0936;
    transition: box-shadow .2s;
  }
  .abt-member-card:hover {
    box-shadow: 0 6px 20px rgba(61,0,102,0.10);
  }
  .abt-member-card--gold {
    border-left-color: #C8960C;
    background: #fffdf5;
  }
  .abt-member-card--honorary {
    border-left-color: #888;
    background: #fafafa;
  }
  .abt-member-card__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
  }
  .abt-member-card__num {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #5E0936;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .abt-member-card--gold .abt-member-card__num { background: #C8960C; }
  .abt-member-card--honorary .abt-member-card__num { background: #888; }
  .abt-member-card h4 {
    color: #5E0936;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    line-height: 1.35;
  }
  .abt-member-card--gold h4 { color: #8a6200; }
  .abt-member-card--honorary h4 { color: #555; }
  .abt-member-card__en {
    font-size: 12px;
    font-weight: 500;
    color: #888;
  }
  .abt-member-card__fee {
    display: inline-block;
    background: #FFF;
    color: #5E0936;
    font-size: 13px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 20px;
    margin-bottom: 10px;
  }
  .abt-member-card__fee--gold {
    background: #fff3cc;
    color: #8a6200;
  }
  .abt-member-card p {
    font-size: 13.5px;
    color: #555;
    line-height: 1.8;
    margin: 0;
    text-align: justify;
  }
  /* =====================================================
   NRG Schemes Page – add to custom.css
   Reuses existing ABGS variables and base classes;
   only defines what is new/unique to this page.
   ===================================================== */

/* ── Scheme card wrapper ──────────────────────────────────────────── */
.nrg-scheme-card {
  background: #fff;
  border: 1.5px solid var(--abgs-border);
  border-radius: var(--abgs-radius);
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: var(--abgs-shadow);
}

/* ── Coloured header bar ──────────────────────────────────────────── */
.nrg-scheme-header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 22px;
  background: #006B6B;          /* site teal from style.css */
}

.nrg-scheme-num {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.20);
  font-family: var(--abgs-font);
  font-size: 14px;
  font-weight: 800;
  color: #fff;
}

.nrg-scheme-title {
  font-family: var(--abgs-font);
  font-size: 16px;
  font-weight: 700;
  color: #fff;         /* override default h3 colour from style.css */
  margin: 0;
  line-height: 1.35;
}

/* ── Card body padding ────────────────────────────────────────────── */
.nrg-scheme-body {
  padding: 18px 22px;
}

/* ── Scheme 3 intro quote (reuses .abgs-highlight border style) ───── */
.nrg-intro-quote {
  border-left: 4px solid var(--abgs-orange);
  padding-left: 14px;
  margin: 0;
}

/* ── 60:40 Rule block ─────────────────────────────────────────────── */
.nrg-rule-block {
  background: #f0fafa;          /* light teal tint matching site teal */
  border: 1px solid #b2d8d8;
  border-radius: var(--abgs-radius);
  padding: 18px 20px;
  margin: 16px 0;
}

.nrg-rule-label {
  font-family: var(--abgs-font);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #005757;               /* darker teal */
  margin-bottom: 10px;
}

/* Split bar */
.nrg-split-bar {
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  height: 34px;
  margin: 0 0 10px;
  font-family: var(--abgs-font);
  font-size: 13px;
  font-weight: 700;
}
.nrg-split-nrg {
  background: #006B6B;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
}
.nrg-split-gov {
  background: var(--abgs-orange);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
}

/* Legend */
.nrg-split-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 12px;
  color: var(--abgs-text-light);
  margin-bottom: 2px;
}
.nrg-split-legend span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.nrg-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.nrg-dot-nrg { background: #006B6B; }
.nrg-dot-gov { background: var(--abgs-orange); }

/* Sub-label above project pills */
.nrg-sub-label {
  font-family: var(--abgs-font);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #005757;
  margin: 14px 0 8px;
}

/* Project pills – reuses .abgs-section-card ul li bullet style idea */
.nrg-project-list {
  list-style: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.nrg-project-list li {
  background: #fff;
  border: 1px solid #b2d8d8;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #005757;
  position: static;            /* reset .abgs li position:relative */
}
.nrg-project-list li::before {
  display: none;               /* remove bullet from global li::before if present */
}

/* ── How to Apply block ───────────────────────────────────────────── */
.nrg-apply-block {
  background: #fff8f2;
  border: 1px solid #f5c8a0;
  border-radius: var(--abgs-radius);
  padding: 18px 20px;
  margin-top: 16px;
}

.nrg-apply-title {
  font-family: var(--abgs-font);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--abgs-orange-dark);
  margin-bottom: 10px;
}

/* Channel pills */
.nrg-channels {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.nrg-channel-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #fff;
  border: 1px solid #f5c8a0;
  border-radius: var(--abgs-radius);
  padding: 8px 14px;
  font-family: var(--abgs-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--abgs-navy);
}
.nrg-channel-pill svg {
  flex-shrink: 0;
  color: var(--abgs-orange);
  stroke: var(--abgs-orange);
}

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .nrg-scheme-header  { padding: 14px 16px; }
  .nrg-scheme-body    { padding: 14px 16px; }
  .nrg-scheme-title   { font-size: 14px; }
  .nrg-split-bar      { font-size: 11px; height: 30px; }
  .nrg-channels       { flex-direction: column; }
  .nrg-channel-pill   { width: 100%; }
}