/* Site-specific tweaks, loaded via params.css_modules in hugo.toml.
   Kept separate from the theme so a theme update never clobbers it. */

/* Tables from layouts/shortcodes/table.html must not overflow on phones. */
.table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1.5em 0;
}

.table-wrapper table {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
}

.table-wrapper th {
    font-weight: 700;
    white-space: nowrap;
}

.table-wrapper th,
.table-wrapper td {
    padding: 10px 14px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}

/* Skeleton strips padding on edge cells, which looks broken inside a bordered table. */
.table-wrapper th:first-child,
.table-wrapper td:first-child {
    padding-left: 14px;
}

.table-wrapper th:last-child,
.table-wrapper td:last-child {
    padding-right: 14px;
}

/* Long phone/mail links should wrap rather than force a horizontal scrollbar. */
article.default .content a {
    overflow-wrap: break-word;
}

/* Images uploaded through the CMS vary wildly in size; keep them contained. */
article.default .content img {
    max-width: 100%;
    height: auto;
}