/* Generated WordPress lwc theme. Maintainer-owned; do not edit in block work. */
.clvr-scope {
  color-scheme: light;
  --clvr-color-background: #ffffff;
  --clvr-color-surface: #ffffff;
  --clvr-color-surface-muted: #f5f8fc;
  --clvr-color-text: #22293b;
  --clvr-color-text-muted: #4b5563;
  --clvr-color-border: #bfcbde;
  --clvr-color-primary: #0075eb;
  --clvr-color-on-primary: #ffffff;
  --clvr-color-primary-cta: #078766;
  --clvr-color-on-primary-cta: #ffffff;
  --clvr-color-secondary: #e8f2fe;
  --clvr-color-on-secondary: #0075eb;
  --clvr-color-surface-panel: #f8f9fb;
  --clvr-color-brand-band: #e8f2fe;
  --clvr-color-text-secondary: #4b698b;
  --clvr-color-text-neutral: #4b5563;
  --clvr-color-text-neutral-strong: #374151;
  --clvr-color-text-inverse: #ffffff;
  --clvr-color-text-on-destructive: #ffffff;
  --clvr-color-border-subtle: #e2e8f0;
  --clvr-color-border-card: #dde4ed;
  --clvr-color-border-neutral: #d1d5db;
  --clvr-color-structure: #0075eb;
  --clvr-color-structure-hover: #005bb5;
  --clvr-color-action-hover: #005bb5;
  --clvr-color-action-border: transparent;
  --clvr-color-action-primary-cta-hover: #007151;
  --clvr-color-action-destructive: #c62828;
  --clvr-color-action-destructive-hover: #c62828;
  --clvr-color-link: #005bb5;
  --clvr-color-link-hover: #00488f;
  --clvr-color-error: #c62828;
  --clvr-color-success-text: #176b52;
  --clvr-color-valid: #0a8764;
  --clvr-color-label-info-bg: #e6f1fd;
  --clvr-color-label-info-text: #005bb5;
  --clvr-color-label-info-border: #0075eb;
  --clvr-color-label-positive-bg: #e7f6f0;
  --clvr-color-label-positive-text: #176b52;
  --clvr-color-label-positive-border: #0a8764;
  --clvr-color-label-speed-bg: #f1ecfb;
  --clvr-color-label-speed-text: #5b328b;
  --clvr-color-label-speed-border: #6b3fa0;
  --clvr-color-label-warning-bg: #fff3cd;
  --clvr-color-label-warning-text: #6b5200;
  --clvr-color-label-warning-border: #b77900;
  --clvr-color-label-danger-bg: #fbe9e9;
  --clvr-color-label-danger-text: #a51f1f;
  --clvr-color-label-danger-border: #c62828;
  --clvr-color-label-conversion-bg: #fff0e6;
  --clvr-color-label-conversion-text: #9a3d00;
  --clvr-color-label-conversion-border: #d95800;
  --clvr-color-status-info-bg: #e6f1fd;
  --clvr-color-status-info-text: #005bb5;
  --clvr-color-status-info-border: #005bb5;
  --clvr-color-status-info-icon: #005bb5;
  --clvr-color-status-success-bg: #e7f6f0;
  --clvr-color-status-success-text: #176b52;
  --clvr-color-status-success-border: #176b52;
  --clvr-color-status-success-icon: #176b52;
  --clvr-color-status-warning-bg: #fff3cd;
  --clvr-color-status-warning-text: #6b5200;
  --clvr-color-status-warning-border: #6b5200;
  --clvr-color-status-warning-icon: #6b5200;
  --clvr-color-status-error-bg: #fbe9e9;
  --clvr-color-status-error-text: #a51f1f;
  --clvr-color-status-error-border: #a51f1f;
  --clvr-color-status-error-icon: #a51f1f;
  --clvr-color-chart-series-1: #0075eb;
  --clvr-color-chart-series-2: #00a58a;
  --clvr-color-chart-series-3: #7963d6;
  --clvr-color-chart-series-5: #db5b78;
  --clvr-color-data-fmv: #e6a23c;
  --clvr-color-data-net: #0075eb;
  --clvr-color-data-net-text: #005bb5;
  --clvr-color-data-upfront: #db5b78;
  --clvr-color-data-fees: #00a58a;
  --clvr-color-data-fees-text: #006b59;
  --clvr-color-data-discount: #7963d6;
  --clvr-color-disabled-bg: #e2e8f0;
  --clvr-color-disabled-text: #4e79a6;
  --clvr-font-body: "Inter", Arial, sans-serif;
  --clvr-font-heading: "Rubik", "Inter", Arial, sans-serif;
  --clvr-radius-button: 0.25rem;
  --clvr-space-1: 0.25rem;
  --clvr-space-2: 0.5rem;
  --clvr-space-3: 0.75rem;
  --clvr-space-4: 1rem;
  --clvr-space-6: 1.5rem;
  --clvr-space-8: 2rem;
  --clvr-space-10: 2.5rem;
  --clvr-space-12: 3rem;
  --clvr-radius-sm: 0.25rem;
  --clvr-radius-md: 0.5rem;
  --clvr-radius-lg: 0.75rem;
  --clvr-radius-pill: 9999px;
  --clvr-shadow-sm: 0 1px 3px rgb(12 20 42 / 8%), 0 4px 12px rgb(12 20 42 / 6%);
  --clvr-shadow-lg: 0 4px 8px rgb(12 20 42 / 8%), 0 12px 32px rgb(12 20 42 / 10%);
  --clvr-shadow-card: 0 1px 3px rgb(0 46 93 / 6%), 0 1px 2px rgb(0 46 93 / 4%);
  --clvr-shadow-control-inset: inset 0 1px 2px rgb(22 42 76 / 6%);
  --clvr-shadow-slider-thumb: 0 1px 4px rgb(0 46 93 / 35%);
  --clvr-duration-fast: 200ms;
  --clvr-duration-normal: 200ms;
  --clvr-color-chart-series-4: #e6a23c;
  --clvr-color-label-info-strong: #0075eb;
  --clvr-color-label-positive-strong: #0a8764;
  --clvr-color-label-speed-strong: #6b3fa0;
  --clvr-color-label-warning-strong: #b77900;
  --clvr-color-label-danger-strong: #c62828;
  --clvr-color-label-conversion-strong: #e65f00; --clvr-font-heading-weight:500;
  --clvr-field-height: 2.5rem;
  --clvr-select-indicator-size: 1rem;
  --clvr-layout-wide: 71.5rem;
  --clvr-layout-reading: 50.625rem;
  --clvr-layout-rail: 17.5rem;
}
/*!
ISC License

Copyright (c) 2026 Lucide Icons and Contributors

Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted, provided that the above
copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

---

The following Lucide icons are derived from the Feather project:

airplay, alert-circle, alert-octagon, alert-triangle, aperture, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, calendar, cast, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, circle, clipboard, clock, code, columns, command, compass, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, crosshair, database, divide-circle, divide-square, dollar-sign, download, external-link, feather, frown, hash, headphones, help-circle, info, italic, key, layout, life-buoy, link-2, link, loader, lock, log-in, log-out, maximize, meh, minimize, minimize-2, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, move, music, navigation-2, navigation, octagon, pause-circle, percent, plus-circle, plus-square, plus, power, radio, rss, search, server, share, shopping-bag, sidebar, smartphone, smile, square, table-2, tablet, target, terminal, trash-2, trash, triangle, tv, type, upload, x-circle, x-octagon, x-square, x, zoom-in, zoom-out

The MIT License (MIT) (for the icons listed above)

Copyright (c) 2013-present Cole Bemis

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
/* Presentation variables. Components read these values directly.
   Every theme boundary starts with the Clever defaults, then overrides only
   its differences. This also resets nested themes without inheriting a parent brand. */

/* Clever Offers — Clever colors, Poppins typography. */

/* Best Interest Financial. */

/* Anytime Estimate. */

/* Real Estate Witch. */

/* Heading weight follows the active typography theme. */
/* Component dimensions. Colors, fonts, radii, and spacing use presentation variables directly. */

.clvr-scope clvr-button,
.clvr-scope clvr-input,
.clvr-scope clvr-password-input,
.clvr-scope clvr-search-input,
.clvr-scope clvr-number-input,
.clvr-scope clvr-textarea,
.clvr-scope clvr-select,
.clvr-scope clvr-combobox,
.clvr-scope clvr-checkbox,
.clvr-scope clvr-radio-group,
.clvr-scope clvr-switch,
.clvr-scope clvr-slider,
.clvr-scope clvr-tooltip,
.clvr-scope clvr-date-time,
.clvr-scope clvr-file-upload {
  box-sizing: border-box;
  color: var(--clvr-color-text);
  font-family: var(--clvr-font-body);
}

.clvr-scope clvr-input,
.clvr-scope clvr-password-input,
.clvr-scope clvr-search-input,
.clvr-scope clvr-number-input,
.clvr-scope clvr-textarea,
.clvr-scope clvr-select,
.clvr-scope clvr-combobox,
.clvr-scope clvr-radio-group,
.clvr-scope clvr-slider,
.clvr-scope clvr-date-time,
.clvr-scope clvr-file-upload {
  display: block;
}

.clvr-scope .clvr-icon { display: inline-block; width: 1em; height: 1em; flex: none; vertical-align: -0.125em; }

.clvr-scope .clvr-field { display: grid; gap: var(--clvr-space-2); min-width: 0; }
.clvr-scope .clvr-fieldset { min-inline-size: 0; border: 0; margin: 0; padding: 0; }
.clvr-scope .clvr-field__label,
.clvr-scope .clvr-field__legend { color: var(--clvr-color-text); font-size: 0.875rem; font-weight: var(--clvr-font-heading-weight); line-height: 1.35; }
.clvr-scope .clvr-field__legend { padding: 0; }
/* A field label followed by a clvr-tooltip: the row takes the label's type so
   the trigger aligns to the label text, not to the surrounding 1rem line. */
.clvr-scope .clvr-field__label-row { color: var(--clvr-color-text); font-size: 0.875rem; line-height: 1.35; }
.clvr-scope .clvr-field__label-row > .clvr-field__label { display: inline; }
.clvr-scope .clvr-field__requirement { color: var(--clvr-color-text-muted); font-size: 0.75rem; font-weight: 400; }
.clvr-scope .clvr-field__description,
.clvr-scope .clvr-field__error { margin: 0; font-size: 0.8125rem; line-height: 1.45; }
.clvr-scope .clvr-field__description { color: var(--clvr-color-text-muted); }
.clvr-scope .clvr-field__error { color: var(--clvr-color-error); font-weight: var(--clvr-font-heading-weight); }
.clvr-scope .clvr-field__control { position: relative; display: flex; align-items: center; }

.clvr-scope .clvr-field__message {
  display: flex;
  align-items: flex-start;
  gap: var(--clvr-space-2);
  margin: 0;
  padding: var(--clvr-space-2) var(--clvr-space-3);
  border: 1px solid;
  border-radius: var(--clvr-radius-md);
  font-size: 0.8125rem;
  font-weight: var(--clvr-font-heading-weight);
  line-height: 1.45;
}
.clvr-scope .clvr-field__message-icon { width: 1.125rem; height: 1.125rem; flex: none; margin-top: 0.03125rem; color: var(--clvr-field-state-icon); }
.clvr-scope .clvr-field__message--info { --clvr-field-state-icon: var(--clvr-color-status-info-icon); border-color: var(--clvr-color-status-info-border); background: var(--clvr-color-status-info-bg); color: var(--clvr-color-status-info-text); }
.clvr-scope .clvr-field__message--success { --clvr-field-state-icon: var(--clvr-color-status-success-icon); border-color: var(--clvr-color-status-success-border); background: var(--clvr-color-status-success-bg); color: var(--clvr-color-status-success-text); }
.clvr-scope .clvr-field__message--warning { --clvr-field-state-icon: var(--clvr-color-status-warning-icon); border-color: var(--clvr-color-status-warning-border); background: var(--clvr-color-status-warning-bg); color: var(--clvr-color-status-warning-text); }
.clvr-scope .clvr-field__message--error { --clvr-field-state-icon: var(--clvr-color-status-error-icon); border-color: var(--clvr-color-status-error-border); background: var(--clvr-color-status-error-bg); color: var(--clvr-color-status-error-text); }

.clvr-scope .clvr-control {
  box-sizing: border-box;
  min-height: var(--clvr-field-height);
  width: 100%;
  height: var(--clvr-field-height);
  padding: var(--clvr-space-2) var(--clvr-space-3);
  border: 1px solid var(--clvr-color-border);
  border-radius: var(--clvr-radius-md);
  background: var(--clvr-color-surface);
  color: var(--clvr-color-text);
  font: var(--clvr-font-heading-weight) 0.875rem/1.6 var(--clvr-font-body);
  transition: background-color var(--clvr-duration-normal) ease, border-color var(--clvr-duration-normal) ease, box-shadow var(--clvr-duration-normal) ease, color var(--clvr-duration-normal) ease;
}
.clvr-scope .clvr-control:hover:not(:disabled):not([readonly]) { box-shadow: var(--clvr-shadow-sm); }
.clvr-scope .clvr-control:focus-visible {
  border-color: var(--clvr-color-primary);
  outline: 2px solid var(--clvr-color-primary);
  outline-offset: -2px;
  box-shadow: none;
}
.clvr-scope .clvr-icon-button:focus-visible,
.clvr-scope .clvr-button:focus-visible,
.clvr-scope .clvr-choice input:focus-visible + .clvr-choice__mark,
.clvr-scope .clvr-switch input:focus-visible + .clvr-switch__track,
.clvr-scope .clvr-file__input:focus-visible + .clvr-file__dropzone {
  outline: 2px solid var(--clvr-color-primary);
  outline-offset: 2px;
}
.clvr-scope .clvr-control[aria-invalid="true"] { border-color: var(--clvr-color-error); }
.clvr-scope .clvr-field[data-state="info"] .clvr-control { border-color: var(--clvr-color-status-info-border); }
.clvr-scope .clvr-field[data-state="success"] .clvr-control { border-color: var(--clvr-color-status-success-border); }
.clvr-scope .clvr-field[data-state="warning"] .clvr-control { border-color: var(--clvr-color-status-warning-border); }
.clvr-scope .clvr-field[data-state="error"] .clvr-control { border-color: var(--clvr-color-status-error-border); }
.clvr-scope .clvr-field[data-state]:not([data-state="default"]) .clvr-control:focus-visible {
  outline-color: var(--clvr-color-primary);
  outline-offset: 2px;
}
.clvr-scope .clvr-control:disabled,
.clvr-scope .clvr-control[readonly] { background: var(--clvr-color-disabled-bg); color: var(--clvr-color-disabled-text); }
.clvr-scope .clvr-control:disabled { cursor: not-allowed; }
.clvr-scope .clvr-control[readonly] { cursor: text; }
.clvr-scope .clvr-control::placeholder { color: var(--clvr-color-text-muted); opacity: 1; }
.clvr-scope textarea.clvr-control { height: auto; min-height: 7rem; resize: vertical; }

