/*
 * Styling for spec/feature tables inside product descriptions (the AI
 * "Feature | Specification" table from MageosLocal_WebSearch, and any other
 * table authored in description content). Scoped to .prose so it never touches
 * layered-nav / cart / other tables. Plain CSS (not a Tailwind utility), so it
 * is NOT affected by the Tailwind purge and needs no theme rebuild.
 */
.prose table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-size: 0.9rem;
    line-height: 1.4;
}
.prose table td,
.prose table th {
    border: 1px solid #e5e7eb;
    padding: 0.45rem 0.75rem;
    text-align: left;
    vertical-align: top;
}
.prose table tr:nth-child(odd) td {
    background-color: #f9fafb;
}
/* First column reads as the feature label: bold, sized to its content so a long
 * spec name ("Max inlet water temperature") never wraps; the value column takes
 * the remaining width. width:1% + nowrap = shrink-to-fit. */
.prose table td:first-child {
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
    width: 1%;
}
/* The value column may wrap normally. */
.prose table td:last-child {
    width: auto;
}
/* Narrow screens: let a wide table scroll instead of squashing the labels. */
@media (max-width: 640px) {
    .prose table {
        display: block;
        overflow-x: auto;
    }
}