/* ── Indications Table Block ─────────────────────────────────────────────── */

.it-wrap {
    font-family: Futura, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* SVG icon (checkmark + asterisk star) — 40×40px */
.it-icon {
    width: 40px;
    height: 40px;
    display: block;
}

/* Dash — text-gray-500 text-2xl font-bold */
.it-dash {
    color: #6b7280;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

/* Footnote — text-sm text-gray-600 italic */
.it-footnote {
    font-size: 14px;
    color: #4b5563;
    font-style: italic;
    margin: 0;
}

/* Footnote wrapper — mt-6 */
.it-footnote-wrap {
    margin-top: 24px;
}


/* ══════════════════════════════════════════════════════════════════════════
   DESKTOP TABLE  —  hidden on mobile, block at ≥1024px
   ══════════════════════════════════════════════════════════════════════════ */

.it-desktop {
    display: none;
}

@media (min-width: 1024px) {
    .it-desktop {
        display: block;
    }
}

/* table — w-full border-collapse */
.it-table {
    width: 100%;
    border-collapse: collapse;
}

/* ── Header row — bg-[#4A3B6B] text-white ── */
.it-thead-row {
    background: #4A3B6B;
    color: #fff;
}

/* th base — py-4 px-6 font-bold text-lg border-r border-white/20 */
.it-th {
    padding: 16px 24px;
    font-weight: 700;
    font-size: 18px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    vertical-align: middle;
    line-height: 1.3;
}

/* INDICATIONS column — text-left */
.it-th--title {
    text-align: left;
}

/* Data columns — text-center */
.it-th--col {
    text-align: center;
}

/* Fixed column widths */
.it-th.w-32 { width: 128px; }  /* ISS, ISE */
.it-th.w-40 { width: 160px; }  /* Clinical */
.it-th.w-48 { width: 192px; }  /* Regulatory */

/* Last th — no right border */
.it-th--last {
    border-right: none;
}

/* ── Section header row — bg-[#E8B55D] ── */
.it-section-row {
    background: #E8B55D;
}

/* Section td — py-3 px-6 font-bold text-gray-800 uppercase text-sm tracking-wide */
.it-section-cell {
    padding: 12px 24px;
    font-weight: 700;
    color: #1f2937;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.05em;
}

/* ── Data rows ── */

.it-row--even {
    background: #ffffff;
}

.it-row--odd {
    background: #D5D0E3;
}

/* Title cell — relative py-4 px-6 text-gray-800 border-r border-gray-300 */
.it-wrap .it-td-title {
    position: relative;
    padding: 16px 24px;
    color: #1f2937;
    border-right: 1px solid #d1d5db;
    font-size: 16px;
    line-height: 1.45;
    vertical-align: middle;
}

.it-wrap .it-row--odd .it-td-title {
    border-right-color: #B8B0CC;
}

/* Data cell — relative border-r border-gray-300 */
.it-wrap .it-td-cell {
    position: relative;
    border-right: 1px solid #d1d5db;
    vertical-align: middle;
}

.it-wrap .it-row--odd .it-td-cell {
    border-right-color: #B8B0CC;
}

.it-wrap .it-td-cell--last {
    border-right: none;
}

/* Cell inner — flex items-center justify-center h-full py-4 px-6 */
.it-cell-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 16px 24px;
}


/* ══════════════════════════════════════════════════════════════════════════
   MOBILE CARDS  —  block on mobile, hidden at ≥1024px
   ══════════════════════════════════════════════════════════════════════════ */

.it-mobile {
    display: block;
}

@media (min-width: 1024px) {
    .it-mobile {
        display: none;
    }
}

/* Sections — space-y-6 */
.it-m-section + .it-m-section {
    margin-top: 24px;
}

/* Section header — bg-[#E8B55D] py-3 px-4 rounded-lg */
.it-m-section-header {
    background: #E8B55D;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 12px;
}

/* h2 — font-bold text-gray-800 uppercase text-sm tracking-wide */
.it-m-section-title {
    font-weight: 700;
    color: #1f2937;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.05em;
    margin: 0;
}

/* Items list — space-y-3 */
.it-m-items {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Card base — rounded-lg border border-gray-300 p-4 */
.it-m-card {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    padding: 16px;
}

.it-m-card--even {
    background: #ffffff;
}

.it-m-card--odd {
    background: #D5D0E3;
}

/* Card title — font-semibold text-gray-800 mb-3 text-base */
.it-m-card-title {
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 12px 0;
    font-size: 16px;
    line-height: 1.4;
}

/* 4-column grid — grid grid-cols-4 gap-3 */
.it-m-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

/* Cell — text-center */
.it-m-cell {
    text-align: center;
}

/* Label — text-xs font-bold text-gray-600 mb-2 uppercase */
.it-m-label {
    font-size: 12px;
    font-weight: 700;
    color: #4b5563;
    margin-bottom: 8px;
    text-transform: uppercase;
}

/* Value wrapper — flex justify-center items-center h-10 */
.it-m-value {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}

/* Mobile footnote */
.it-footnote-wrap--mobile {
    margin-top: 24px;
    padding: 0 16px;
}