.clvr-scope .clvr-control--with-action { padding-inline-end: 3rem; }
.clvr-scope .clvr-icon-button {
  display: inline-grid;
  place-items: center;
  position: absolute;
  inset-inline-end: var(--clvr-space-1);
  min-height: 2rem;
  min-width: 2rem;
  border: 0;
  border-radius: var(--clvr-radius-md);
  background: transparent;
  color: var(--clvr-color-primary);
  cursor: pointer;
  font: var(--clvr-font-heading-weight) 0.8125rem/1 var(--clvr-font-heading);
  transition: background-color var(--clvr-duration-fast) ease, color var(--clvr-duration-fast) ease;
}
.clvr-scope .clvr-icon-button .clvr-icon { width: 1.125rem; height: 1.125rem; }
.clvr-scope .clvr-icon-button:hover:not(:disabled) { background: var(--clvr-color-secondary); }
.clvr-scope .clvr-icon-button:disabled { color: var(--clvr-color-disabled-text); cursor: not-allowed; }

.clvr-scope .clvr-button {
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  gap: var(--clvr-space-2);
  padding: var(--clvr-space-2) var(--clvr-space-3);
  border: 1px solid var(--clvr-color-action-border);
  border-radius: var(--clvr-radius-md);
  background: var(--clvr-color-primary);
  color: var(--clvr-color-on-primary);
  cursor: pointer;
  font: var(--clvr-font-heading-weight) 1rem/1.4 var(--clvr-font-heading);
  transition: background-color var(--clvr-duration-normal) ease, border-color var(--clvr-duration-normal) ease, box-shadow var(--clvr-duration-normal) ease, color var(--clvr-duration-normal) ease, transform var(--clvr-duration-fast) ease;
}
.clvr-scope .clvr-button:hover:not(:disabled) { background: var(--clvr-color-action-hover); transform: translateY(-1px); }
.clvr-scope .clvr-button:active:not(:disabled) { transform: translateY(0); }
.clvr-scope .clvr-button--cta { border-color: transparent; background: var(--clvr-color-primary-cta); color: var(--clvr-color-on-primary-cta); }
.clvr-scope .clvr-button--cta:hover:not(:disabled) { background: var(--clvr-color-action-primary-cta-hover); }
.clvr-scope .clvr-button--secondary { border: 2px solid var(--clvr-color-primary); background: var(--clvr-color-surface); color: var(--clvr-color-primary); }
.clvr-scope .clvr-button--secondary:hover:not(:disabled) { background: var(--clvr-color-secondary); color: var(--clvr-color-primary); }
.clvr-scope .clvr-button--danger { border-color: var(--clvr-color-action-destructive); background: var(--clvr-color-action-destructive); color: var(--clvr-color-text-on-destructive); }
.clvr-scope .clvr-button--danger:hover:not(:disabled) { background: var(--clvr-color-action-destructive-hover); }
.clvr-scope .clvr-button--loading { cursor: progress; }
.clvr-scope .clvr-button:disabled { border-color: var(--clvr-color-disabled-bg); background: var(--clvr-color-disabled-bg); color: var(--clvr-color-disabled-text); cursor: not-allowed; transform: none; }
.clvr-scope .clvr-spinner { width: 1rem; height: 1rem; animation: clvr-wp-v2-spin 700ms linear infinite; }
@keyframes clvr-wp-v2-spin { to { transform: rotate(360deg); } }

.clvr-scope .clvr-choice-list { display: grid; gap: var(--clvr-space-1); border: 0; margin: 0; padding: 0; }
.clvr-scope .clvr-choice { position: relative; display: inline-flex; min-height: 1.75rem; align-items: flex-start; gap: var(--clvr-space-2); color: var(--clvr-color-text); cursor: pointer; font: var(--clvr-font-heading-weight) 0.875rem/1.4 var(--clvr-font-body); }
.clvr-scope .clvr-choice--radio { min-height: 1.5rem; align-items: center; column-gap: var(--clvr-space-2); }
.clvr-scope .clvr-choice input,
.clvr-scope .clvr-switch input,
.clvr-scope .clvr-file__input { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; clip-path: inset(50%); }
.clvr-scope .clvr-choice__mark { box-sizing: border-box; display: grid; width: 1.125rem; height: 1.125rem; flex: 0 0 auto; place-items: center; border: 1px solid var(--clvr-color-text-muted); background: var(--clvr-color-surface); box-shadow: var(--clvr-shadow-control-inset); transition: background-color var(--clvr-duration-fast) ease, border-color var(--clvr-duration-fast) ease, box-shadow var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-choice__mark--checkbox { border-radius: var(--clvr-radius-sm); }
.clvr-scope .clvr-choice__mark--radio { border-radius: 50%; }
.clvr-scope .clvr-choice input:checked + .clvr-choice__mark,
.clvr-scope .clvr-choice input[type="checkbox"]:indeterminate + .clvr-choice__mark { border-color: var(--clvr-color-primary); background: var(--clvr-color-primary); }
.clvr-scope .clvr-choice input[type="radio"]:checked + .clvr-choice__mark { background: var(--clvr-color-surface); }
.clvr-scope .clvr-choice__mark .clvr-icon { grid-area: 1 / 1; width: 1rem; height: 1rem; color: var(--clvr-color-on-primary); opacity: 0; transition: opacity var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-choice input[type="checkbox"]:checked:not(:indeterminate) + .clvr-choice__mark .clvr-choice__check,
.clvr-scope .clvr-choice input[type="checkbox"]:indeterminate + .clvr-choice__mark .clvr-choice__mixed { opacity: 1; }
.clvr-scope .clvr-choice input[type="radio"]:checked + .clvr-choice__mark::after { width: 0.5rem; height: 0.5rem; border: 0; border-radius: 50%; background: var(--clvr-color-primary); content: ""; }
.clvr-scope .clvr-choice.is-disabled,
.clvr-scope .clvr-switch.is-disabled { color: var(--clvr-color-disabled-text); cursor: not-allowed; }
.clvr-scope .clvr-choice.is-disabled *,
.clvr-scope .clvr-switch.is-disabled * { cursor: inherit; }

.clvr-scope .clvr-switch { position: relative; display: inline-flex; min-height: 2.5rem; align-items: center; gap: var(--clvr-space-2); color: var(--clvr-color-text); cursor: pointer; font: var(--clvr-font-heading-weight) 0.875rem/1.4 var(--clvr-font-body); }
.clvr-scope .clvr-switch__track { position: relative; width: 2.5rem; height: 1.375rem; border-radius: var(--clvr-radius-pill); background: var(--clvr-color-border); transition: background-color var(--clvr-duration-normal) ease; }
.clvr-scope .clvr-switch__track::after { position: absolute; top: 0.1875rem; left: 0.1875rem; width: 1rem; height: 1rem; border-radius: 50%; background: var(--clvr-color-surface); box-shadow: var(--clvr-shadow-sm); content: ""; transition: transform var(--clvr-duration-normal) ease; }
.clvr-scope .clvr-switch input:checked + .clvr-switch__track { background: var(--clvr-color-primary); }
.clvr-scope .clvr-switch input:checked + .clvr-switch__track::after { transform: translateX(1.125rem); }
.clvr-scope .clvr-switch.is-disabled .clvr-switch__track { background: var(--clvr-color-disabled-bg); }

.clvr-scope .clvr-select,
.clvr-scope .clvr-combobox { position: relative; }
.clvr-scope .clvr-select__native { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; clip-path: inset(50%); }
.clvr-scope .clvr-select__trigger { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--clvr-space-3); padding-inline: var(--clvr-space-3) 0.6875rem; cursor: pointer; text-align: start; }
.clvr-scope .clvr-select__trigger[aria-expanded="true"] { border-color: var(--clvr-color-primary); outline: 2px solid var(--clvr-color-primary); outline-offset: -2px; box-shadow: none; }
.clvr-scope .clvr-select__value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clvr-scope .clvr-select__value[data-placeholder] { color: var(--clvr-color-text-muted); }
.clvr-scope .clvr-select__chevron { width: 1rem; height: 1rem; opacity: 0.8; transition: transform var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-select__trigger[aria-expanded="true"] .clvr-select__chevron { transform: rotate(180deg); }
.clvr-scope .clvr-combobox__status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.clvr-scope .clvr-select__list,
.clvr-scope .clvr-combobox__list { position: absolute; z-index: 50; inset-block-start: calc(100% + var(--clvr-space-1)); inset-inline-start: 0; box-sizing: border-box; width: 100%; min-width: 100%; max-width: calc(100vw - 2rem); max-height: min(18rem, var(--clvr-select-available-height, 18rem)); padding: var(--clvr-space-1); overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--clvr-color-border); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); box-shadow: var(--clvr-shadow-lg); transform-origin: top center; animation: clvr-wp-v2-select-open 160ms ease-out; }
.clvr-scope .clvr-select__list--above { inset-block-start: auto; inset-block-end: calc(100% + var(--clvr-space-1)); transform-origin: bottom center; }
.clvr-scope .clvr-select__list[hidden],
.clvr-scope .clvr-combobox__list[hidden] { display: none; }
.clvr-scope .clvr-select__option,
.clvr-scope .clvr-combobox__option { position: relative; box-sizing: border-box; display: grid; width: 100%; min-height: var(--clvr-field-height); grid-template-columns: minmax(0, 1fr) var(--clvr-select-indicator-size); gap: var(--clvr-space-2); align-items: center; padding: var(--clvr-space-2) var(--clvr-space-2) var(--clvr-space-2) var(--clvr-space-3); border: 0; border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); color: var(--clvr-color-text); cursor: pointer; font: var(--clvr-font-heading-weight) 0.875rem/1.4 var(--clvr-font-body); text-align: start; transition: background-color var(--clvr-duration-fast) ease, box-shadow var(--clvr-duration-fast) ease, color var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-combobox__check { width: 1rem; height: 1rem; justify-self: center; color: var(--clvr-color-primary); opacity: 0; transition: opacity var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-combobox__option[data-current="true"] .clvr-combobox__check { opacity: 1; }
.clvr-scope .clvr-select__option:hover:not([aria-disabled="true"]),
.clvr-scope .clvr-combobox__option:hover:not([aria-disabled="true"]) { background: var(--clvr-color-surface-muted); }
.clvr-scope .clvr-select__option[data-current],
.clvr-scope .clvr-combobox__option[data-current="true"] { background: var(--clvr-color-secondary); font-weight: var(--clvr-font-heading-weight); }
.clvr-scope .clvr-select__option[data-active],
.clvr-scope .clvr-combobox__option[aria-selected="true"] { background: var(--clvr-color-secondary); box-shadow: inset 0 0 0 2px var(--clvr-color-primary); }
.clvr-scope .clvr-select__option[aria-disabled="true"],
.clvr-scope .clvr-combobox__option[aria-disabled="true"] { color: var(--clvr-color-disabled-text); cursor: not-allowed; }
.clvr-scope .clvr-select__option[aria-disabled="true"]:hover,
.clvr-scope .clvr-combobox__option[aria-disabled="true"]:hover { background: var(--clvr-color-surface); box-shadow: none; }
.clvr-scope .clvr-select__check { width: 1rem; height: 1rem; justify-self: center; color: var(--clvr-color-primary); opacity: 0; transition: opacity var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-select__option[data-current] .clvr-select__check { opacity: 1; }
.clvr-scope .clvr-combobox__empty { padding: var(--clvr-space-3); color: var(--clvr-color-text-muted); }
@keyframes clvr-wp-v2-select-open { from { opacity: 0; transform: translateY(-0.25rem); } to { opacity: 1; transform: translateY(0); } }

.clvr-scope .clvr-slider__row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--clvr-space-3); }
.clvr-scope .clvr-slider__input { appearance: none; width: 100%; height: 1.5rem; margin: 0.1rem 0; border-radius: var(--clvr-radius-pill); background: linear-gradient(90deg, var(--clvr-color-primary) var(--clvr-slider-fill, 0%), var(--clvr-color-border) var(--clvr-slider-fill, 0%)) center / 100% 0.375rem no-repeat; outline: none; accent-color: var(--clvr-color-primary); cursor: pointer; touch-action: pan-y; }
.clvr-scope .clvr-slider__input:focus-visible { outline: 2px solid var(--clvr-color-primary); outline-offset: 2px; }
.clvr-scope .clvr-slider__input::-webkit-slider-thumb { appearance: none; width: 1.25rem; height: 1.25rem; border: 3px solid var(--clvr-color-surface); border-radius: 50%; background: var(--clvr-color-primary); box-shadow: var(--clvr-shadow-slider-thumb); cursor: pointer; }
.clvr-scope .clvr-slider__input::-moz-range-thumb { width: 0.875rem; height: 0.875rem; border: 3px solid var(--clvr-color-surface); border-radius: 50%; background: var(--clvr-color-primary); box-shadow: var(--clvr-shadow-slider-thumb); cursor: pointer; }
.clvr-scope .clvr-slider__input::-moz-range-track { height: 0.375rem; border-radius: var(--clvr-radius-pill); background: var(--clvr-color-border); }
.clvr-scope .clvr-slider__input::-moz-range-progress { height: 0.375rem; border-radius: var(--clvr-radius-pill); background: var(--clvr-color-primary); }
.clvr-scope .clvr-slider__output { min-width: 3rem; color: var(--clvr-color-text); font-weight: var(--clvr-font-heading-weight); text-align: end; }
.clvr-scope .clvr-slider__input:disabled { cursor: not-allowed; opacity: 0.65; }
.clvr-scope .clvr-slider__input:disabled::-webkit-slider-thumb,
.clvr-scope .clvr-slider__input:disabled::-moz-range-thumb { cursor: not-allowed; }
.clvr-scope .clvr-slider__input:disabled + .clvr-slider__output { color: var(--clvr-color-disabled-text); }

/* CSS only. The host is one line of text (a zero-width space), so it shares the
   baseline of the text beside it in inline text and in flex or grid rows. The
   trigger inherits that text's font (WebKit otherwise gives buttons 11px
   system-ui) and keeps the icon in its line: the icon's box is always 1.5rem
   (the 24px target; padding sets the drawn size, so 3px of it is the gap), and
   its margin box is a fixed 0.75rem tall, so vertical-align lifts that box's
   centre, the icon's centre, to the cap-height centre without growing the line. */
