/* ── titanium-density-table · HonTitan Custom Widgets ── */

.ht-tdt { font-family: inherit; }

/* Header */
.ht-tdt__header { text-align: center; max-width: 700px; margin: 0 auto 48px; }
.ht-tdt__eyebrow {
    display: block; font-size: 13px; font-weight: 600;
    letter-spacing: 0.1em; text-transform: uppercase;
    color: #002699; margin-bottom: 12px;
}
.ht-tdt__heading { font-size: 30px; font-weight: 600; line-height: 1.3; color: #000000; margin-bottom: 16px; }
.ht-tdt__sub     { font-size: 17px; font-weight: 400; line-height: 1.7; color: #727579; }

/* Table wrap */
.ht-tdt__table-wrap {
    overflow-x: auto;
    border-radius: 10px;
    border: 1px solid #CECECE;
}

/* Table */
.ht-tdt__table {
    width: 100%;
    border-collapse: collapse;
    font-family: inherit;
    font-size: 15px;
    min-width: 640px;
}

.ht-tdt__table thead tr { background: #002699; }
.ht-tdt__table thead th {
    padding: 13px 16px;
    font-weight: 600;
    text-align: left;
    font-size: 14px;
    color: #ffffff;
    white-space: nowrap;
}

.ht-tdt__table tbody td {
    padding: 11px 16px;
    border-bottom: 1px solid #CECECE;
    color: #000000;
}
.ht-tdt__table tbody tr:nth-child(odd)  { background: #ffffff; }
.ht-tdt__table tbody tr:nth-child(even) { background: #F5F7FB; }
.ht-tdt__table tbody tr:last-child td   { border-bottom: none; }

.ht-tdt__table tfoot td {
    padding: 10px 16px;
    font-size: 13px;
    color: #727579;
    background: #F5F7FB;
    font-style: italic;
}

/* Cell variants */
.ht-tdt__td-grade   { font-weight: 600; color: #002699; }
.ht-tdt__td-alias   { color: #727579; font-size: 13px; }
.ht-tdt__td-density { font-family: "Courier New", Courier, monospace; font-weight: 600; }

/* Chips */
.ht-tdt__chip {
    display: inline-block; padding: 3px 10px;
    border-radius: 999px; font-size: 11px; font-weight: 600;
    letter-spacing: 0.05em; text-transform: uppercase;
    white-space: nowrap;
}
.ht-tdt__chip--cp    { background: #002699; color: #ffffff; }
.ht-tdt__chip--alloy { background: #fce7f3; color: #9d174d; }
.ht-tdt__chip--pd    { background: #d1fae5; color: #065f46; }

/* ── MOBILE ≤ 767px ─── */
@media (max-width: 767px) {
    .ht-tdt__heading { font-size: 24px; }
    .ht-tdt__sub     { font-size: 15px; }
}