/* ---------- TechMart specification (template-3) — plain two-col table ---------- */

.tm-spec {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color, var(--bs-border-color));
    border-radius: 6px;
    margin-bottom: 14px;
    overflow: hidden;
}
.tm-spec .tm-section-head { border-radius: 0; margin-bottom: 0; border-top: 0; border-left: 0; border-right: 0; }

.tm-spec-body { padding: 14px 18px; }
.tm-spec-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.tm-spec-table thead th {
    background: var(--bs-bg-base, var(--bs-body));
    color: var(--bs-body-color, #222);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 8px 12px;
    border: 1px solid var(--bs-border-color, var(--bs-border-color));
    border-left: 3px solid var(--bs-primary, var(--bs-border-accent));
    text-align: left;
}
.tm-spec-table tbody tr { border-bottom: 1px solid var(--bs-border-color, var(--bs-border-color)); }
.tm-spec-table tbody tr:hover td { background: var(--bs-bg-base, var(--bs-body)); }
.tm-spec-table td { padding: 9px 12px; border: 1px solid var(--bs-border-color, var(--bs-border-color)); vertical-align: top; }
.tm-spec-key {
    width: 32%;
    color: var(--bs-secondary-color, var(--bs-secondary-color));
    font-weight: 500;
    background: #FCFCFD;
}
.tm-spec-val { color: var(--bs-body-color, #222); font-weight: 500; }

@media (max-width: 575.98px) {
    .tm-spec-table { font-size: 12px; }
    .tm-spec-key { width: 40%; }
    .tm-spec-table td { padding: 7px 10px; }
}