.clvr-scope clvr-tooltip { position: relative; display: inline-block; flex: none; vertical-align: baseline; }
.clvr-scope clvr-tooltip::before { content: "\200b"; content: "\200b" / ""; }
.clvr-scope .clvr-tooltip__trigger { display: inline-block; margin: 0; padding: 0; border: 0; background: transparent; color: var(--clvr-color-text-secondary); cursor: help; font: inherit; letter-spacing: normal; line-height: inherit; vertical-align: baseline; transition: color var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-tooltip__trigger .clvr-icon { box-sizing: border-box; width: 1.5rem; height: 1.5rem; margin-block: -0.375rem; padding: 0.1875rem; border-radius: 50%; vertical-align: middle; vertical-align: calc(0.5cap - 0.375rem); }
.clvr-scope .clvr-tooltip__trigger:hover { color: var(--clvr-color-action-hover); }
.clvr-scope .clvr-tooltip__trigger:focus-visible { outline: none; }
/* Ring as a box-shadow too: host resets such as * { outline: 0 !important } cannot remove it; the outline keeps forced-colors mode. */
.clvr-scope .clvr-tooltip__trigger:focus-visible .clvr-icon { outline: 2px solid transparent; box-shadow: 0 0 0 2px var(--clvr-color-primary); }
.clvr-scope .clvr-tooltip__content { position: absolute; z-index: 100; bottom: calc(100% + 0.875rem); left: 50%; width: max-content; max-width: min(15rem, calc(100vw - 2rem)); padding: 0.5rem 0.625rem; border-radius: var(--clvr-radius-md); background: var(--clvr-color-text); color: var(--clvr-color-surface); box-shadow: var(--clvr-shadow-lg); font: 500 0.75rem/1.45 var(--clvr-font-body); opacity: 0; pointer-events: none; transform: translate(-50%, 0.25rem); transition: opacity var(--clvr-duration-fast) ease, transform var(--clvr-duration-fast) ease, visibility var(--clvr-duration-fast) ease; visibility: hidden; white-space: normal; }
.clvr-scope .clvr-tooltip__content::after { position: absolute; top: 100%; left: 50%; width: 0.5rem; height: 0.5rem; background: var(--clvr-color-text); content: ""; transform: translate(-50%, -50%) rotate(45deg); }
/* Keep the content hoverable, including the gap between it and the trigger. */
.clvr-scope .clvr-tooltip__content::before { position: absolute; top: 100%; left: 0; width: 100%; height: var(--clvr-space-2); content: ""; }
.clvr-scope clvr-tooltip[data-open="true"] .clvr-tooltip__content { opacity: 1; transform: translate(-50%, 0); visibility: visible; pointer-events: auto; }
.clvr-scope .clvr-date-time { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--clvr-space-4); border: 0; margin: 0; padding: 0; }

.clvr-scope .clvr-file__dropzone { display: grid; min-height: 7rem; place-items: center; padding: var(--clvr-space-4); border: 2px dashed var(--clvr-color-border); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface-muted); color: var(--clvr-color-text); cursor: pointer; text-align: center; transition: background-color var(--clvr-duration-normal) ease, border-color var(--clvr-duration-normal) ease, color var(--clvr-duration-normal) ease; }
.clvr-scope .clvr-field[data-state="info"] .clvr-file__dropzone { border-color: var(--clvr-color-status-info-border); }
.clvr-scope .clvr-field[data-state="success"] .clvr-file__dropzone { border-color: var(--clvr-color-status-success-border); }
.clvr-scope .clvr-field[data-state="warning"] .clvr-file__dropzone { border-color: var(--clvr-color-status-warning-border); }
.clvr-scope .clvr-field[data-state="error"] .clvr-file__dropzone,
.clvr-scope .clvr-field[data-validation-state="error"] .clvr-file__dropzone { border-color: var(--clvr-color-status-error-border); }
.clvr-scope .clvr-file__input:not(:disabled) + .clvr-file__dropzone:hover,
.clvr-scope .clvr-file__dropzone.is-dragging { border-color: var(--clvr-color-primary); background: var(--clvr-color-secondary); }
.clvr-scope .clvr-file__input:disabled + .clvr-file__dropzone { border-color: var(--clvr-color-border); background: var(--clvr-color-disabled-bg); color: var(--clvr-color-disabled-text); cursor: not-allowed; }
.clvr-scope .clvr-file__status { color: var(--clvr-color-text-muted); font-size: 0.8125rem; }
.clvr-scope .clvr-file__status--error { color: var(--clvr-color-status-error-text); font-weight: var(--clvr-font-heading-weight); }

@media (max-width: 32rem) { .clvr-scope .clvr-date-time { grid-template-columns: 1fr; } }
@media (pointer: coarse) { .clvr-scope .clvr-select__option, .clvr-scope .clvr-combobox__option { min-height: 2.75rem; } }
@media (prefers-reduced-motion: reduce) {
  .clvr-scope *, .clvr-scope *::before, .clvr-scope *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
@media (forced-colors: active) {
  .clvr-scope .clvr-choice__mark,
  .clvr-scope .clvr-switch__track,
  .clvr-scope .clvr-control,
  .clvr-scope .clvr-select__list,
  .clvr-scope .clvr-select__option,
  .clvr-scope .clvr-combobox__list,
  .clvr-scope .clvr-combobox__option,
  .clvr-scope .clvr-button,
  .clvr-scope .clvr-file__dropzone { forced-color-adjust: auto; }
}
/* Reusable compositions derived from the reference page's recurring layout language. */

.clvr-scope .clvr-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; clip-path: inset(50%); }

.clvr-scope .clvr-wrap {
  box-sizing: border-box;
  width: min(100%, var(--clvr-layout-wide));
  margin-inline: auto;
  padding-inline: var(--clvr-space-6);
}

.clvr-scope .clvr-reading-column { max-width: var(--clvr-layout-reading); }

.clvr-scope .clvr-page-band {
  padding-block: 2.25rem;
  background: var(--clvr-color-brand-band);
  box-shadow: 0 12px 24px -16px color-mix(in srgb, var(--clvr-color-structure) 30%, transparent);
}

.clvr-scope .clvr-page-band h1,
.clvr-scope .clvr-page-band__heading {
  max-width: var(--clvr-layout-wide);
  margin: 0;
  color: var(--clvr-color-text);
  font: var(--clvr-font-heading-weight) 2.5rem/1.22 var(--clvr-font-heading);
  letter-spacing: -0.02em;
}

.clvr-scope .clvr-page-band__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--clvr-space-2) var(--clvr-space-3);
  margin-top: var(--clvr-space-4);
  color: var(--clvr-color-text-muted);
  font-size: 0.75rem;
}

.clvr-scope .clvr-avatar {
  display: inline-grid;
  width: 1.75rem;
  height: 1.75rem;
  flex: none;
  place-items: center;
  border-radius: 50%;
  background: var(--clvr-color-structure-hover);
  box-shadow: 0 0 0 2px var(--clvr-color-surface), 0 0 0 3px var(--clvr-color-border-subtle);
  color: var(--clvr-color-text-inverse);
  font: var(--clvr-font-heading-weight) 0.67rem/1 var(--clvr-font-heading);
}

.clvr-scope .clvr-page-band__intro {
  max-width: var(--clvr-layout-reading);
  margin: var(--clvr-space-4) 0 0;
  color: var(--clvr-color-text);
  line-height: 1.65;
}

.clvr-scope .clvr-page-band__intro ul { display: grid; gap: 0.3rem; margin: var(--clvr-space-2) 0 0; padding-left: 1.3rem; }
.clvr-scope .clvr-page-band__intro li::marker { color: var(--clvr-color-primary); }

.clvr-scope .clvr-shell {
  display: grid;
  grid-template-columns: var(--clvr-layout-rail) minmax(0, 1fr);
  gap: var(--clvr-space-10);
  align-items: start;
}

.clvr-scope .clvr-shell__rail { position: sticky; top: var(--clvr-space-4); }
.clvr-scope .clvr-shell__content { min-width: 0; }

.clvr-scope .clvr-rail { padding: var(--clvr-space-4) var(--clvr-space-4) var(--clvr-space-6); box-shadow: 0 1px 3px color-mix(in srgb, var(--clvr-color-structure-hover) 5%, transparent); }
.clvr-scope .clvr-rail__heading { display: flex; align-items: baseline; gap: 0.6rem; margin-bottom: var(--clvr-space-4); }
.clvr-scope .clvr-rail__heading h3 { margin: 0; color: var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1.125rem/1.3 var(--clvr-font-heading); white-space: nowrap; }
.clvr-scope .clvr-rail__reset { margin-left: auto; padding: 0; border: 0; background: transparent; color: var(--clvr-color-text-secondary); cursor: pointer; font: var(--clvr-font-heading-weight) 0.75rem/1.4 var(--clvr-font-body); text-decoration: underline; text-underline-offset: 2px; transition: color var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-rail__location { --clvr-market-action-width: 4.5rem; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) var(--clvr-market-action-width); column-gap: var(--clvr-space-2); align-items: end; margin: 0; }
.clvr-scope .clvr-rail__location-status { grid-column: 1 / -1; min-height: 0; margin: 0; color: var(--clvr-color-error); font-size: 0.75rem; line-height: 1.45; }
.clvr-scope .clvr-rail__location-status:not(.is-error) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.clvr-scope .clvr-rail__location-status.is-error:not(:empty) { margin-top: var(--clvr-space-2); font-weight: var(--clvr-font-heading-weight); }
.clvr-scope .clvr-rail__location .clvr-combobox__list { z-index: 70; width: calc(100% + var(--clvr-space-2) + var(--clvr-market-action-width)); }
.clvr-scope .clvr-rail__location > clvr-button,
.clvr-scope .clvr-rail__location > clvr-button .clvr-button { width: 100%; }
.clvr-scope .clvr-rail__location clvr-button .clvr-button:hover,
.clvr-scope .clvr-rail__location clvr-button .clvr-button:active { transform: none; }
.clvr-scope .clvr-rail__label { display: flex; align-items: center; gap: 0.35rem; margin: 0.95rem 0 0.45rem; color: var(--clvr-color-text); font-size: 0.875rem; font-weight: var(--clvr-font-heading-weight); }
.clvr-scope .clvr-rail__value-row { display: flex; align-items: center; justify-content: space-between; gap: var(--clvr-space-2); margin-bottom: 0.55rem; }
.clvr-scope .clvr-rail__value { box-sizing: border-box; width: 8.25rem; height: 2.5625rem; padding: var(--clvr-space-2); border: 1px solid var(--clvr-color-border); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); color: var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1.125rem/1.25 var(--clvr-font-heading); font-variant-numeric: tabular-nums; }
.clvr-scope .clvr-rail__mode { color: var(--clvr-color-text-muted); font-size: 0.65rem; font-weight: var(--clvr-font-heading-weight); letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap; }
.clvr-scope .clvr-rail__ends { display: flex; justify-content: space-between; color: var(--clvr-color-text-muted); font-size: 0.75rem; }
.clvr-scope .clvr-rail__more { margin: 0; }
.clvr-scope .clvr-rail__more > summary { display: none; }
.clvr-scope .clvr-rail__more-body { display: contents; }
.clvr-scope .clvr-rail__condition { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem; }
.clvr-scope .clvr-rail__condition .clvr-chip { width: 100%; }
.clvr-scope .clvr-rail__foot { margin: var(--clvr-space-4) 0 0; padding-top: var(--clvr-space-3); border-top: 1px solid var(--clvr-color-border-subtle); color: var(--clvr-color-text-muted); font-size: 0.72rem; line-height: 1.5; }

.clvr-scope .clvr-card {
  box-sizing: border-box;
  min-width: 0;
  padding: var(--clvr-space-4);
  border: 1px solid var(--clvr-color-border-card);
  border-radius: var(--clvr-radius-md);
  background: var(--clvr-color-surface);
  box-shadow: var(--clvr-shadow-card);
}

.clvr-scope .clvr-card--quiet { border-color: var(--clvr-color-border-subtle); box-shadow: none; }
.clvr-scope .clvr-card--selected { border-color: var(--clvr-color-primary); box-shadow: inset 0 0 0 0.5px var(--clvr-color-primary), var(--clvr-shadow-card); }
.clvr-scope .clvr-card__title { margin: 0; color: var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1.125rem/1.3 var(--clvr-font-heading); }
.clvr-scope .clvr-card__copy { margin: var(--clvr-space-2) 0 0; color: var(--clvr-color-text-muted); font-size: 0.875rem; line-height: 1.6; }

.clvr-scope .clvr-cta-card {
  display: flex;
  overflow: hidden;
  border: 1px solid var(--clvr-color-border-card);
  border-radius: var(--clvr-radius-md);
  background: var(--clvr-color-surface);
  box-shadow: var(--clvr-shadow-lg);
}

