/* The dedicated page uses the available viewport width within small gutters. */
body.bjld-zone-timers-page #content > .ast-container {
    max-width: none;
    width: 100%;
    padding-inline: clamp(12px, 2vw, 32px);
}
body.bjld-zone-timers-page #primary {
    width: 100%;
    min-width: 0;
    margin: 2rem 0;
    padding: 0;
    border: 0;
}
body.bjld-zone-timers-page .ast-article-single {
    padding: clamp(16px, 2vw, 32px);
}
body.bjld-zone-timers-page .entry-header { display: none; }
body.bjld-zone-timers-page .entry-content > .bjld-zone-timers { max-width: none; }
.bjld-zone-timers .bjld-toolbar h1 { margin: 0; font-size: clamp(28px, 3vw, 40px); }
.bjld-zone-timers .bjld-toolbar { flex-wrap: wrap; }
.bjld-zone-timers .bjld-filter-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px 24px; }
.bjld-zone-timers .bjld-filter-row label { min-width: 0; max-width: 100%; }
.bjld-zone-timers .bjld-filter-row select { min-width: 160px; max-width: 100%; }
.bjld-zone-timers .bjld-zone-reset-filters { min-width: 0; margin: 20px 0 0; padding: 0; border: 0; }
.bjld-zone-timers .bjld-zone-reset-filters legend { margin-bottom: 8px; padding: 0; font-size: 14px; font-weight: 600; }
.bjld-zone-timers .bjld-zone-reset-options { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.bjld-zone-timers .bjld-zone-reset-options label { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; margin: 0; cursor: pointer; }
.bjld-zone-timers .bjld-zone-reset-options input { flex: 0 0 auto; width: 18px; height: 18px; margin: 0; accent-color: #12695f; }
.bjld-zone-timers .bjld-zone-reset-filters .bjld-form-note { margin: 8px 0 0; }
.bjld-zone-timers .bjld-table { min-width: 1020px; }
.bjld-zone-timers th button { border: 0; background: none; color: inherit; font: inherit; font-weight: 700; cursor: pointer; padding: .5rem 0; text-align: left; }
.bjld-zone-timers th[aria-sort="ascending"] button::after { content: " ▲"; }
.bjld-zone-timers th[aria-sort="descending"] button::after { content: " ▼"; }
.bjld-zone-timers td { font-variant-numeric: tabular-nums; }
.bjld-zone-timers td small { display: block; opacity: .75; }
.bjld-zone-timers .bjld-zone-ready { color: #72d89b; font-weight: 700; }
.bjld-zone-timers [data-zone-status] { min-height: 1.5em; }
.bjld-zone-timers .bjld-table-wrap { overflow-x: auto; }
@media (max-width: 600px) { .bjld-zone-timers .bjld-filter-row { display: grid; grid-template-columns: 1fr; } .bjld-zone-timers select { max-width: 100%; } }
