/* 01 Agent Marketplace: compact rows grouped by category (see boumbo-agents-compact.js). Native tokens only.
   Restyle hook: override any --mkt-* variable on :root (e.g. India's design package).
   Type follows the 01 Library "better-typography" skill: rem sizes, unitless line-height (1.4 on wrapping text),
   weight >= 400 under 18px, uppercase labels tracked 0.05em, clamp = -webkit-box + orient + overflow, full text on hover. */
:root{
  --mkt-row-h:84px; --mkt-row-pad-y:12px; --mkt-row-pad-x:12px; --mkt-row-gap:10px; --mkt-row-radius:10px;
  --mkt-icon:28px; --mkt-icon-glyph:15px;
  --mkt-cols:3; --mkt-cols-md:3; --mkt-cols-sm:2; --mkt-cols-phone:1; --mkt-grid-gap:8px;
  --mkt-name-size:0.8125rem; --mkt-name-weight:600; --mkt-name-lh:1.3;
  --mkt-desc-size:0.75rem; --mkt-desc-weight:400; --mkt-desc-lh:1.4; --mkt-desc-lines:2; --mkt-text-gap:2px;
  --mkt-name-color:var(--text-primary); --mkt-desc-color:var(--text-secondary);
  --mkt-row-bg:var(--surface-tertiary); --mkt-row-bg-hover:var(--surface-hover); --mkt-row-border:transparent;
  --mkt-pill-size:0.625rem; --mkt-pill-weight:600; --mkt-pill-track:0.05em; --mkt-pill-pad:2px 6px; --mkt-pill-radius:4px;
  --mkt-pill-bg:var(--surface-hover); --mkt-pill-color:var(--text-primary); --mkt-pill-w:40px;
  --mkt-head-size:12px; --mkt-head-weight:600; --mkt-head-color:var(--text-primary); --mkt-count-color:var(--text-secondary);
  --mkt-head-gap-top:20px; --mkt-head-gap-bottom:4px; --mkt-head-border:var(--border-light);
  --mkt-tab-pad:4px 9px; --mkt-tab-size:12.5px; --mkt-tab-gap:3px;
}
html.boumbo-mkt [role="tablist"][aria-orientation="horizontal"]{flex-wrap:nowrap!important;overflow-x:auto;justify-content:safe center;scrollbar-width:none;gap:var(--mkt-tab-gap)!important}
html.boumbo-mkt [role="tablist"][aria-orientation="horizontal"]::-webkit-scrollbar{display:none}
html.boumbo-mkt [role="tablist"][aria-orientation="horizontal"]>[role="tab"]{padding:var(--mkt-tab-pad)!important;font-size:var(--mkt-tab-size);flex-shrink:0}
html.boumbo-mkt [role="grid"].boumbo-compact{display:grid!important;grid-template-columns:repeat(var(--mkt-cols),minmax(0,1fr))!important;gap:var(--mkt-grid-gap)!important;margin:0 16px!important;align-items:stretch}
@media (max-width:1279px){html.boumbo-mkt [role="grid"].boumbo-compact{grid-template-columns:repeat(var(--mkt-cols-md),minmax(0,1fr))!important}}
@media (max-width:1023px){html.boumbo-mkt [role="grid"].boumbo-compact{grid-template-columns:repeat(var(--mkt-cols-sm),minmax(0,1fr))!important}}
@media (max-width:767px){html.boumbo-mkt [role="grid"].boumbo-compact{grid-template-columns:repeat(var(--mkt-cols-phone),minmax(0,1fr))!important}}
html.boumbo-mkt .boumbo-compact [role="gridcell"]{min-width:0}
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"]{box-sizing:border-box;height:var(--mkt-row-h)!important;padding:var(--mkt-row-pad-y) var(--mkt-row-pad-x)!important;gap:var(--mkt-row-gap)!important;border-radius:var(--mkt-row-radius)!important;border:1px solid var(--mkt-row-border);align-items:flex-start!important;background:var(--mkt-row-bg)}
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"]:hover{background:var(--mkt-row-bg-hover)}
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"]:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}
/* native full-label pill hidden; abbreviated pill (data-mkt-abbr, set by the script) pinned top-right on the name's line */
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"]>span.absolute{display:none!important}
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"][data-mkt-abbr]::after{content:attr(data-mkt-abbr);position:absolute;top:var(--mkt-row-pad-y);right:var(--mkt-row-pad-x);padding:var(--mkt-pill-pad);border-radius:var(--mkt-pill-radius);background:var(--mkt-pill-bg);color:var(--mkt-pill-color);font-size:var(--mkt-pill-size);font-weight:var(--mkt-pill-weight);letter-spacing:var(--mkt-pill-track);line-height:1.2;text-transform:uppercase;white-space:nowrap;pointer-events:none}
/* icon: fixed square, top-aligned with the name */
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"]>div:first-of-type{align-self:flex-start!important;flex:0 0 var(--mkt-icon)}
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"] img,
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"] .rounded-full,
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"] .rounded-full>*{width:var(--mkt-icon)!important;height:var(--mkt-icon)!important;min-width:var(--mkt-icon);box-shadow:none!important}
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"] svg{max-width:var(--mkt-icon-glyph);max-height:var(--mkt-icon-glyph)}
/* text column: name (1 line, room for the pill) over a 2-line clamped description */
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"]>div:last-child{flex-direction:column!important;justify-content:flex-start!important;gap:var(--mkt-text-gap);min-width:0}
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"] label{display:block!important;flex:0 0 auto!important;word-break:normal!important;padding-right:calc(var(--mkt-pill-w) + 4px);white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;-webkit-line-clamp:unset!important;font-size:var(--mkt-name-size)!important;font-weight:var(--mkt-name-weight)!important;line-height:var(--mkt-name-lh)!important;color:var(--mkt-name-color)}
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"] p{flex:0 0 auto!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:var(--mkt-desc-lines)!important;overflow:hidden!important;margin:0!important;white-space:normal!important;font-size:var(--mkt-desc-size)!important;font-weight:var(--mkt-desc-weight);line-height:var(--mkt-desc-lh)!important;color:var(--mkt-desc-color)}
html.boumbo-mkt .boumbo-compact [role="gridcell"]>[role="button"] .mt-1{display:none!important}
html.boumbo-mkt .boumbo-mkt-head{grid-column:1/-1;display:flex;align-items:baseline;gap:6px;margin:var(--mkt-head-gap-top) 0 var(--mkt-head-gap-bottom);padding-bottom:4px;border-bottom:1px solid var(--mkt-head-border);color:var(--mkt-head-color);font-size:var(--mkt-head-size);font-weight:var(--mkt-head-weight);line-height:1.3}
html.boumbo-mkt .boumbo-mkt-head:first-child{margin-top:0}
html.boumbo-mkt .boumbo-mkt-head small{font-size:calc(var(--mkt-head-size) - 1px);font-weight:500;color:var(--mkt-count-color);font-variant-numeric:tabular-nums}