.clvr-scope .clvr-cta-card__body { box-sizing: border-box; display: flex; flex: 1 1 auto; flex-direction: column; gap: var(--clvr-space-3); justify-content: center; padding: var(--clvr-space-8); }
.clvr-scope .clvr-cta-card__form { box-sizing: border-box; display: flex; width: 18.75rem; flex: 0 0 18.75rem; flex-direction: column; gap: var(--clvr-space-3); justify-content: center; padding: 1.75rem; border-left: 1px solid var(--clvr-color-border-subtle); background: var(--clvr-color-surface-panel); }
.clvr-scope .clvr-cta-card__title { display: flex; flex-wrap: wrap; align-items: center; gap: var(--clvr-space-2); margin: 0; color: var(--clvr-color-structure); font: var(--clvr-font-heading-weight) 1.375rem/1.375 var(--clvr-font-heading); }
.clvr-scope .clvr-cta-card__logo { display: inline-block; width: auto; height: 1.05em; flex: none; color: var(--clvr-color-structure); }
.clvr-scope .clvr-cta-card__brand { white-space: nowrap; }
.clvr-scope .clvr-cta-card__roster { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.625rem; margin: 0; }
.clvr-scope .clvr-cta-card__lead { margin: 0; color: var(--clvr-color-text-neutral-strong); font-size: 0.9375rem; font-weight: var(--clvr-font-heading-weight); line-height: 1.45; }
.clvr-scope .clvr-cta-card__copy { margin: 0; color: var(--clvr-color-text-neutral); font-size: 0.875rem; line-height: 1.625; }
.clvr-scope .clvr-cta-card__field { box-sizing: border-box; display: flex; height: 2.75rem; align-items: center; margin: 0; overflow: hidden; border: 1px solid var(--clvr-color-border); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); cursor: text; transition: border-color var(--clvr-duration-normal) ease, box-shadow var(--clvr-duration-normal) ease; }
.clvr-scope .clvr-cta-card__input { min-width: 0; flex: 1; padding: 0.7rem 0 0.7rem var(--clvr-space-4); border: 0; outline: 0; background: transparent; color: var(--clvr-color-text); font: 400 0.875rem/1.4 var(--clvr-font-body); }
.clvr-scope .clvr-cta-card__input:focus,
.clvr-scope .clvr-cta-card__input:focus-visible { border: 0; outline: 0; box-shadow: none; }
.clvr-scope .clvr-cta-card__field:focus-within { border-color: var(--clvr-color-primary); box-shadow: 0 0 0 2px color-mix(in srgb, var(--clvr-color-primary) 15%, transparent); }
.clvr-scope .clvr-cta-card__field.is-valid { border-color: var(--clvr-color-primary-cta); }
.clvr-scope .clvr-cta-card__field.is-valid:focus-within { border-color: var(--clvr-color-primary-cta); box-shadow: 0 0 0 2px color-mix(in srgb, var(--clvr-color-primary-cta) 15%, transparent); }
.clvr-scope .clvr-cta-card__field.is-invalid { border-color: var(--clvr-color-error); }
.clvr-scope .clvr-cta-card__field.is-invalid:focus-within { border-color: var(--clvr-color-error); box-shadow: 0 0 0 2px color-mix(in srgb, var(--clvr-color-error) 15%, transparent); }
.clvr-scope .clvr-cta-card__pin { width: 1.25rem; height: 1.25rem; flex: none; margin-right: var(--clvr-space-3); color: var(--clvr-color-border); transition: color var(--clvr-duration-normal) ease; }
.clvr-scope .clvr-cta-card__field.is-valid .clvr-cta-card__pin { color: var(--clvr-color-primary-cta); }
.clvr-scope .clvr-cta-card__form clvr-button .clvr-button { width: 100%; min-height: 2.75rem; padding: var(--clvr-space-3) var(--clvr-space-4); }
.clvr-scope .clvr-cta-card__form clvr-button .clvr-button:hover { box-shadow: 0 2px 8px color-mix(in srgb, var(--clvr-color-primary-cta) 25%, transparent); }
.clvr-scope .clvr-cta-card__note { margin: 0; color: var(--clvr-color-text-muted); font-size: 0.6875rem; line-height: 1.5; text-align: center; }
.clvr-scope .clvr-cta-card__note.is-error { color: var(--clvr-color-error); font-weight: var(--clvr-font-heading-weight); }
.clvr-scope .clvr-cta-card__note.is-success { color: var(--clvr-color-success-text); font-weight: var(--clvr-font-heading-weight); }
.clvr-scope .clvr-facepile { display: flex; flex: none; }
.clvr-scope .clvr-facepile__item { display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border: 2px solid var(--clvr-color-surface); border-radius: 50%; background: var(--clvr-color-structure-hover); color: var(--clvr-color-text-inverse); box-shadow: var(--clvr-shadow-card); font-size: 0.625rem; font-weight: var(--clvr-font-heading-weight); letter-spacing: 0.02em; }
.clvr-scope .clvr-facepile__item + .clvr-facepile__item { margin-left: -0.5rem; }
.clvr-scope .clvr-facepile__item { position: relative; }
.clvr-scope .clvr-facepile__item:nth-child(2) { background: color-mix(in srgb, var(--clvr-color-structure-hover) 82%, var(--clvr-color-text)); }
.clvr-scope .clvr-facepile__item:nth-child(3) { background: color-mix(in srgb, var(--clvr-color-structure-hover) 68%, var(--clvr-color-text)); }
.clvr-scope .clvr-facepile__item:nth-child(4) { background: color-mix(in srgb, var(--clvr-color-structure-hover) 54%, var(--clvr-color-text)); }
.clvr-scope .clvr-facepile__verified { position: absolute; right: -0.25rem; bottom: -0.25rem; display: grid; width: 0.8125rem; height: 0.8125rem; place-items: center; border: 2px solid var(--clvr-color-surface); border-radius: 50%; background: var(--clvr-color-valid); color: var(--clvr-color-text-inverse); }
.clvr-scope .clvr-facepile__verified svg { display: block; width: 100%; height: 100%; }

.clvr-scope .clvr-chip-row { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.clvr-scope .clvr-chip {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  gap: var(--clvr-space-1);
  padding: 0.42rem 0.6rem;
  border: 1px solid var(--clvr-color-border-subtle);
  border-radius: var(--clvr-radius-md);
  background: var(--clvr-color-surface);
  color: var(--clvr-color-text);
  font: var(--clvr-font-heading-weight) 0.875rem/1.6 var(--clvr-font-body);
  transition: background-color var(--clvr-duration-fast) ease, border-color var(--clvr-duration-fast) ease, color var(--clvr-duration-fast) ease;
}

.clvr-scope button.clvr-chip { cursor: pointer; }
.clvr-scope button.clvr-chip:hover { border-color: var(--clvr-color-primary); }
.clvr-scope .clvr-chip[aria-pressed="true"],
.clvr-scope .clvr-chip--selected { border-color: var(--clvr-color-primary); background: var(--clvr-color-secondary); color: var(--clvr-color-link); }
.clvr-scope .clvr-chip--status,
.clvr-scope .clvr-label { display: inline-flex; min-height: 1.5rem; align-items: center; gap: var(--clvr-space-1); padding: 0.2rem 0.5rem; border: 0; border-radius: var(--clvr-radius-pill); background: var(--clvr-color-label-info-bg); color: var(--clvr-color-label-info-text); font-size: 0.6875rem; font-weight: var(--clvr-font-heading-weight); line-height: 1.2; white-space: nowrap; }
.clvr-scope .clvr-chip--info,
.clvr-scope .clvr-label--info { background: var(--clvr-color-label-info-bg); color: var(--clvr-color-label-info-text); }
.clvr-scope .clvr-chip--positive,
.clvr-scope .clvr-label--positive { background: var(--clvr-color-label-positive-bg); color: var(--clvr-color-label-positive-text); }
.clvr-scope .clvr-chip--speed,
.clvr-scope .clvr-label--speed { background: var(--clvr-color-label-speed-bg); color: var(--clvr-color-label-speed-text); }
.clvr-scope .clvr-chip--warning,
.clvr-scope .clvr-label--warning { background: var(--clvr-color-label-warning-bg); color: var(--clvr-color-label-warning-text); }
.clvr-scope .clvr-chip--danger,
.clvr-scope .clvr-label--danger { background: var(--clvr-color-label-danger-bg); color: var(--clvr-color-label-danger-text); }
.clvr-scope .clvr-chip--conversion,
.clvr-scope .clvr-label--conversion { background: var(--clvr-color-label-conversion-bg); color: var(--clvr-color-label-conversion-text); }

.clvr-scope .clvr-comparison-list { box-sizing: border-box; display: grid; width: 100%; gap: var(--clvr-space-3); }
.clvr-scope .clvr-comparison-card {
  box-sizing: border-box;
  display: block;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--clvr-color-border-card);
  border-radius: var(--clvr-radius-md);
  background: var(--clvr-color-surface);
  box-shadow: var(--clvr-shadow-card);
  transition: border-color var(--clvr-duration-normal) ease, box-shadow var(--clvr-duration-normal) ease;
}

.clvr-scope .clvr-comparison-card:hover { box-shadow: var(--clvr-shadow-sm); }
.clvr-scope .clvr-comparison-card--top { border-color: var(--clvr-color-primary); box-shadow: inset 0 0 0 0.5px var(--clvr-color-primary), var(--clvr-shadow-card); }
.clvr-scope .clvr-comparison-card__grid { display: grid; min-height: 7.125rem; grid-template-columns: minmax(12.5rem, 18.75rem) repeat(3, minmax(0, 1fr)); column-gap: 1.375rem; align-items: start; padding: var(--clvr-space-3) var(--clvr-space-4); }
.clvr-scope .clvr-comparison-card__heading { display: flex; grid-row: 1; grid-column: 1 / -1; align-items: center; gap: var(--clvr-space-3); min-width: 0; padding-bottom: 0.3rem; }
.clvr-scope .clvr-rank { display: inline-grid; width: 1.2rem; height: 1.2rem; flex: none; place-items: center; border: 1px solid var(--clvr-color-primary); border-radius: var(--clvr-radius-md); color: var(--clvr-color-action-hover); font: var(--clvr-font-heading-weight) 0.75rem/1 var(--clvr-font-heading); }
.clvr-scope .clvr-comparison-card__title { margin: 0; color: var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1rem/1.3 var(--clvr-font-heading); }
.clvr-scope .clvr-comparison-card__description { grid-row: 2; grid-column: 1; margin: 0; color: var(--clvr-color-text-muted); font-size: 0.875rem; line-height: 1.5; }
.clvr-scope .clvr-comparison-card .clvr-metric { grid-row: 2; min-width: 0; }
.clvr-scope .clvr-metric__label { display: block; color: var(--clvr-color-text-muted); font-size: 0.66rem; font-weight: var(--clvr-font-heading-weight); letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; }
.clvr-scope .clvr-metric__value { display: block; margin-top: var(--clvr-space-1); color: var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1.22rem/1.2 var(--clvr-font-heading); font-variant-numeric: tabular-nums; }
.clvr-scope .clvr-metric__context { display: block; margin-top: 0.15rem; color: var(--clvr-color-text-muted); font-size: 0.72rem; line-height: 1.35; }
.clvr-scope .clvr-comparison-card__breakdown { display: flex; min-height: 1.5rem; align-items: center; justify-content: flex-end; gap: var(--clvr-space-1); padding: 0 var(--clvr-space-4) var(--clvr-space-2); color: var(--clvr-color-link); font-size: 0.75rem; font-weight: var(--clvr-font-heading-weight); line-height: 1.35; text-decoration: none; transition: color var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-comparison-card__breakdown svg { width: 1rem; height: 1rem; flex: none; }
.clvr-scope .clvr-comparison-card__breakdown:hover { text-decoration: underline; text-underline-offset: 2px; }

.clvr-scope .clvr-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--clvr-space-3); }
.clvr-scope .clvr-stat {
  min-width: 0;
  margin: 0;
  padding: var(--clvr-space-3);
  border: 1px solid var(--clvr-color-border-subtle);
  border-radius: var(--clvr-radius-md);
  background: var(--clvr-color-surface);
}
.clvr-scope .clvr-stat dt { margin: 0 0 0.2rem; color: var(--clvr-color-text-muted); font-size: 0.625rem; font-weight: var(--clvr-font-heading-weight); letter-spacing: 0.05em; line-height: 1.3; text-transform: uppercase; }
.clvr-scope .clvr-stat dd { margin: 0; color: var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1.25rem/1.15 var(--clvr-font-heading); font-variant-numeric: tabular-nums; }
.clvr-scope .clvr-stat small { display: block; margin-top: var(--clvr-space-1); color: var(--clvr-color-text-muted); font-size: 0.75rem; line-height: 1.4; }
.clvr-scope .clvr-stat--filled { display: flex; min-height: 4.3125rem; flex-direction: column; justify-content: center; gap: 0.1875rem; padding: var(--clvr-space-3) 0.875rem; border: 0; background: var(--clvr-color-surface-muted); }
.clvr-scope .clvr-stat--filled dt { margin: 0; color: var(--clvr-color-text-secondary); font-size: 0.66rem; font-weight: var(--clvr-font-heading-weight); letter-spacing: 0; text-transform: none; }
.clvr-scope .clvr-stat--filled dd { font-size: 1.35rem; font-weight: var(--clvr-font-heading-weight); }
.clvr-scope .clvr-stat--filled small { display: inline; margin: 0; font-size: 0.75rem; font-weight: 400; }

