/* Semantic component/utility classes that replaced the former inline style="" attributes of the discovery-ui
   templates and discovery-sse.js (#160, CSP style-src 'self'). The file name is kept: pages/tests link this path.
   Each selector is deliberately tripled (.x.x.x, specificity 0,3,0): the declarations used to be inline styles,
   which beat every legacy.css / page rule (e.g. .card, .pad, .dim, .banner). The tripled selector keeps that
   precedence without !important, so CSSOM toggling (el.style.display) still works. */
.notice-warn.notice-warn.notice-warn { margin-bottom:16px; border-color:#854d0e; } /* x27 */
.reset-margin.reset-margin.reset-margin { margin:0; } /* x20 */
.notice-error.notice-error.notice-error { margin-bottom:16px; border-color:#7f1d1d; } /* x16 */
.card-spaced.card-spaced.card-spaced { margin-bottom:16px; } /* x16 */
.notice-ok.notice-ok.notice-ok { margin-bottom:16px; border-color:#166534; } /* x15 */
.panel-head.panel-head.panel-head { font-weight:600; border-bottom:1px solid #1e2228; } /* x15 */
.page-lead.page-lead.page-lead { margin:0 0 20px; } /* x14 */
.entry-title.entry-title.entry-title { font-weight:600; margin-bottom:6px; } /* x13 */
.cell-break.cell-break.cell-break { word-break:break-all; } /* x11 */
.progress-line.progress-line.progress-line { margin-top:10px; } /* x8 */
.panel-spaced.panel-spaced.panel-spaced { margin-top:16px; } /* x7 */
.panel-subtitle.panel-subtitle.panel-subtitle { font-weight:600; margin-bottom:10px; } /* x7 */
.detail-value.detail-value.detail-value { margin-top:4px; } /* x7 */
.summary-toggle.summary-toggle.summary-toggle { cursor:pointer; } /* x6 */
.card-spaced-lg.card-spaced-lg.card-spaced-lg { margin-bottom:24px; } /* x6 */
.cell-details.cell-details.cell-details { padding:0 0 10px; } /* x5 */
.list-compact.list-compact.list-compact { margin:8px 0 0; } /* x5 */
.label-caps.label-caps.label-caps { font-size:11px; text-transform:uppercase; } /* x5 */
.field-grow.field-grow.field-grow { flex:1; min-width:220px; } /* x4 */
.banner-inset.banner-inset.banner-inset { margin:0 16px 16px; } /* x4 */
.auth-note.auth-note.auth-note { margin-top:28px; } /* x3 */
.hint-wide.hint-wide.hint-wide { margin:0 0 12px; max-width:640px; } /* x3 */
.hint-wide-lg.hint-wide-lg.hint-wide-lg { margin:0 0 20px; max-width:640px; } /* x3 */
.hint-tight.hint-tight.hint-tight { margin:0 0 10px; } /* x3 */
.request-form.request-form.request-form { margin-bottom:24px; max-width:640px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; } /* x3 */
.input-interval.input-interval.input-interval { width:64px; } /* x3 */
.stat-value.stat-value.stat-value { font-size:22px; font-weight:600; } /* x3 */
.auth-wrap.auth-wrap.auth-wrap { max-width:380px; padding-top:80px; text-align:center; } /* x2 */
.label-inline.label-inline.label-inline { display:flex; align-items:center; gap:4px; } /* x2 */
.detail-grid.detail-grid.detail-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; } /* x2 */
.status-footer.status-footer.status-footer { border-top:1px solid #1e2228; } /* x2 */
.caption-tight.caption-tight.caption-tight { margin-bottom:6px; } /* x2 */
.city-chips.city-chips.city-chips { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px; } /* x2 */
.inline-gap.inline-gap.inline-gap { margin-right:8px; } /* x2 */
.card-gap-lg.card-gap-lg.card-gap-lg { margin-bottom:20px; } /* x2 */
.request-form-compact.request-form-compact.request-form-compact { margin-bottom:12px; max-width:640px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; } /* x1 */
.error-wrap.error-wrap.error-wrap { max-width:520px; padding-top:80px; text-align:center; } /* x1 */
.error-message.error-message.error-message { margin-top:12px; } /* x1 */
.notice-error-login.notice-error-login.notice-error-login { margin:20px 0; border-color:#7f1d1d; text-align:left; } /* x1 */
.login-form.login-form.login-form { margin-top:28px; display:flex; flex-direction:column; gap:10px; } /* x1 */
.seed-line.seed-line.seed-line { margin:0 0 6px; } /* x1 */
.lead-tight.lead-tight.lead-tight { margin:0 0 8px; } /* x1 */
.pivot-lead.pivot-lead.pivot-lead { margin-bottom:20px; max-width:640px; } /* x1 */
.candidates-input.candidates-input.candidates-input { width:100%; font-family:monospace; } /* x1 */
.pivot-actions.pivot-actions.pivot-actions { margin-top:8px; display:flex; gap:8px; align-items:center; } /* x1 */
.field-fill.field-fill.field-fill { flex:1; } /* x1 */
.filter-form.filter-form.filter-form { margin-bottom:20px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; } /* x1 */
.field-grow-sm.field-grow-sm.field-grow-sm { flex:1; min-width:180px; } /* x1 */
.input-region.input-region.input-region { width:80px; } /* x1 */
.intro-text.intro-text.intro-text { margin:0 0 16px; max-width:760px; } /* x1 */
.shortcut-row.shortcut-row.shortcut-row { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; } /* x1 */
.field-label.field-label.field-label { display:block; margin-bottom:7px; } /* x1 */
.seed-form.seed-form.seed-form { max-width:720px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; } /* x1 */
.field-grow-lg.field-grow-lg.field-grow-lg { flex:1; min-width:260px; } /* x1 */
.hint-after.hint-after.hint-after { margin:12px 0 0; } /* x1 */
.hyperscaler-panel.hyperscaler-panel.hyperscaler-panel { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; } /* x1 */
.hyperscaler-text.hyperscaler-text.hyperscaler-text { max-width:560px; } /* x1 */
.hyperscaler-note.hyperscaler-note.hyperscaler-note { margin-top:3px; } /* x1 */
.seg-toggle.seg-toggle.seg-toggle { display:inline-flex; border:1px solid #2a2f37; border-radius:8px; overflow:hidden; } /* x1 */
.seg-toggle-on.seg-toggle-on.seg-toggle-on { background:#1e3a5f; color:#e6e8eb; padding:7px 13px; font-size:12.5px; } /* x1 */
.seg-toggle-off.seg-toggle-off.seg-toggle-off { padding:7px 13px; font-size:12.5px; } /* x1 */
.panel-footnote.panel-footnote.panel-footnote { border-top:1px solid #1e2228; font-size:12px; } /* x1 */
.intro-search.intro-search.intro-search { margin:0 0 14px; max-width:760px; } /* x1 */
.action-row.action-row.action-row { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 20px; } /* x1 */
.new-search.new-search.new-search { margin-bottom:8px; max-width:760px; } /* x1 */
.new-search-summary.new-search-summary.new-search-summary { cursor:pointer; font-weight:600; } /* x1 */
.new-search-form.new-search-form.new-search-form { margin-top:14px; } /* x1 */
.fieldset-bare.fieldset-bare.fieldset-bare { border:none; margin:0; padding:0; min-width:0; } /* x1 */
.form-row.form-row.form-row { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:14px; } /* x1 */
.readd-cities.readd-cities.readd-cities { display:none; margin-bottom:20px; } /* x1 */
.form-row-lg.form-row-lg.form-row-lg { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:20px; } /* x1 */
.label-flex.label-flex.label-flex { display:inline-flex; gap:8px; align-items:center; } /* x1 */
.recurring-form.recurring-form.recurring-form { display:flex; gap:8px; flex-wrap:wrap; align-items:center; } /* x1 */
.monitoring-row.monitoring-row.monitoring-row { border-bottom:1px solid #1e2228; } /* x1 */
.monitoring-row-head.monitoring-row-head.monitoring-row-head { display:flex; gap:12px; flex-wrap:wrap; align-items:center; } /* x1 */
.monitoring-row-actions.monitoring-row-actions.monitoring-row-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:8px; } /* x1 */
.monitoring-edit.monitoring-edit.monitoring-edit { margin-top:8px; } /* x1 */
.monitoring-edit-form.monitoring-edit-form.monitoring-edit-form { margin-top:10px; max-width:640px; } /* x1 */
.monitoring-edit-row.monitoring-edit-row.monitoring-edit-row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:12px; } /* x1 */
.history-summary.history-summary.history-summary { cursor:pointer; font-weight:600; border-bottom:1px solid #1e2228; } /* x1 */
.history-footer.history-footer.history-footer { display:flex; gap:8px; flex-wrap:wrap; margin:32px 0 8px; border-top:1px solid #1e2228; padding-top:16px; } /* x1 */
.stat-grid.stat-grid.stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin-bottom:20px; } /* x1 */
.stat-value-alert.stat-value-alert.stat-value-alert { font-size:22px; font-weight:600; color:#f87171; } /* x1 */
.text-alert.text-alert.text-alert { color:#f87171; } /* x1 */
.city-card-grid.city-card-grid.city-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; margin-bottom:20px; } /* x1 */
.city-card-title.city-card-title.city-card-title { font-weight:600; margin-bottom:8px; } /* x1 */
.ad-item.ad-item.ad-item { margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #1e2228; } /* x1 */
.ad-item-title.ad-item-title.ad-item-title { font-weight:600; margin-top:4px; } /* x1 */
.ad-item-url.ad-item-url.ad-item-url { margin-top:2px; } /* x1 */
.card-spaced-sm.card-spaced-sm.card-spaced-sm { margin-bottom:10px; } /* x1 */
.coverage-sentence.coverage-sentence.coverage-sentence { margin:0 0 20px; max-width:760px; } /* x1 */
.notice-warn-tight.notice-warn-tight.notice-warn-tight { border-color:#854d0e; margin-bottom:12px; } /* x1 */

/* Dynamic: search-ad aggregate row flagged regionalOnly (was th:style background). */
tr.row-regional.row-regional.row-regional { background:#2a1414; }