/* Your business (v3/yours.js): the Executive strip, the gap checklist, competitors and pricing by segment. Theme tokens
   only: status with a glyph and a label (never color alone), bars on --v-track. */
.yb-strip { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1fr); gap: 12px; margin: 0 0 14px; }
.yb-cell { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.yb-k { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--mute); }
.yb-big { font-size: 30px; line-height: 1.05; font-weight: 600; font-variant-numeric: tabular-nums; }
.yb-next { font-size: 16px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.yb-cell > a { margin-top: auto; }
.yb-meter { position: relative; display: block; height: 8px; border-radius: 4px; background: var(--v-track); overflow: hidden; min-width: 40px; }
.yb-f { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: var(--v-s1); }
.yb-has { background: var(--v-good); } .yb-partial { background: var(--v-warn); } .yb-lacks { background: var(--v-crit); } .yb-unmeasured { background: transparent; }
.yb-gl { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.yb-gl li { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(60px, 1fr) 40px; gap: 10px; align-items: center; }
.yb-gn { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yb-gp { text-align: right; font-variant-numeric: tabular-nums; }
.yb-mark { white-space: nowrap; font-size: 12px; }
.yb-t-good { color: var(--v-good); } .yb-t-warn { color: var(--v-warn); } .yb-t-crit { color: var(--v-crit); } .yb-t-mute { color: var(--mute); }
.yb-cl { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.yb-cr { display: grid; grid-template-columns: minmax(0, 1.5fr) 92px minmax(80px, 1.2fr) minmax(0, 1fr); gap: 10px; align-items: center; padding: 6px 4px; border-radius: 8px; }
.yb-cr:hover { background: var(--panel2); }
.yb-cn { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yb-cv { text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ink2); }
.yb-comp { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; overflow-wrap: anywhere; }
.yb-segs { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.yb-seg { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.yb-sh { font-weight: 600; font-size: 13px; }
.yb-sr { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; font-size: 13px; }
.yb-sr b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.yb > * + * { margin-top: 14px; }
@media (max-width: 760px) {
  .yb-strip { grid-template-columns: minmax(0, 1fr); }
  .yb-cr { grid-template-columns: minmax(0, 1fr) 84px; }
  .yb-cr .yb-meter { grid-column: 1 / -1; }
  .yb-cv { grid-column: 1 / -1; text-align: left; }
}
.yb-utm-sw { display: flex; align-items: center; gap: 8px; font-weight: 600; margin: 0 0 8px; }
.yb-utm-t { width: 100%; border-collapse: collapse; margin-top: 8px; display: block; overflow-x: auto; }
.yb-utm-t th, .yb-utm-t td { text-align: left; padding: 4px 8px 4px 0; border-bottom: 1px solid var(--line, rgba(127,127,127,.2)); }