.clvr-scope .clvr-chart-card { display: grid; gap: var(--clvr-space-6); margin: 0; padding: var(--clvr-space-6); border: 1px solid var(--clvr-color-border-card); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); box-shadow: var(--clvr-shadow-card); }
.clvr-scope .clvr-chart-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--clvr-space-6); }
.clvr-scope .clvr-chart-card__header > div:first-child { display: grid; gap: var(--clvr-space-1); }
.clvr-scope .clvr-chart-card__header h3 { margin: 0; color: var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1.125rem/1.4 var(--clvr-font-heading); letter-spacing: -0.01em; }
.clvr-scope .clvr-chart-card__header p { max-width: 42rem; margin: 0; color: var(--clvr-color-text-muted); font-size: 0.8125rem; line-height: 1.55; }
.clvr-scope .clvr-chart-card__metric { display: grid; flex: none; justify-items: end; color: var(--clvr-color-text-muted); font-size: 0.75rem; line-height: 1.4; text-align: right; }
.clvr-scope .clvr-chart-card__metric strong { color: var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1.75rem/1.15 var(--clvr-font-heading); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.clvr-scope .clvr-chart-card__metric span { color: var(--clvr-color-text-secondary); font-weight: var(--clvr-font-heading-weight); }
.clvr-scope .clvr-chart-card__plot { position: relative; width: 100%; height: 18rem; min-width: 0; }
.clvr-scope .clvr-chart-card__plot--bar { height: 11.5rem; }
.clvr-scope .clvr-chart-card__plot--doughnut { height: 16rem; }
.clvr-scope .clvr-chart-card__split { display: grid; grid-template-columns: minmax(15rem, 0.8fr) minmax(16rem, 1.2fr); gap: var(--clvr-space-8); align-items: center; }
.clvr-scope .clvr-chart-legend { display: grid; gap: var(--clvr-space-3); margin: 0; }
.clvr-scope .clvr-chart-legend__item { --clvr-chart-key-color: var(--clvr-color-data-net); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--clvr-space-4); align-items: center; padding: 0 0 var(--clvr-space-3); border-bottom: 1px solid var(--clvr-color-border-subtle); }
.clvr-scope .clvr-chart-legend__item:last-child { padding-bottom: 0; border-bottom: 0; }
.clvr-scope .clvr-chart-legend__item--fees { --clvr-chart-key-color: var(--clvr-color-data-fees); }
.clvr-scope .clvr-chart-legend__item--discount { --clvr-chart-key-color: var(--clvr-color-data-discount); }
.clvr-scope .clvr-chart-legend dt { display: flex; align-items: center; gap: var(--clvr-space-2); color: var(--clvr-color-text); font-size: 0.8125rem; font-weight: var(--clvr-font-heading-weight); }
.clvr-scope .clvr-chart-legend dt::before { width: 0.75rem; height: 0.75rem; flex: none; border-radius: 3px; background: var(--clvr-chart-key-color); content: ""; }
.clvr-scope .clvr-chart-legend dd { display: flex; align-items: baseline; gap: var(--clvr-space-3); margin: 0; font-size: 0.75rem; font-variant-numeric: tabular-nums; }
.clvr-scope .clvr-chart-legend dd strong { color: var(--clvr-color-text); font-size: 0.875rem; }
.clvr-scope .clvr-chart-legend dd span { min-width: 2.25rem; color: var(--clvr-color-text-muted); text-align: right; }
.clvr-scope .clvr-chart-data { border-top: 1px solid var(--clvr-color-border-subtle); }
.clvr-scope .clvr-chart-data summary { display: inline-flex; min-height: 2.75rem; align-items: center; gap: var(--clvr-space-2); color: var(--clvr-color-link); cursor: pointer; font-size: 0.8125rem; font-weight: var(--clvr-font-heading-weight); list-style: none; transition: color var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-chart-data summary::-webkit-details-marker { display: none; }
.clvr-scope .clvr-chart-data summary::before { width: 0.875rem; height: 0.875rem; background: currentcolor; content: ""; mask: url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%0A%3C%2Fsvg%3E") center / 0.875rem 0.875rem no-repeat; transform: rotate(-90deg); transition: transform var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-chart-data[open] summary::before { transform: rotate(0); }
.clvr-scope .clvr-chart-data .clvr-table-wrap { margin: 0; }
.clvr-scope .clvr-chart-data .clvr-table { min-width: 0; }
.clvr-scope .clvr-chart-data caption { padding: var(--clvr-space-2) var(--clvr-space-3); color: var(--clvr-color-text); font-weight: var(--clvr-font-heading-weight); text-align: left; }
.clvr-scope .clvr-chart-data tbody th { padding: 0.55rem var(--clvr-space-3); border-bottom: 1px solid var(--clvr-color-border-subtle); background: transparent; color: var(--clvr-color-text); font-size: 0.875rem; font-weight: var(--clvr-font-heading-weight); letter-spacing: 0; text-align: left; text-transform: none; }
.clvr-scope .clvr-chart-data tbody tr:last-child th { border-bottom: 0; }
.clvr-scope .clvr-chart-card__footer { display: grid; gap: var(--clvr-space-1); }
.clvr-scope .clvr-chart-card__note { margin: 0; color: var(--clvr-color-text-muted); font-size: 0.75rem; line-height: 1.5; }

.clvr-scope .clvr-money-flow { display: grid; gap: var(--clvr-space-4); margin: 0; padding: var(--clvr-space-6); border: 1px solid var(--clvr-color-border-card); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); box-shadow: var(--clvr-shadow-card); }
.clvr-scope .clvr-money-flow figcaption { display: grid; gap: var(--clvr-space-1); }
.clvr-scope .clvr-money-flow figcaption > span { color: var(--clvr-color-text-muted); font-size: 0.75rem; font-weight: var(--clvr-font-heading-weight); letter-spacing: 0.045em; text-transform: uppercase; }
.clvr-scope .clvr-money-flow figcaption strong { margin: 0; color: var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1.75rem/1.2 var(--clvr-font-heading); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.clvr-scope .clvr-money-flow figcaption small { margin: 0; color: var(--clvr-color-text-muted); font-size: 0.8125rem; }
.clvr-scope .clvr-money-flow__meter { display: flex; height: 0.75rem; overflow: hidden; border-radius: var(--clvr-radius-pill); background: var(--clvr-color-surface-muted); }
.clvr-scope .clvr-money-flow__segment { display: block; min-width: 0.5rem; background: var(--clvr-color-data-net); }
.clvr-scope .clvr-money-flow__segment--cost { background: var(--clvr-color-data-fees); }
.clvr-scope .clvr-money-flow__segment--discount { background: var(--clvr-color-data-discount); }
.clvr-scope .clvr-money-flow__legend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--clvr-space-3); margin: 0; }
.clvr-scope .clvr-money-flow__key { display: grid; min-width: 0; grid-template-columns: 2rem minmax(0, 1fr); gap: 0 var(--clvr-space-3); align-items: center; padding: var(--clvr-space-3); border-radius: var(--clvr-radius-md); color: var(--clvr-color-data-net-text); background: color-mix(in srgb, var(--clvr-color-data-net) 8%, var(--clvr-color-surface)); }
.clvr-scope .clvr-money-flow__key--cost { color: var(--clvr-color-data-fees-text); background: color-mix(in srgb, var(--clvr-color-data-fees) 12%, var(--clvr-color-surface)); }
.clvr-scope .clvr-money-flow__icon { display: grid; width: 2rem; height: 2rem; grid-row: 1 / 3; place-items: center; border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); color: inherit; }
.clvr-scope .clvr-money-flow__icon svg { width: 1rem; height: 1rem; }
.clvr-scope .clvr-money-flow__key dt { min-width: 0; color: inherit; font-size: 0.75rem; font-weight: var(--clvr-font-heading-weight); }
.clvr-scope .clvr-money-flow__key dd { color: inherit; display: flex; min-width: 0; align-items: baseline; gap: var(--clvr-space-2); margin: 0; font-variant-numeric: tabular-nums; }
.clvr-scope .clvr-money-flow__key dd strong { color: inherit; font-size: 0.875rem; }
.clvr-scope .clvr-money-flow__key dd span { color: inherit; font-size: 0.75rem; }
.clvr-scope .clvr-money-flow__note { margin: 0; color: var(--clvr-color-text-muted); font-size: 0.75rem; }

.clvr-scope .clvr-status-chart { display: grid; gap: var(--clvr-space-6); margin: 0; padding: var(--clvr-space-6); border: 1px solid var(--clvr-color-border-card); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); box-shadow: var(--clvr-shadow-card); }
.clvr-scope .clvr-status-chart figcaption { display: grid; gap: var(--clvr-space-1); }
.clvr-scope .clvr-status-chart figcaption h3 { margin: 0; color: var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1.125rem/1.4 var(--clvr-font-heading); }
.clvr-scope .clvr-status-chart figcaption p { margin: 0; color: var(--clvr-color-text-muted); font-size: 0.8125rem; }
.clvr-scope .clvr-status-chart__list { display: grid; gap: var(--clvr-space-3); margin: 0; padding: 0; list-style: none; }
.clvr-scope .clvr-status-chart__item { --clvr-status-chart-fill: var(--clvr-color-chart-series-2); display: grid; grid-template-columns: minmax(13rem, 0.85fr) minmax(10rem, 1.5fr) 3rem; gap: var(--clvr-space-4); align-items: center; padding: 0 0 var(--clvr-space-3); border-bottom: 1px solid var(--clvr-color-border-subtle); }
.clvr-scope .clvr-status-chart__item:last-child { padding-bottom: 0; border-bottom: 0; }
.clvr-scope .clvr-status-chart__item--success { --clvr-status-chart-fill: var(--clvr-color-chart-series-1); }
.clvr-scope .clvr-status-chart__item--warning { --clvr-status-chart-fill: var(--clvr-color-chart-series-3); }
.clvr-scope .clvr-status-chart__item--error { --clvr-status-chart-fill: var(--clvr-color-chart-series-5); }
.clvr-scope .clvr-status-chart__label { display: flex; min-width: 0; align-items: center; gap: var(--clvr-space-3); color: var(--clvr-color-text); font-size: 0.8125rem; font-weight: var(--clvr-font-heading-weight); line-height: 1.35; }
.clvr-scope .clvr-status-chart__label > span:last-child { display: grid; min-width: 0; gap: var(--clvr-space-1); }
.clvr-scope .clvr-status-chart__label small { margin: 0; color: var(--clvr-color-text-muted); font-size: 0.6875rem; font-weight: var(--clvr-font-heading-weight); }
.clvr-scope .clvr-status-chart__marker { display: inline-grid; width: 2rem; height: 2rem; flex: none; place-items: center; border-radius: var(--clvr-radius-md); background: color-mix(in srgb, var(--clvr-status-chart-fill) 9%, var(--clvr-color-surface)); color: var(--clvr-status-chart-fill); transition: transform var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-status-chart__item:hover .clvr-status-chart__marker { transform: translateY(-1px); }
.clvr-scope .clvr-status-chart__marker svg { width: 1rem; height: 1rem; }
.clvr-scope .clvr-status-chart__track { height: 0.5rem; overflow: hidden; border-radius: var(--clvr-radius-pill); background: var(--clvr-color-surface-muted); }
.clvr-scope .clvr-status-chart__fill { display: block; width: var(--clvr-status-chart-value); height: 100%; border-radius: inherit; background: var(--clvr-status-chart-fill); transition: width var(--clvr-duration-normal) ease, background-color var(--clvr-duration-normal) ease; }
.clvr-scope .clvr-status-chart__value { color: var(--clvr-color-text); font-size: 1rem; font-variant-numeric: tabular-nums; text-align: right; }

.clvr-scope .clvr-table-wrap { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; border: 1px solid var(--clvr-color-border-subtle); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); }
.clvr-scope .clvr-table { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: 0.875rem; }
.clvr-scope .clvr-table th { padding: var(--clvr-space-2) var(--clvr-space-3); border-bottom: 1px solid var(--clvr-color-border-subtle); background: var(--clvr-color-secondary); color: var(--clvr-color-text-muted); font-size: 0.625rem; font-weight: var(--clvr-font-heading-weight); letter-spacing: 0.05em; text-align: left; text-transform: uppercase; }
.clvr-scope .clvr-table td { padding: 0.55rem var(--clvr-space-3); border-bottom: 1px solid var(--clvr-color-border-subtle); color: var(--clvr-color-text-muted); line-height: 1.45; }
.clvr-scope .clvr-table td:first-child { color: var(--clvr-color-text); font-weight: var(--clvr-font-heading-weight); }
.clvr-scope .clvr-table tr:last-child td { border-bottom: 0; }
.clvr-scope .clvr-table .clvr-table__number { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }

.clvr-scope .clvr-disclosure-stack { overflow: hidden; border: 1px solid var(--clvr-color-border-subtle); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); }
.clvr-scope .clvr-disclosure { border-bottom: 1px solid var(--clvr-color-border-subtle); }
.clvr-scope .clvr-disclosure:last-child { border-bottom: 0; }
.clvr-scope .clvr-disclosure summary { display: flex; min-height: 3rem; align-items: center; gap: var(--clvr-space-2); padding: var(--clvr-space-3) var(--clvr-space-4); color: var(--clvr-color-text); cursor: pointer; font-size: 0.875rem; font-weight: var(--clvr-font-heading-weight); list-style: none; }
.clvr-scope .clvr-disclosure summary::-webkit-details-marker { display: none; }
.clvr-scope .clvr-disclosure summary::after,
.clvr-scope .clvr-path__related summary::after { width: 1rem; height: 1rem; flex: 0 0 1rem; margin-left: auto; background: currentcolor; content: ""; mask: url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%0A%3C%2Fsvg%3E") center / 1rem 1rem no-repeat; transform: rotate(0deg); transform-origin: center; transition: transform var(--clvr-duration-normal) ease; }
.clvr-scope .clvr-disclosure[open] summary::after,
.clvr-scope .clvr-path__related[open] summary::after { transform: rotate(180deg); }
.clvr-scope .clvr-disclosure__body { display: grid; gap: var(--clvr-space-3); padding: 0 var(--clvr-space-4) var(--clvr-space-4); color: var(--clvr-color-text-muted); font-size: 0.875rem; line-height: 1.65; }
.clvr-scope .clvr-disclosure__body > * { margin-block: 0; }

.clvr-scope .clvr-callout { display: grid; gap: var(--clvr-space-1); padding: var(--clvr-space-4); border: 1px solid var(--clvr-color-border-card); border-left: 4px solid var(--clvr-color-primary); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); color: var(--clvr-color-text); box-shadow: var(--clvr-shadow-card); }
.clvr-scope .clvr-callout--info {
  border-color: var(--clvr-color-status-info-border);
  border-left-color: var(--clvr-color-status-info-icon);
  background: var(--clvr-color-status-info-bg);
  color: var(--clvr-color-status-info-text);
}
.clvr-scope .clvr-callout--success {
  border-color: var(--clvr-color-status-success-border);
  border-left-color: var(--clvr-color-status-success-icon);
  background: var(--clvr-color-status-success-bg);
  color: var(--clvr-color-status-success-text);
}
.clvr-scope .clvr-callout--warning {
  border-color: var(--clvr-color-status-warning-border);
  border-left-color: var(--clvr-color-status-warning-icon);
  background: var(--clvr-color-status-warning-bg);
  color: var(--clvr-color-status-warning-text);
}
.clvr-scope .clvr-callout--error {
  border-color: var(--clvr-color-status-error-border);
  border-left-color: var(--clvr-color-status-error-icon);
  background: var(--clvr-color-status-error-bg);
  color: var(--clvr-color-status-error-text);
}
.clvr-scope .clvr-callout__title { display: block; font: var(--clvr-font-heading-weight) 1rem/1.4 var(--clvr-font-heading); }
.clvr-scope .clvr-callout[hidden] { display: none; }
.clvr-scope .clvr-callout p { margin: 0; color: var(--clvr-color-text-muted); font-size: 0.875rem; line-height: 1.6; }
.clvr-scope .clvr-callout--info p { color: var(--clvr-color-status-info-text); }
.clvr-scope .clvr-callout--success p { color: var(--clvr-color-status-success-text); }
.clvr-scope .clvr-callout--warning p { color: var(--clvr-color-status-warning-text); }
.clvr-scope .clvr-callout--error p { color: var(--clvr-color-status-error-text); }

.clvr-scope .clvr-checklist { counter-reset: clvr-checks; margin: 0; padding: 0; list-style: none; }
.clvr-scope .clvr-checklist li { position: relative; min-height: 3rem; padding: var(--clvr-space-3) 0 var(--clvr-space-3) 2.125rem; border-bottom: 1px solid var(--clvr-color-border-subtle); color: var(--clvr-color-text-muted); line-height: 1.55; }
.clvr-scope .clvr-checklist li:last-child { border-bottom: 0; }
.clvr-scope .clvr-checklist li::before { position: absolute; top: 0.8rem; left: 0; display: grid; width: 1.375rem; height: 1.375rem; place-items: center; border-radius: 50%; background: var(--clvr-color-secondary); color: var(--clvr-color-action-hover); content: counter(clvr-checks); counter-increment: clvr-checks; font-size: 0.6875rem; font-weight: var(--clvr-font-heading-weight); }

