/* =========================
   GLOBAL TEXT (FORCED)
========================= */
p, li, td {
  color: #ffffff !important;
  font-size: 1rem;
  line-height: 1.65;
}

ul {
    padding: 20px 10px 0px 30px;
}
/* =========================
   PREMIUM H2 (CTR + MOBILE SAFE)
========================= */
h2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #ffffff;
  margin: 3rem 0 1.4rem;
  padding: 10px 12px;
  background-color: #000000;
  border-left: 4px solid #ffffff;
  letter-spacing: 0.3px;
  text-shadow: 0 0 10px rgba(31,107,255,0.4);
  box-sizing: border-box;
  max-width: 100%;
  word-break: break-word;
}

/* =========================
   PREMIUM H3
========================= */
/* =========================
   PREMIUM H3 (VISIBILITY FIX)
========================= */
.h3mainpage {
  font-size: 1.3rem;
  font-weight: 700;
  color: #ffffff !important;
  margin: 2.4rem 0 1rem;
  padding-left: 10px;
  border-left: 3px solid #ffffff;
  text-shadow:
    0 1px 2px rgba(0,0,0,0.6),
    0 0 4px rgba(31,107,255,0.25);
    background-color: black;
    padding: 10px;
}


/* =========================
   STRONG / KEYWORDS
========================= */
strong, b {
  color: #1f6bff;
  font-weight: 600;
}

/* =========================
   LINKS
========================= */
a {
  color: #ffffff;
  text-decoration: underline;
}
a:hover { color: #1f6bff; }

/* =========================
   TABLE WRAPPER (CRITICAL)
========================= */
.table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* =========================
   PREMIUM TABLE
========================= */
.premium-table {
  width: 100%;
  min-width: 720px;
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid rgba(255,255,255,0.18);
}

.premium-table th {
  color: #1f6bff;
  font-weight: 600;
  text-align: left;
  padding: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.25);
}

.premium-table td {
  padding: 14px;
  vertical-align: top;
  border-bottom: 1px solid rgba(255,255,255,0.12);
  word-break: break-word;
}

/* Column widths */
.premium-table th:nth-child(1),
.premium-table td:nth-child(1) { width: 22%; }

.premium-table th:nth-child(2),
.premium-table td:nth-child(2) { width: 18%; }

.premium-table th:nth-child(3),
.premium-table td:nth-child(3) { width: 15%; }

.premium-table th:nth-child(4),
.premium-table td:nth-child(4) { width: 45%; }

/* Lists inside table */
.premium-table td ul {
  padding-left: 1.1rem;
  margin: 0;
}
.premium-table td ul li {
  line-height: 1.55;
  white-space: normal;
}

/* =========================
   MOBILE OPTIMIZATION
========================= */
@media (max-width: 768px) {
  h2 { font-size: 1.25rem; }
  h3 { font-size: 1.1rem; }
  .premium-table { font-size: 0.9rem; }
}

/* =========================
   HEADING OVERFLOW FIX (SAFARI)
========================= */
h1, h2, h3 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

h1 {
  font-size: clamp(1.6rem, 6vw, 2.2rem);
  line-height: 1.25;
  padding-right: 8px;
}

@media (max-width: 480px) {
  h1 {
    font-size: 1.55rem;
    padding-left: 12px;
  }
}


/* =========================
   Images Container
========================= */

.image-container {
  width: 100%;             /* Mobile par screen ki puri width lega */
  max-width: 800px;        /* Desktop par 800px se bada nahi hoga */
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  background: #f0f0f000;
  overflow: hidden;
}

.image-container img {
  width: 100%;             /* Container ke andar fit rahega */
  height: 100%;            /* aspect-ratio ko maintain karega */
  object-fit: cover;
  display: block;
}
/* =========================
   Images Container
========================= */