/* ComoVa source: Garitas (CBP border wait times). */
.cv-gar-lead { font-size: 1.05em; line-height: 1.55; }
.cv-gar-g { --cv-gar: #16a34a; }
.cv-gar-y { --cv-gar: #eab308; }
.cv-gar-o { --cv-gar: #f97316; }
.cv-gar-r { --cv-gar: #dc2626; }
.cv-gar-x { --cv-gar: #8b93a7; }
.cv-gar-n { --cv-gar: var(--cv-border, #e3e8f0); }

.cv-gar-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); margin: 1rem 0; }
.cv-gar-card { background: var(--cv-surface, #fff); border: 1px solid var(--cv-border, #e3e8f0); border-radius: var(--cv-radius, 14px); padding: 1rem 1.1rem; min-width: 0; }
.cv-gar-card header h3 { margin: 0; font-size: 1.1em; line-height: 1.3; }
.cv-gar-card header p { margin: .15rem 0 .6rem; }
.cv-gar-group h4 { margin: .6rem 0 .25rem; font-size: .8em; text-transform: uppercase; letter-spacing: .04em; color: var(--cv-muted, #5b6475); }
.cv-gar-group ul, .cv-gar-facts { list-style: none; margin: 0; padding: 0; }
.cv-gar-lane { display: grid; grid-template-columns: 6.5rem 1fr auto; align-items: center; gap: .5rem; padding: .2rem 0; font-size: .95em; }
.cv-gar-lname { overflow-wrap: anywhere; }
.cv-gar-val { text-align: right; }
.cv-gar-val strong { white-space: nowrap; }
.cv-gar-bar { display: block; height: .55rem; border-radius: 99px; background: var(--cv-surface-2, #f1f4f9); overflow: hidden; }
.cv-gar-bar > span { display: block; height: 100%; border-radius: inherit; background: var(--cv-gar); }
.cv-gar-x .cv-gar-val, .cv-gar-n .cv-gar-val { color: var(--cv-muted, #5b6475); }
.cv-gar-facts { margin-top: .7rem; padding-top: .6rem; border-top: 1px solid var(--cv-border, #e3e8f0); font-size: .9em; }
.cv-gar-facts li { margin: .15rem 0; }
.cv-gar-meta, .cv-gar-notice { margin: .5rem 0 0; font-size: .82em; }
.cv-gar-pill { display: inline-block; font-size: .7em; font-weight: 600; vertical-align: middle; padding: .1rem .5rem; border-radius: 99px; color: #fff; background: var(--cv-gar); }

.cv-gar-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: .75rem 0; }
.cv-gar-table { width: 100%; border-collapse: collapse; font-size: .95em; }
.cv-gar-table th, .cv-gar-table td { padding: .45rem .5rem; border-bottom: 1px solid var(--cv-border, #e3e8f0); text-align: left; vertical-align: middle; }
.cv-gar-table thead th { font-size: .82em; color: var(--cv-muted, #5b6475); font-weight: 600; }
.cv-gar-table tbody th { font-weight: 500; }
.cv-gar-table caption { text-align: left; padding-bottom: .3rem; }
.cv-gar-cell { white-space: nowrap; }
.cv-gar-dot, .cv-gar-legend i { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; background: var(--cv-gar); margin-right: .35rem; vertical-align: baseline; }
.cv-gar-legend { font-size: .82em; }
.cv-gar-legend > span { white-space: nowrap; margin-right: .5rem; }
.cv-gar-hours .cv-gar-bcell { width: 55%; }
.cv-gar-hours tr.cv-gar-best th, .cv-gar-hours tr.cv-gar-best td { font-weight: 700; }
.cv-gar-hours tr.cv-gar-now { background: var(--cv-surface-2, #f1f4f9); }

.cv-gar-trend { list-style: none; display: grid; grid-template-columns: repeat(7, 1fr); gap: .35rem; align-items: end; height: 9rem; margin: .5rem 0 1rem; padding: 0; }
.cv-gar-trend li { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; font-size: .75em; min-width: 0; }
.cv-gar-vbar { display: block; width: 100%; max-width: 2.5rem; background: var(--cv-gar); border-radius: 6px 6px 0 0; }
.cv-gar-vval { order: -1; white-space: nowrap; }
.cv-gar-vday { color: var(--cv-muted, #5b6475); white-space: nowrap; }
.cv-gar-h { margin-top: 1.5rem; }

@media (max-width: 420px) {
	.cv-gar-lane { grid-template-columns: 5.5rem 1fr auto; font-size: .9em; }
	.cv-gar-vval { font-size: .85em; }
}