.clvr-scope .clvr-related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--clvr-space-3); }
.clvr-scope .clvr-related-card { display: grid; gap: var(--clvr-space-1); min-height: 100%; padding: var(--clvr-space-4); border: 1px solid var(--clvr-color-border-subtle); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); color: var(--clvr-color-text); text-decoration: none; transition: border-color var(--clvr-duration-fast) ease, box-shadow var(--clvr-duration-fast) ease, color var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-related-card:hover { border-color: var(--clvr-color-structure); color: var(--clvr-color-structure-hover); text-decoration: underline; text-underline-offset: 2px; }
.clvr-scope .clvr-related-card strong { font: var(--clvr-font-heading-weight) 1rem/1.4 var(--clvr-font-heading); }
.clvr-scope .clvr-related-card span { color: var(--clvr-color-text-muted); font-size: 0.8125rem; line-height: 1.5; }

.clvr-scope .clvr-link-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--clvr-space-2) var(--clvr-space-6); padding-left: var(--clvr-space-6); }
.clvr-scope .clvr-link-grid li { min-width: 0; padding-left: var(--clvr-space-1); }
.clvr-scope .clvr-link-grid li::marker { color: var(--clvr-color-structure); }
.clvr-scope .clvr-link-grid a { color: var(--clvr-color-link); font-size: 0.875rem; font-weight: var(--clvr-font-heading-weight); line-height: 1.5; overflow-wrap: anywhere; text-decoration: none; transition: color var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-link-grid a:hover { text-decoration: underline; text-underline-offset: 2px; }

.clvr-scope .clvr-path { display: grid; gap: var(--clvr-space-6); container-type: inline-size; color: var(--clvr-color-text); }
.clvr-scope .clvr-path > header { display: grid; gap: var(--clvr-space-3); }
.clvr-scope .clvr-path__title-row { display: flex; align-items: center; gap: var(--clvr-space-2); }
.clvr-scope .clvr-path__icon { display: grid; width: 1.75rem; height: 1.75rem; flex: none; place-items: center; border-radius: var(--clvr-radius-md); background: color-mix(in srgb, var(--clvr-color-primary) 10%, transparent); color: var(--clvr-color-primary); }
.clvr-scope .clvr-path__icon svg { width: 1rem; height: 1rem; }
.clvr-scope .clvr-path__title { margin: 0; color: var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1.25rem/1.3 var(--clvr-font-heading); }
.clvr-scope .clvr-path__intro { margin: 0; overflow: hidden; border: 1px solid var(--clvr-color-border-card); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); }
.clvr-scope .clvr-tablist { display: flex; overflow-x: auto; border-bottom: 1px solid var(--clvr-color-border-subtle); background: var(--clvr-color-surface); }
.clvr-scope .clvr-tab { position: relative; min-height: 2.6875rem; padding: var(--clvr-space-3) var(--clvr-space-4); border: 0; background: transparent; color: var(--clvr-color-text); cursor: pointer; font: var(--clvr-font-heading-weight) 0.875rem/1.35 var(--clvr-font-heading); white-space: nowrap; transition: background-color var(--clvr-duration-fast) ease, color var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-tab::after { position: absolute; right: var(--clvr-space-4); bottom: 0; left: var(--clvr-space-4); height: 2px; background: var(--clvr-color-primary); content: ""; transform: scaleX(0); transform-origin: center; transition: transform var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-tab[aria-selected="true"]::after { transform: scaleX(1); }
.clvr-scope .clvr-tabpanel { min-height: 5.3125rem; padding: var(--clvr-space-4); color: var(--clvr-color-text); line-height: 1.65; }
.clvr-scope .clvr-tabpanel[hidden] { display: none; }
.clvr-scope .clvr-tabpanel p { margin: 0; }
.clvr-scope .clvr-path__body { display: grid; gap: var(--clvr-space-6); }
.clvr-scope .clvr-path__section { display: grid; gap: var(--clvr-space-4); }
.clvr-scope .clvr-path__section h4 { margin: 0; color: var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1rem/1.3 var(--clvr-font-heading); }
.clvr-scope .clvr-path__metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--clvr-space-3); margin: 0; }
.clvr-scope .clvr-path__copy { margin: 0; color: var(--clvr-color-text); line-height: 1.65; }
.clvr-scope .clvr-path .clvr-disclosure { border: 1px solid var(--clvr-color-border-card); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); }
.clvr-scope .clvr-path__related { margin: 0; overflow: hidden; border: 1px solid var(--clvr-color-border-card); border-radius: var(--clvr-radius-md); background: var(--clvr-color-surface); }
.clvr-scope .clvr-path__related summary { display: flex; min-height: 3.125rem; align-items: center; gap: 0.6rem; padding: 0.875rem var(--clvr-space-4); cursor: pointer; font-size: 0.875rem; font-weight: var(--clvr-font-heading-weight); list-style: none; }
.clvr-scope .clvr-path__related summary::-webkit-details-marker { display: none; }
.clvr-scope .clvr-path__related ul { display: grid; gap: var(--clvr-space-2); margin: 0; padding: 0 var(--clvr-space-4) var(--clvr-space-4) 2.4rem; }
.clvr-scope .clvr-path__related a { color: var(--clvr-color-link); font-size: 0.875rem; font-weight: var(--clvr-font-heading-weight); transition: color var(--clvr-duration-fast) ease; }

@media (max-width: 57.5rem) {
  .clvr-scope .clvr-shell { grid-template-columns: 1fr; }
  .clvr-scope .clvr-shell__rail { position: static; }
  .clvr-scope .clvr-rail__more { margin-top: var(--clvr-space-4); border-top: 1px solid var(--clvr-color-border-subtle); }
  .clvr-scope .clvr-rail__more > summary { display: flex; min-height: 2.75rem; align-items: center; gap: var(--clvr-space-2); color: var(--clvr-color-text); cursor: pointer; font-size: 0.875rem; font-weight: var(--clvr-font-heading-weight); list-style: none; }
  .clvr-scope .clvr-rail__more > summary::-webkit-details-marker { display: none; }
  .clvr-scope .clvr-rail__more > summary::after { width: 1rem; height: 1rem; flex: none; margin-left: auto; background: currentcolor; content: ""; mask: url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%0A%3C%2Fsvg%3E") center / 1rem 1rem no-repeat; transition: transform var(--clvr-duration-normal) ease; }
  .clvr-scope .clvr-rail__more[open] > summary::after { transform: rotate(180deg); }
  .clvr-scope .clvr-rail__more-body { display: block; padding-bottom: var(--clvr-space-2); }
}

@media (max-width: 51.25rem) {
  .clvr-scope .clvr-cta-card { display: block; }
  .clvr-scope .clvr-cta-card__body { padding: 1.75rem; }
  .clvr-scope .clvr-cta-card__form { width: auto; padding: var(--clvr-space-6); border-top: 1px solid var(--clvr-color-border-subtle); border-left: 0; }
}

@media (max-width: 43.75rem) {
  .clvr-scope .clvr-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .clvr-scope .clvr-chart-card__header { align-items: flex-start; flex-direction: column; gap: var(--clvr-space-3); }
  .clvr-scope .clvr-chart-card__metric { justify-items: start; text-align: left; }
  .clvr-scope .clvr-chart-card__split { grid-template-columns: 1fr; gap: var(--clvr-space-4); }
  .clvr-scope .clvr-chart-card__plot--doughnut { height: 15rem; }
  .clvr-scope .clvr-money-flow__legend { grid-template-columns: 1fr; }
  .clvr-scope .clvr-status-chart__item { grid-template-columns: minmax(0, 1fr) auto; gap: var(--clvr-space-2) var(--clvr-space-3); }
  .clvr-scope .clvr-status-chart__label { grid-column: 1 / -1; }
  .clvr-scope .clvr-status-chart__track { grid-column: 1; }
  .clvr-scope .clvr-status-chart__value { grid-column: 2; }
  .clvr-scope .clvr-comparison-card__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--clvr-space-2); }
  .clvr-scope .clvr-comparison-card__heading,
  .clvr-scope .clvr-comparison-card__description { grid-column: 1 / -1; }
  .clvr-scope .clvr-comparison-card__description { grid-row: 2; }
  .clvr-scope .clvr-comparison-card .clvr-metric { grid-row: 3; }
  .clvr-scope .clvr-path__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .clvr-scope .clvr-related-grid { grid-template-columns: 1fr; }
  .clvr-scope .clvr-link-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap-inline: var(--clvr-space-4); }
}

@media (max-width: 40rem) {
  .clvr-scope .clvr-page-band h1,
  .clvr-scope .clvr-page-band__heading { font-size: 1.9rem; }
}

@media (max-width: 26.25rem) {
  .clvr-scope .clvr-chart-card,
  .clvr-scope .clvr-money-flow,
  .clvr-scope .clvr-status-chart { padding: var(--clvr-space-4); }
  .clvr-scope .clvr-comparison-card__grid { grid-template-columns: 1fr; row-gap: var(--clvr-space-2); }
  .clvr-scope .clvr-comparison-card__heading,
  .clvr-scope .clvr-comparison-card__description,
  .clvr-scope .clvr-comparison-card .clvr-metric { grid-column: 1; grid-row: auto; }
  .clvr-scope .clvr-metric__value { overflow-wrap: anywhere; }
  .clvr-scope .clvr-stat-grid,
  .clvr-scope .clvr-link-grid { grid-template-columns: 1fr; }
  .clvr-scope .clvr-path__metrics { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .clvr-scope .clvr-comparison-card,
  .clvr-scope .clvr-disclosure summary::after,
  .clvr-scope .clvr-chart-data summary,
  .clvr-scope .clvr-chart-data summary::before,
  .clvr-scope .clvr-status-chart__marker,
  .clvr-scope .clvr-status-chart__fill { transition: none; }
}

/* Review explorer: layout-only composition of the existing shell, chips,
   cards, disclosures and clvr-select. Appearance stays in those patterns. */
.clvr-scope .clvr-stack { display: grid; min-width: 0; gap: var(--clvr-space-6); align-content: start; }
.clvr-scope .clvr-review-explorer { container-type: inline-size; }
.clvr-scope .clvr-review-explorer__heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--clvr-space-4); }
.clvr-scope .clvr-review-explorer__list { display: grid; gap: 0.4rem; }
.clvr-scope .clvr-review-explorer__choice { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--clvr-space-2); text-align: left; text-decoration: none; }
/* Header shares the chip's horizontal padding + border, so values align. */
.clvr-scope .clvr-review-explorer__columns { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--clvr-space-2); padding-inline: calc(0.6rem + 1px); }
.clvr-scope .clvr-review-explorer__share { font-variant-numeric: tabular-nums; text-align: right; }
.clvr-scope .clvr-review-explorer__picker { display: none; }
.clvr-scope .clvr-review-explorer__quotes { display: grid; gap: var(--clvr-space-6); }
.clvr-scope .clvr-review-explorer__quote { margin: 0; }
.clvr-scope .clvr-review-explorer__source { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--clvr-space-2); }
.clvr-scope .clvr-review-explorer__source a { display: inline-flex; align-items: center; gap: var(--clvr-space-1); min-height: 24px; }
@media (max-width: 57.5rem) {
  .clvr-scope .clvr-review-explorer[data-review-ready] .clvr-review-explorer__choices { display: none; }
  .clvr-scope .clvr-review-explorer[data-review-ready] .clvr-review-explorer__picker { display: block; }
}
@container (max-width: 48rem) {
  .clvr-scope .clvr-review-explorer .clvr-shell { grid-template-columns: 1fr; }
  .clvr-scope .clvr-review-explorer[data-review-ready] .clvr-review-explorer__choices { display: none; }
  .clvr-scope .clvr-review-explorer[data-review-ready] .clvr-review-explorer__picker { display: block; }
}

/* Editorial variant: retain the review explorer's strong takeaway and evidence hierarchy. */
.clvr-scope .clvr-review-explorer__hero { display:grid; grid-template-columns:minmax(0,1fr) 12rem; align-items:center; gap:var(--clvr-space-10); padding:var(--clvr-space-10); border-radius:var(--clvr-radius-md); box-shadow:none; }
.clvr-scope .clvr-review-explorer__hero .clvr-page-band__heading { max-width:34rem; font-size:2.125rem; line-height:1.18; letter-spacing:-.035em; }
.clvr-scope .clvr-review-explorer__hero .clvr-page-band__intro { font-size:.875rem; line-height:1.75; }
.clvr-scope .clvr-review-explorer__lead { padding-left:var(--clvr-space-8); border-left:1px solid var(--clvr-color-border); }
.clvr-scope .clvr-review-explorer__lead > span { display:block; color:var(--clvr-color-text-secondary); font:400 .75rem/1.6 var(--clvr-font-body); }
.clvr-scope .clvr-review-explorer__lead > strong { display:block; margin:var(--clvr-space-2) 0; color:var(--clvr-color-primary); font: var(--clvr-font-heading-weight) 5rem/1.1 var(--clvr-font-heading); letter-spacing:-.07em; }
.clvr-scope .clvr-review-explorer__lead small { font-size:.45em; }
.clvr-scope .clvr-review-explorer__lead p { margin:0; font: var(--clvr-font-heading-weight) 1.125rem/1.4 var(--clvr-font-heading); }
.clvr-scope .clvr-review-explorer .clvr-shell { gap:var(--clvr-space-6); }
.clvr-scope .clvr-review-explorer__choice { min-height:54px; align-items:center; font-weight:500; }
.clvr-scope .clvr-review-explorer__rank { display:inline-block; width:1.75rem; color:var(--clvr-color-text-muted); font-size:.6875rem; font-variant-numeric:tabular-nums; }
.clvr-scope .clvr-review-explorer__evidence { padding:var(--clvr-space-8); }
.clvr-scope .clvr-review-explorer__evidence h4 { font: var(--clvr-font-heading-weight) 1.875rem/1.2 var(--clvr-font-heading); letter-spacing:-.03em; }
.clvr-scope .clvr-review-explorer__metric { display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--clvr-space-2); padding-bottom:var(--clvr-space-6); border-bottom:1px solid var(--clvr-color-border-subtle); }
.clvr-scope .clvr-review-explorer__metric strong { font: var(--clvr-font-heading-weight) 1.5rem/1.3 var(--clvr-font-heading); }
.clvr-scope .clvr-review-explorer__metric span { color:var(--clvr-color-text-muted); font-size:.8125rem; }
.clvr-scope .clvr-review-explorer__quote.clvr-callout { padding:var(--clvr-space-6); }
.clvr-scope .clvr-review-explorer__quote.clvr-callout p { color:inherit; font:400 1rem/1.75 var(--clvr-font-body); }
.clvr-scope .clvr-review-explorer__source { margin-top:var(--clvr-space-6); }
@container (max-width:600px) {
 .clvr-scope .clvr-review-explorer__hero { grid-template-columns:1fr; padding:var(--clvr-space-6); gap:var(--clvr-space-6); }
 .clvr-scope .clvr-review-explorer__hero .clvr-page-band__heading { font-size:1.75rem; }
 .clvr-scope .clvr-review-explorer__lead { padding:var(--clvr-space-4) 0 0; border-left:0; border-top:1px solid var(--clvr-color-border); }
 .clvr-scope .clvr-review-explorer__lead > strong { font-size:3.5rem; }
 .clvr-scope .clvr-review-explorer__evidence { padding:var(--clvr-space-4); }
 .clvr-scope .clvr-review-explorer__quote.clvr-callout { padding:var(--clvr-space-4); }
}

/* Hard heading contract across component compositions and breakpoints. */
.clvr-scope :is(h1,h2,h3,h4,h5,h6) { font-weight:var(--clvr-font-heading-weight) !important; }
.clvr-scope h2 { font-size:1.75rem !important; }

/* Topic explorer: summary, ranked navigation, and progressive detail. */
/* Editorial review explorer, composed from Clever page-band, rail, card,
   label and disclosure patterns. Brand values are in semantic.css. */
.clvr-scope .clvr-topic-explorer { container-type: inline-size; width:100%; color:var(--clvr-color-text); font:400 1rem/1.6 var(--clvr-font-body); -webkit-font-smoothing:antialiased; }
.clvr-scope .clvr-topic-explorer *, .clvr-scope .clvr-topic-explorer *::before, .clvr-scope .clvr-topic-explorer *::after { box-sizing:border-box; }
.clvr-scope .clvr-topic-explorer [hidden] { display:none !important; }
.clvr-scope .clvr-topic-explorer svg { display:block; width:1.125rem; height:1.125rem; flex:none; }
.clvr-scope .clvr-topic-explorer :is(h2,h3,h4,h5,p,blockquote,ol) { margin:0; }
.clvr-scope .clvr-topic-explorer :is(h2,h3,h4,h5) { padding:0; border:0; color:var(--clvr-color-text); text-transform:none; }
.clvr-scope .clvr-topic-explorer .clvr-card { border:1px solid var(--clvr-color-border-card); border-radius:var(--clvr-radius-md); background:var(--clvr-color-surface); box-shadow:var(--clvr-shadow-card); }
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__hero { display:grid; grid-template-columns:minmax(0,1fr) 12rem; align-items:center; gap:var(--clvr-space-10); padding:var(--clvr-space-10); border:1px solid var(--clvr-color-border-subtle); border-radius:var(--clvr-radius-md); background:var(--clvr-color-surface-muted); box-shadow:none; }
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__eyebrow { margin-bottom:var(--clvr-space-3); color:var(--clvr-color-link); font-size:.75rem; font-weight:var(--clvr-font-heading-weight); letter-spacing:.09em; text-transform:uppercase; }
.clvr-scope .clvr-topic-explorer__hero h2 { max-width:34rem; font:var(--clvr-font-heading-weight) 1.75rem/1.18 var(--clvr-font-heading); letter-spacing:-.035em; }
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__summary-text { max-width:43rem; margin-top:var(--clvr-space-4); color:var(--clvr-color-text-secondary); font-size:.875rem; line-height:1.75; }
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:0 var(--clvr-space-1); margin-top:var(--clvr-space-6); color:var(--clvr-color-text-secondary); font-size:.75rem; }
.clvr-scope .clvr-topic-explorer__meta strong { color:var(--clvr-color-text); font-weight:var(--clvr-font-heading-weight); font-variant-numeric:tabular-nums; }
.clvr-scope .clvr-topic-explorer__meta span { margin-inline:var(--clvr-space-2); color:var(--clvr-color-text-muted); }
.clvr-scope .clvr-topic-explorer__lead { padding-left:var(--clvr-space-8); border-left:1px solid var(--clvr-color-border); }
.clvr-scope .clvr-topic-explorer__lead-label { display:block; color:var(--clvr-color-text-secondary); font-size:.75rem; font-weight:500; }
.clvr-scope .clvr-topic-explorer__lead-value { display:block; margin:var(--clvr-space-2) 0; color:var(--clvr-color-primary); font: var(--clvr-font-heading-weight) 5rem/1.1 var(--clvr-font-heading); letter-spacing:-.07em; font-variant-numeric:tabular-nums; }
.clvr-scope .clvr-topic-explorer__lead-value span { font-size:.45em; letter-spacing:-.04em; }
.clvr-scope .clvr-topic-explorer__lead p { font:var(--clvr-font-heading-weight) 1.125rem/1.4 var(--clvr-font-heading); }
.clvr-scope .clvr-topic-explorer__lead-note { display:block; margin-top:var(--clvr-space-1); color:var(--clvr-color-text-secondary); font-size:.75rem; }
.clvr-scope .clvr-topic-explorer__explore-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--clvr-space-4); margin:var(--clvr-space-8) 0 var(--clvr-space-6); }
.clvr-scope .clvr-topic-explorer__explore-heading h3 { font:var(--clvr-font-heading-weight) 1.25rem/1.3 var(--clvr-font-heading); letter-spacing:-.02em; }
.clvr-scope .clvr-topic-explorer__explore-heading p { margin-top:var(--clvr-space-1); color:var(--clvr-color-text-secondary); font-size:.8125rem; }
.clvr-scope .clvr-topic-explorer__filters { display:flex; align-items:center; gap:var(--clvr-space-1); padding:var(--clvr-space-1); border:1px solid var(--clvr-color-border-card); border-radius:var(--clvr-radius-md); background:var(--clvr-color-surface-muted); }
.clvr-scope .clvr-topic-explorer__filters button { display:flex; align-items:center; justify-content:center; gap:var(--clvr-space-2); min-height:40px; padding:var(--clvr-space-2) var(--clvr-space-3); border:1px solid transparent; border-radius:var(--clvr-radius-md); background:transparent; color:var(--clvr-color-text-secondary); cursor:pointer; font:500 .8125rem/1.4 var(--clvr-font-body); transition:background-color var(--clvr-duration-fast) ease,color var(--clvr-duration-fast) ease,border-color var(--clvr-duration-fast) ease,box-shadow var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-topic-explorer__filters button span { font-size:.75rem; }
.clvr-scope .clvr-topic-explorer__filters button:hover { color:var(--clvr-color-link); background:var(--clvr-color-secondary); }
.clvr-scope .clvr-topic-explorer__filters button[aria-pressed="true"] { border-color:var(--clvr-color-border-card); background:var(--clvr-color-surface); color:var(--clvr-color-link); box-shadow:var(--clvr-shadow-card); }
.clvr-scope .clvr-topic-explorer__explorer.clvr-shell { display:grid; grid-template-columns:17.5rem minmax(0,1fr); gap:var(--clvr-space-6); align-items:start; }
.clvr-scope .clvr-topic-explorer__navigator.clvr-rail { min-width:0; padding:var(--clvr-space-4) var(--clvr-space-2); }
.clvr-scope .clvr-topic-explorer__nav-heading { display:grid; grid-template-columns:minmax(0,1fr) auto 1rem; align-items:center; gap:var(--clvr-space-2); padding:0 var(--clvr-space-3) var(--clvr-space-3); border-inline:1px solid transparent; color:var(--clvr-color-text-neutral); font-size:.75rem; }
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__group-label { margin:var(--clvr-space-3); color:var(--clvr-color-text-secondary); font:var(--clvr-font-heading-weight) .75rem/1.5 var(--clvr-font-body); }
.clvr-scope .clvr-topic-explorer.is-ready .clvr-topic-explorer__group-label { display:none; }
.clvr-scope .clvr-topic-explorer__theme-group ol { display:grid; gap:var(--clvr-space-1); padding:0; list-style:none; }
.clvr-scope .clvr-topic-explorer a.clvr-topic-explorer__theme-link { display:grid; grid-template-columns:1.125rem minmax(0,1fr) auto 1rem; align-items:center; gap:var(--clvr-space-2); min-height:54px; padding:var(--clvr-space-3); border:1px solid transparent; border-radius:var(--clvr-radius-md); color:var(--clvr-color-text); background:transparent; text-decoration:none; transition:background-color var(--clvr-duration-fast) ease,color var(--clvr-duration-fast) ease,border-color var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-topic-explorer a.clvr-topic-explorer__theme-link:hover { background:var(--clvr-color-surface-muted); color:var(--clvr-color-link); }
.clvr-scope .clvr-topic-explorer a.clvr-topic-explorer__theme-link[aria-current="true"] { background:var(--clvr-color-secondary); border-color:var(--clvr-color-primary); color:var(--clvr-color-link); }
.clvr-scope .clvr-topic-explorer__rank { color:var(--clvr-color-text-muted); font-size:.6875rem; font-variant-numeric:tabular-nums; }
.clvr-scope .clvr-topic-explorer__name { font-size:.8125rem; font-weight:500; line-height:1.4; overflow-wrap:anywhere; }
.clvr-scope .clvr-topic-explorer__pct { font-size:.8125rem; font-weight:var(--clvr-font-heading-weight); font-variant-numeric:tabular-nums; white-space:nowrap; }
.clvr-scope .clvr-topic-explorer__nav-arrow { opacity:0; transform:translateX(-3px); transition:opacity var(--clvr-duration-fast) ease,transform var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-topic-explorer__nav-arrow svg { width:1rem; height:1rem; }
.clvr-scope .clvr-topic-explorer__theme-link[aria-current="true"] .clvr-topic-explorer__nav-arrow { opacity:1; transform:translateX(0); }
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__nav-note { margin:var(--clvr-space-4) var(--clvr-space-3) 0; padding-top:var(--clvr-space-4); border-top:1px solid var(--clvr-color-border-subtle); color:var(--clvr-color-text-neutral); font-size:.75rem; line-height:1.65; }
.clvr-scope .clvr-topic-explorer__evidence-stack { display:grid; gap:var(--clvr-space-6); min-width:0; }
.clvr-scope .clvr-topic-explorer__evidence { min-width:0; padding:var(--clvr-space-8); scroll-margin-top:var(--clvr-space-6); }
.clvr-scope .clvr-topic-explorer__evidence h4 { margin-top:0; font: var(--clvr-font-heading-weight) 1.5rem/1.2 var(--clvr-font-heading); letter-spacing:-.03em; }
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__desc { margin-top:var(--clvr-space-3); color:var(--clvr-color-text-secondary); font-size:.875rem; line-height:1.65; }
.clvr-scope .clvr-topic-explorer__evidence-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--clvr-space-2); margin:var(--clvr-space-4) 0 var(--clvr-space-6); padding-bottom:var(--clvr-space-6); border-bottom:1px solid var(--clvr-color-border-subtle); }
.clvr-scope .clvr-topic-explorer__evidence-meta strong { color:var(--clvr-color-text); font: var(--clvr-font-heading-weight) 1.5rem/1.3 var(--clvr-font-heading); font-variant-numeric:tabular-nums; }
.clvr-scope .clvr-topic-explorer__evidence-meta span { color:var(--clvr-color-text-neutral); font-size:.8125rem; }
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__quotes-heading { margin-bottom:var(--clvr-space-3); color:var(--clvr-color-text-neutral); font:500 .75rem/1.4 var(--clvr-font-body); }
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__quote { padding:var(--clvr-space-6); border:1px solid var(--clvr-color-border-card); border-radius:var(--clvr-radius-md); background:var(--clvr-color-surface-muted); box-shadow:none; color:var(--clvr-color-text); font:400 .875rem/1.75 var(--clvr-font-body); }
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__quote--featured { background:var(--clvr-color-label-positive-bg); border-color:transparent; border-left:4px solid var(--clvr-color-label-positive-border); font-size:1rem; }
.clvr-scope .clvr-topic-explorer__evidence--concern .clvr-topic-explorer__quote--featured { background:var(--clvr-color-label-warning-bg); border-left-color:var(--clvr-color-label-warning-border); }
.clvr-scope .clvr-topic-explorer__quote::before, .clvr-scope .clvr-topic-explorer__quote::after { content:none; }
.clvr-scope .clvr-topic-explorer__quote-mark { display:block; margin-bottom:var(--clvr-space-3); color:var(--clvr-color-label-positive-text); }
.clvr-scope .clvr-topic-explorer__quote-mark svg { width:2rem; height:2rem; }
.clvr-scope .clvr-topic-explorer__evidence--concern .clvr-topic-explorer__quote-mark { color:var(--clvr-color-label-warning-text); }
.clvr-scope .clvr-topic-explorer__quote-text { overflow-wrap:anywhere; }
.clvr-scope .clvr-topic-explorer__quote-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--clvr-space-2) var(--clvr-space-4); margin-top:var(--clvr-space-6); color:var(--clvr-color-text-neutral); font-size:.75rem; }
.clvr-scope .clvr-topic-explorer a.clvr-topic-explorer__quote-source { display:inline-flex; align-items:center; gap:var(--clvr-space-1); min-height:24px; color:var(--clvr-color-link); font-size:.75rem; font-weight:var(--clvr-font-heading-weight); text-decoration:underline; text-underline-offset:3px; transition:color var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-topic-explorer a.clvr-topic-explorer__quote-source:hover { color:var(--clvr-color-link-hover); }
.clvr-scope .clvr-topic-explorer__quote-source svg { width:.875rem; height:.875rem; }
.clvr-scope .clvr-topic-explorer__more { border:0; margin-top:var(--clvr-space-4); }
.clvr-scope .clvr-topic-explorer__more summary { display:flex; align-items:center; justify-content:space-between; gap:var(--clvr-space-3); min-height:44px; padding:var(--clvr-space-2) 0; color:var(--clvr-color-link); cursor:pointer; font:500 .8125rem/1.5 var(--clvr-font-body); list-style:none; transition:color var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-topic-explorer__more summary:hover { color:var(--clvr-color-link-hover); }
.clvr-scope .clvr-topic-explorer__more summary::after { content:none; }
.clvr-scope .clvr-topic-explorer__more summary::-webkit-details-marker { display:none; }
.clvr-scope .clvr-topic-explorer__more summary svg { transform:rotate(90deg); transition:transform var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-topic-explorer__more[open] summary svg { transform:rotate(-90deg); }
.clvr-scope .clvr-topic-explorer__quotes { display:grid; gap:var(--clvr-space-6); padding-top:var(--clvr-space-3); }
.clvr-scope .clvr-topic-explorer__empty { color:var(--clvr-color-text-neutral); font-size:.875rem; }
.clvr-scope .clvr-topic-explorer :is(a,button,summary):focus-visible { outline:2px solid var(--clvr-color-primary); outline-offset:3px; }
.clvr-scope .clvr-topic-explorer__announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@container (max-width:760px) {
  .clvr-scope .clvr-topic-explorer .clvr-topic-explorer__hero { padding:var(--clvr-space-6); gap:var(--clvr-space-6); grid-template-columns:minmax(0,1fr) 9rem; }
  .clvr-scope .clvr-topic-explorer__hero h2 { font-size:1.75rem; }
  .clvr-scope .clvr-topic-explorer__lead { padding-left:var(--clvr-space-6); }
  .clvr-scope .clvr-topic-explorer__lead-value { font-size:4rem; }
  .clvr-scope .clvr-topic-explorer__explorer.clvr-shell { grid-template-columns:14rem minmax(0,1fr); }
  .clvr-scope .clvr-topic-explorer__evidence { padding:var(--clvr-space-6); }
  .clvr-scope .clvr-topic-explorer__theme-link .clvr-topic-explorer__rank { display:none; }
  .clvr-scope .clvr-topic-explorer a.clvr-topic-explorer__theme-link { grid-template-columns:minmax(0,1fr) auto 1rem; }
  .clvr-scope .clvr-topic-explorer .clvr-topic-explorer__quote { padding:var(--clvr-space-4); }
}
@container (max-width:600px) {
  .clvr-scope .clvr-topic-explorer .clvr-topic-explorer__hero { grid-template-columns:1fr; gap:var(--clvr-space-6); }
  .clvr-scope .clvr-topic-explorer__lead { display:grid; grid-template-columns:auto minmax(0,1fr); gap:0 var(--clvr-space-4); align-items:center; padding:var(--clvr-space-4) 0 0; border-left:0; border-top:1px solid var(--clvr-color-border); }
  .clvr-scope .clvr-topic-explorer__lead-value { grid-column:1; grid-row:1 / 4; margin:0; font-size:3.5rem; }
  .clvr-scope .clvr-topic-explorer__lead-label,.clvr-scope .clvr-topic-explorer__lead p,.clvr-scope .clvr-topic-explorer__lead-note { grid-column:2; }
  .clvr-scope .clvr-topic-explorer__lead-label { grid-row:1; }
  .clvr-scope .clvr-topic-explorer__lead p { grid-row:2; }
  .clvr-scope .clvr-topic-explorer__lead-note { grid-row:3; margin:0; }
  .clvr-scope .clvr-topic-explorer__explorer.clvr-shell { grid-template-columns:1fr; }
  .clvr-scope .clvr-topic-explorer__explore-heading { margin-top:var(--clvr-space-6); }
  .clvr-scope .clvr-topic-explorer__filters { width:100%; }
  .clvr-scope .clvr-topic-explorer__filters button { flex:1; }
  .clvr-scope .clvr-topic-explorer__navigator.clvr-rail { padding:var(--clvr-space-3); }
  .clvr-scope .clvr-topic-explorer.is-ready .clvr-topic-explorer__theme-group ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--clvr-space-2); }
  .clvr-scope .clvr-topic-explorer a.clvr-topic-explorer__theme-link { grid-template-columns:minmax(0,1fr) auto; min-height:48px; padding:var(--clvr-space-2); border-color:var(--clvr-color-border-subtle); }
  .clvr-scope .clvr-topic-explorer__nav-arrow { display:none; }
  .clvr-scope .clvr-topic-explorer__name,.clvr-scope .clvr-topic-explorer__pct { font-size:.75rem; }
  .clvr-scope .clvr-topic-explorer__nav-heading { padding:0 0 var(--clvr-space-3); }
  .clvr-scope .clvr-topic-explorer .clvr-topic-explorer__nav-note { margin:var(--clvr-space-3) 0 0; padding-top:var(--clvr-space-3); }
  .clvr-scope .clvr-topic-explorer__evidence { padding:var(--clvr-space-6); }
  .clvr-scope .clvr-topic-explorer__evidence h4 { font-size:1.5rem; }
}
@container (max-width:360px) {
  .clvr-scope .clvr-topic-explorer .clvr-topic-explorer__hero,.clvr-scope .clvr-topic-explorer__evidence { padding:var(--clvr-space-4); }
  .clvr-scope .clvr-topic-explorer__hero h2 { font-size:1.75rem; }
}
@media(prefers-reduced-motion:reduce) { .clvr-scope .clvr-topic-explorer *, .clvr-scope .clvr-topic-explorer *::before, .clvr-scope .clvr-topic-explorer *::after { transition-duration:.01ms !important; animation-duration:.01ms !important; } }
@media(forced-colors:active) { .clvr-scope .clvr-topic-explorer a.clvr-topic-explorer__theme-link[aria-current="true"],.clvr-scope .clvr-topic-explorer__filters button[aria-pressed="true"] { outline:2px solid Highlight; outline-offset:-2px; } }

/* On narrow screens, a labeled native selector keeps the evidence nearby. */
.clvr-scope .clvr-topic-explorer__mobile-picker { display:none; }
.clvr-scope .clvr-topic-explorer__mobile-picker label { color:var(--clvr-color-text); font-size:.8125rem; font-weight:500; }
.clvr-scope .clvr-topic-explorer__mobile-picker select { width:100%; min-width:0; min-height:48px; padding:var(--clvr-space-3); border:1px solid var(--clvr-color-border); border-radius:var(--clvr-radius-md); background:var(--clvr-color-surface); color:var(--clvr-color-text); font:500 .875rem/1.5 var(--clvr-font-body); transition:border-color var(--clvr-duration-fast) ease; }
.clvr-scope .clvr-topic-explorer__mobile-picker select:hover { border-color:var(--clvr-color-primary); }
.clvr-scope .clvr-topic-explorer__mobile-picker select:focus-visible { outline:2px solid var(--clvr-color-primary); outline-offset:3px; }
@container (max-width:600px) {
 .clvr-scope .clvr-topic-explorer.is-ready .clvr-topic-explorer__mobile-picker { display:grid; gap:var(--clvr-space-2); margin-bottom:var(--clvr-space-6); }
 .clvr-scope .clvr-topic-explorer.is-ready .clvr-topic-explorer__navigator { display:none; }
}

/* Keep the takeaway caption together as a readable sentence. */
.clvr-scope .clvr-topic-explorer__lead p.clvr-topic-explorer__lead-caption { max-width:12rem; margin-top:var(--clvr-space-3); color:var(--clvr-color-text-secondary); font:400 .875rem/1.5 var(--clvr-font-body); }
.clvr-scope .clvr-topic-explorer__lead-caption strong { color:var(--clvr-color-text); font-weight:var(--clvr-font-heading-weight); }
.clvr-scope .clvr-topic-explorer__lead-value { margin:0; letter-spacing:-.055em; }
@container (max-width:600px) {
 .clvr-scope .clvr-topic-explorer__lead p.clvr-topic-explorer__lead-caption { grid-column:2; grid-row:1 / 4; margin:0; }
}

/* Replace WordPress list margins with a single controlled half-size gap. */
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__theme-group ol { row-gap:10px; }
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__theme-group li { margin-block:0; }

/* Paragraphs and explanatory copy keep a 1rem minimum at every width. */
.clvr-scope .clvr-topic-explorer p,
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__summary-text,
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__explore-heading p,
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__desc,
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__quote,
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__empty,
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__lead p.clvr-topic-explorer__lead-caption,
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__evidence-meta span { font-size:1rem; }

.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__meta { font-size:1rem; }

/* Supporting annotation, separate from paragraph copy. */
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__nav-note { font-size:.75rem; }

/* Button-like controls use the theme's heading family (the active theme heading font). */
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__filters button,
.clvr-scope .clvr-topic-explorer a.clvr-topic-explorer__theme-link,
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__more summary,
.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__mobile-picker select { font-family:var(--clvr-font-heading); }

/* Component h2 size is fixed by the design skill at every breakpoint. */
.clvr-scope .clvr-topic-explorer h2 { font-size:1.75rem !important; }

.clvr-scope .clvr-topic-explorer .clvr-topic-explorer__evidence h4 { font-size:1.5rem !important; }

/* Heading weight follows the installed brand. */
.clvr-scope .clvr-topic-explorer :is(h2,h3,h4,h5,h6) { font-weight:var(--clvr-font-heading-weight) !important; }

.clvr-scope .clvr-trend-legend { display:flex; flex-wrap:wrap; gap:var(--clvr-space-4); list-style:none; margin:0; padding:0; font:400 .875rem/1.5 var(--clvr-font-body); }
.clvr-scope .clvr-trend-legend li { display:flex; align-items:center; gap:var(--clvr-space-2); }

.clvr-scope .clvr-cta-card__field.is-incomplete { border-color:var(--clvr-color-label-warning-border); }
.clvr-scope .clvr-cta-card__field.is-incomplete:focus-within { box-shadow:0 0 0 2px color-mix(in srgb,var(--clvr-color-label-warning-border) 15%,transparent); }
.clvr-scope .clvr-cta-card__field.is-incomplete .clvr-cta-card__pin { color:var(--clvr-color-label-warning-border); }

/* Item counts remain distinct from the segmented control labels. */
.clvr-scope .clvr-topic-explorer__filters button span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.5rem;
  height:1.5rem;
  padding-inline:var(--clvr-space-1);
  border-radius:var(--clvr-radius-md);
  background:var(--clvr-color-border-subtle);
  color:var(--clvr-color-text-secondary);
  font-size:.75rem;
  font-weight:500;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.clvr-scope .clvr-topic-explorer__filters button span {
  transition:background-color var(--clvr-duration-fast) ease,color var(--clvr-duration-fast) ease;
}

.clvr-scope .clvr-topic-explorer__filters button > svg { width:1rem; height:1rem; flex-shrink:0; }

.clvr-scope .clvr-topic-explorer__filters button { gap:var(--clvr-space-1); }
.clvr-scope .clvr-topic-explorer__filters button span { margin-inline-start:var(--clvr-space-1); }
.clvr-scope .clvr-topic-explorer__filters button > svg { transition:color var(--clvr-duration-fast) ease; }

/* Snapshot cards emphasize the value and keep context on a shared baseline. */
.clvr-scope .clvr-stat-grid--snapshot { grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr)); gap:var(--clvr-space-6); }
.clvr-scope .clvr-stat--snapshot { display:flex; flex-direction:column; gap:var(--clvr-space-2); padding:var(--clvr-space-4); border-color:var(--clvr-color-border-card); box-shadow:var(--clvr-shadow-card); }
.clvr-scope .clvr-stat--snapshot dt { display:flex; align-items:center; gap:var(--clvr-space-2); margin:0; color:var(--clvr-color-text); font:500 .875rem/1.5 var(--clvr-font-body); letter-spacing:0; text-transform:none; }
.clvr-scope .clvr-stat--snapshot dt svg { width:1.25rem; height:1.25rem; flex:none; color:var(--clvr-color-primary); }
.clvr-scope .clvr-stat--snapshot dd { display:flex; flex:1; flex-direction:column; gap:var(--clvr-space-2); font-size:1.5rem; line-height:1.2; letter-spacing:-.025em; }
.clvr-scope .clvr-stat--snapshot small { margin:0; padding-top:var(--clvr-space-2); border-top:1px solid var(--clvr-color-border-subtle); font:400 .75rem/1.5 var(--clvr-font-body); letter-spacing:0; }
.clvr-scope .clvr-stat-grid__note { margin:var(--clvr-space-3) 0 0; color:var(--clvr-color-text-muted); font:400 .75rem/1.5 var(--clvr-font-body); }

/* Shared WordPress integration rules. No palette or token overrides belong here. */
.clvr-scope {
  box-sizing: border-box;
  min-width: 0;
  color: var(--clvr-color-text);
  font-family: var(--clvr-font-body);
  line-height: 1.6;
}
.clvr-scope *, .clvr-scope *::before, .clvr-scope *::after { box-sizing: border-box; }
.clvr-scope [hidden] { display: none !important; }
.clvr-scope :is(blockquote, figcaption) { font-family: var(--clvr-font-body); }
.clvr-scope :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--clvr-font-heading);
  font-weight: var(--clvr-font-heading-weight) !important;
}
.clvr-scope h2 { font-size: 1.75rem !important; }
/* No text renders heavier than the brand heading weight: sites load only the
   faces up to it, so browser-default bold (b, strong, th) would be faux-bolded. */
.clvr-scope :is(b, strong, th) { font-weight: var(--clvr-font-heading-weight); }
/* Table reset. Host themes style bare table elements (the LWC site CSS adds a
   1rem table margin, a 24px line height, 18px 20px cell padding, zebra-striped
   rows, a row fade and an !important th font). Inside a block only shared table
   classes and block CSS style tables, so these rules undo host defaults at the
   lowest specificity that still beats them: shared .clvr-table rules and block
   CSS keep winning. Style row backgrounds on cells, not on tr. */
.clvr-scope table { margin: 0; border-spacing: 0; line-height: inherit; overflow: visible; position: static; }
.clvr-scope :is(caption, th, td) { padding: 0; border: 0; font-family: inherit !important; line-height: inherit; text-align: start; vertical-align: inherit; }
.clvr-scope tr { opacity: 1; transition: none; }
.clvr-scope table :is(thead, tbody, tfoot) tr:nth-child(n) { background: none; }
.clvr-scope table :is(h1, h2, h3, h4, h5, h6) { margin-top: 0; }
.clvr-scope table :is(li, div, p):nth-child(n) { margin-bottom: 0; }
/* WordPress and Bricks recolor links and buttons on hover. Button labels keep
   their shared foreground in every state, so filled buttons stay white. */
.clvr-scope .clvr-button, .clvr-scope .clvr-button:is(:link, :visited, :hover, :focus, :focus-visible, :active) { text-decoration: none !important; color: var(--clvr-color-on-primary) !important; }
.clvr-scope .clvr-button--cta, .clvr-scope .clvr-button--cta:is(:link, :visited, :hover, :focus, :focus-visible, :active) { color: var(--clvr-color-on-primary-cta) !important; }
.clvr-scope .clvr-button--secondary, .clvr-scope .clvr-button--secondary:is(:link, :visited, :hover, :focus, :focus-visible, :active) { color: var(--clvr-color-primary) !important; }
.clvr-scope .clvr-button--danger, .clvr-scope .clvr-button--danger:is(:link, :visited, :hover, :focus, :focus-visible, :active) { color: var(--clvr-color-text-on-destructive) !important; }
.clvr-scope .clvr-button:disabled, .clvr-scope .clvr-button:disabled:hover { color: var(--clvr-color-disabled-text) !important; }