body:has(.cp) { --pl-maxw:1200px; background:#f7f3ed; color:#2c2218; margin:0; font-family:var(--pl-font-body,'DM Sans',sans-serif); }
.cp { box-sizing:border-box; --cp-ink:#2c2218; --cp-muted:#706458; --cp-line:#ded6cb; width:100%; max-width:var(--pl-maxw,1200px); margin:0 auto; padding:38px 40px 24px; font:15px/1.55 var(--pl-font-body,'DM Sans',sans-serif); color:var(--cp-ink); }
.cp * { box-sizing:border-box; }
.cp [hidden] { display:none!important; }
.cp a { color:inherit; text-decoration:none; }
.cp a:hover { text-decoration:underline; text-underline-offset:4px; }
.cp :is(a,select,button,summary,input):focus-visible { outline:3px solid var(--cp-accent); outline-offset:4px; }
.cp :is(h1,h2,h3,p) { margin:0; }
.cp :is(h1,h2,h3) { font-family:var(--pl-font-display,'Fraunces',Georgia,serif); font-weight:700; letter-spacing:-.025em; }
.cp h1 { font-size:clamp(28px,3.4vw,43px); line-height:1.15; margin:8px 0; }
.cp h2 { font-size:24px; line-height:1.2; }
.cp h3 { font-size:22px; line-height:1.3; }
.cp-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:28px; }
.cp-eyebrow { font-size:12px; font-weight:700; letter-spacing:.01em; }
.cp-controls { display:flex; align-items:flex-end; flex-direction:column; gap:8px; }
.cp-back,.cp-action { font-size:12px; white-space:nowrap; }
.cp-section-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:14px; }
.cp-section-head>a { font-size:12px; font-weight:600; }
.cp-period { display:flex; align-items:center; gap:12px; color:var(--cp-muted); font-size:12px; }
.cp :is(select,input[type=date]) { border:1px solid var(--cp-line); background:#fff; border-radius:6px; font:500 13px var(--pl-font-body,'DM Sans',sans-serif); padding:10px 12px; color:var(--cp-ink); max-width:205px; min-width:0; }
.cp select { padding-right:24px; }
.cp-custom { display:flex; align-items:end; justify-content:flex-end; flex-wrap:wrap; gap:14px; margin:0 0 24px; }
.cp-custom label { display:flex; flex-direction:column; gap:5px; color:var(--cp-muted); font-size:12px; }
.cp-custom .cp-note { flex-basis:100%; text-align:right; }
.cp-custom button,.cp-retry { border:1px solid var(--cp-line); padding:10px 16px; border-radius:5px; background:white; cursor:pointer; font:600 13px var(--pl-font-body,'DM Sans',sans-serif); }
.cp-custom button { background:var(--cp-ink); color:#fff; }
.cp-validation { color:#8b3030; font-size:13px; margin-bottom:18px!important; }
.cp-date,.cp-note { font-size:12px; color:var(--cp-muted); line-height:1.7; }
.cp-date { text-align:right; }
.cp-loading,.cp-unavailable { padding:28px; background:#eee8df; border:1px solid var(--cp-line); border-radius:12px; min-height:160px; display:flex; justify-content:center; flex-direction:column; gap:12px; }
.cp-unavailable p { max-width:640px; }
.cp-retry { align-self:flex-start; }
.cp-summary-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:20px; }
.cp-sales { border-radius:12px; background:#2c2218; color:#fff9ef; padding:28px 32px; display:flex; flex-direction:column; justify-content:space-between; min-height:260px; position:relative; overflow:hidden; }
.cp-sales:before { content:''; position:absolute; left:0; top:0; bottom:0; width:5px; background:var(--cp-accent); }
.cp-sales .cp-eyebrow { color:#d6cbb9; }
.cp-sales-value { font-family:var(--pl-font-display,'Fraunces',Georgia,serif); font-size:clamp(42px,5.5vw,65px); line-height:1.15; letter-spacing:-.04em; margin:8px 0!important; }
.cp-sales-note { font-size:12px; color:#d6cbb9; max-width:360px; }
.cp-stats { display:flex; gap:28px; border-top:1px solid #655647; margin-top:20px; padding-top:15px; }
.cp-stats strong { display:block; font:500 26px var(--pl-font-display,'Fraunces',Georgia,serif); }
.cp-stats span { font-size:12px; color:#d6cbb9; }
.cp-spotlight { background:#fff; border:1px solid var(--cp-line); border-radius:12px; padding:24px; display:grid; grid-template-columns:120px 1fr; gap:22px; align-items:center; }
.cp-spotlight img { width:120px; height:204px; object-fit:contain; }
.cp-spotlight .cp-eyebrow { color:var(--cp-accent); margin-bottom:12px; }
.cp-spotlight h3 { margin-bottom:13px; }
.cp-spotlight-link { color:inherit; text-decoration:none; }
.cp-spotlight-link:hover { text-decoration:none; border-color:var(--cp-accent); }
.cp-spotlight-link:hover h3 { text-decoration:underline; text-underline-offset:4px; }
.cp-spotlight p { font-size:13px; color:var(--cp-muted); }
.cp-product-placeholder { display:flex; align-items:center; justify-content:center; border-radius:8px; background:#f3eee7; font-family:var(--pl-font-display,'Fraunces',Georgia,serif); color:var(--cp-muted); height:160px; font-size:30px; }
.cp-signals { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:18px 0 24px; }
.cp-signal { display:flex; gap:12px; align-items:center; }
.cp-signal-number { font:500 27px/1.2 var(--pl-font-display,'Fraunces',Georgia,serif); color:var(--cp-accent); }
.cp-signal p { font-size:12px; line-height:1.5; }
.cp-signal strong { font-weight:500; }
.cp-explore-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); gap:20px; margin:24px 0; }
.cp-timeline,.cp-map { min-width:0; background:#fff; border:1px solid var(--cp-line); border-radius:10px; padding:24px; }
.cp-map-link { display:block; }
.cp-timeline-chart { margin-top:12px; }
.cp-daily { font-size:12px; color:var(--cp-muted); margin-top:16px; }
.cp-daily summary { cursor:pointer; }
.cp-daily table { margin-top:15px; }
.cp-map .cp-section-head { margin-bottom:8px; }
.cp-map svg { width:100%; display:block; max-height:245px; margin:10px 0; }
.cp-map path { stroke:#fff; stroke-width:1.2; vector-effect:non-scaling-stroke; }
.cp-map-link:hover path { stroke:var(--cp-muted); }
.cp-map-caption { font-size:12px; color:var(--cp-muted); }
.cp-state-leaders { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.cp-state-leaders strong { color:var(--cp-ink); margin-right:5px; }
.cp-panel { background:#fff; padding:24px; border:1px solid var(--cp-line); border-radius:10px; margin:24px 0; }
.cp-inline-stats { display:flex; gap:48px; margin:18px 0; }
.cp-inline-stats strong { font:500 34px var(--pl-font-display,'Fraunces',Georgia,serif); display:block; }
.cp-inline-stats span { font-size:12px; color:var(--cp-muted); }
.cp-table-wrap { overflow:auto; margin:20px 0; }
.cp-table { width:100%; border-collapse:collapse; font-size:13px; }
.cp-table th { font-size:12px; font-weight:600; text-align:left; color:var(--cp-muted); padding:12px 10px; border-bottom:1px solid var(--cp-line); }
.cp-table td { padding:13px 10px; border-bottom:1px solid #eee9e1; }
.cp-table td:not(:first-child),.cp-table th:not(:first-child) { text-align:right; white-space:nowrap; }
.cp-table small { display:block; color:var(--cp-muted); font-size:12px; }
.cp-inventory { margin:28px 0; border:1px solid var(--cp-line); border-radius:10px; background:#fff; padding:24px; }
.cp-sources { margin:28px 0; color:var(--cp-muted); font-size:12px; }
.cp-sources summary { cursor:pointer; font-weight:600; }
.cp-sources p { margin:10px 0; }
.cp-footer { border-top:1px solid var(--cp-line); margin-top:32px; padding-top:20px; color:var(--cp-muted); font-size:12px; }
.cp .pl-pi { border:none; padding:0; box-shadow:none; }
.cp .pl-pi-head { padding-top:0; }
.cp .pl-pi-title { font-size:24px; }
.cp .pl-pi-meta,.cp .pl-pi-periods,.cp .pl-pi-tiles { display:none; }
.cp .pl-pi-foot { font-size:12px; }
.cp .pl-pi-table { font-size:12px; }
@media(max-width:900px) {
  .cp { padding:30px 24px; }
  .cp-summary-grid { grid-template-columns:1.1fr 1fr; }
  .cp-spotlight { grid-template-columns:75px 1fr; gap:16px; padding:20px; }
  .cp-spotlight img { width:75px; height:175px; }
  .cp-stats { gap:18px; }
}
@media(max-width:640px) {
  .cp { padding:24px 18px 20px; }
  .cp-heading { align-items:flex-start; gap:15px; margin-bottom:24px; }
  .cp h1 { font-size:29px; }
  .cp-heading>div:first-child { min-width:0; }
  .cp-controls { flex-shrink:0; max-width:145px; }
  .cp-period { flex-direction:column; align-items:flex-end; gap:5px; }
  .cp select { font-size:12px; padding:8px; max-width:145px; }
  .cp-custom { justify-content:flex-start; gap:10px; }
  .cp-custom input { max-width:150px; }
  .cp-custom .cp-note { text-align:left; }
  .cp-summary-grid { grid-template-columns:1fr; }
  .cp-sales { padding:25px; min-height:250px; }
  .cp-sales-value { font-size:56px; }
  .cp-stats { justify-content:space-between; gap:14px; }
  .cp-spotlight { grid-template-columns:80px 1fr; }
  .cp-spotlight img { width:80px; height:125px; }
  .cp-store>.cp-section-head { display:block; }
  .cp-date { text-align:left; margin-top:8px!important; }
  .cp-section-head { align-items:flex-start; }
  .cp h2 { font-size:22px; }
  .cp-signals { grid-template-columns:1fr; gap:12px; }
  .cp-inline-stats { gap:24px; flex-wrap:wrap; }
  .cp-inline-stats strong { font-size:29px; }
  .cp-panel,.cp-timeline,.cp-map { padding:20px 16px; }
  .cp-inventory { padding:20px 12px; }
  .cp .pl-pi-title { font-size:22px; }
  .cp-section-head>a { max-width:140px; text-align:right; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .cp * { animation:none!important; transition:none!important; } }

.cp-posts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:18px; }
.cp-post { border:1px solid var(--cp-line); border-radius:8px; overflow:hidden; min-width:0; }
.cp-post-image { aspect-ratio:4/3; background:#eee8df; display:flex; align-items:center; justify-content:center; color:var(--cp-muted); overflow:hidden; }
.cp-post-image > span { padding:1.5rem; text-align:center; }
.cp-post-image img { width:100%; height:100%; object-fit:cover; }
.cp-post-body { padding:18px; }
.cp-post-caption { font-size:13px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:12px 0!important; min-height:62px; }
.cp-post-actions { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-top:18px; font-size:12px; }
.cp .cp-promote { background:var(--cp-accent); color:white; padding:9px 12px; border-radius:5px; font-weight:600; }
.cp-posts-unavailable { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; }
@media(max-width:760px) { .cp-posts { grid-template-columns:1fr; } }

.cp-campaign-controls {display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.cp input[type=month] {font:inherit;color:inherit;background:#fff;border:1px solid var(--cp-line);border-radius:6px;padding:8px 12px}
.cp-campaign-source {margin-bottom:16px!important}
.cp-campaign-bars {display:grid;gap:16px;margin:24px 0}
.cp-campaign-bar>div {display:flex;justify-content:space-between;gap:16px;font-size:13px;margin-bottom:6px}
.cp-campaign-bar strong {white-space:nowrap}
.cp-campaign-bar meter {width:100%;height:10px;display:block;appearance:none;border:0;border-radius:5px;background:#eee8df}
.cp-campaign-bar meter::-webkit-meter-bar {background:#eee8df;border:0;border-radius:5px}
.cp-campaign-bar meter::-webkit-meter-optimum-value {background:var(--cp-accent);border-radius:5px}
.cp-campaign-bar meter::-moz-meter-bar {background:var(--cp-accent);border-radius:5px}
.cp-budget {border-top:1px solid var(--cp-line);margin:22px 0 12px;padding-top:18px}
.cp-budget-values {display:flex;flex-wrap:wrap;gap:28px;margin-bottom:12px}
.cp-budget-values strong,.cp-budget-values span {display:block}
.cp-budget-values strong {font:500 26px var(--pl-font-display,'Fraunces',Georgia,serif)}
.cp-budget-values span {font-size:12px;color:var(--cp-muted)}
.cp[data-workspace=customers] .cp-explore-grid { grid-template-columns:1fr; }
.cp[data-workspace=customers] #cp-map-svg { max-height:430px; }
.cp[data-workspace=customers] #cp-market-details { margin-top:24px; }

.cp-workspace-description { max-width:720px; color:var(--cp-muted); margin-bottom:28px!important; }
.ci-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.ci-summary strong{display:block;font:500 30px var(--pl-font-display,'Fraunces',Georgia,serif)}.ci-summary span{font-size:12px;color:var(--cp-muted)}.ci-controls{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.ci-controls label{font-size:12px;display:flex;align-items:center;gap:10px}.ci-row{display:grid;grid-template-columns:minmax(160px,2fr) 3fr 60px;gap:18px;align-items:center;margin:18px 0;font-size:13px}.ci-label{overflow-wrap:anywhere}.ci-bar-track{height:16px;background:#eee7dd;border-radius:4px;overflow:hidden}.ci-bar{height:100%;background:var(--cp-accent,#785423);border-radius:4px}.ci-row strong{text-align:right}.ci-next{padding:20px;background:#f3eee5;border-radius:8px;margin:24px 0}.ci-next p{margin-top:10px}.ci details{margin-top:24px}.ci summary{cursor:pointer;font-size:13px}@media(max-width:600px){.ci-summary{grid-template-columns:repeat(2,1fr)}.ci-row{grid-template-columns:minmax(120px,2fr) 2fr 40px;gap:10px}.ci-controls label{flex-direction:column;align-items:start}}

.cp-asset-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.cp-asset-preview{display:grid;gap:8px;color:inherit;text-decoration:none;font-size:13px}.cp-asset-preview img{width:100%;height:160px;object-fit:contain;background:#ece8df;border-radius:8px}.cp-asset-preview span{font-size:12px;color:#6d655a}

.cp-workspace-description { margin-top:-12px!important; }
.cp-signal .cp-action { margin-left:auto; text-align:right; }
.cp-inline-stats .cp-roas strong { color:#357b6d; }
.cp-campaigns .cp-inline-stats { flex-wrap:wrap; gap:24px 40px; }
.ci-summary { grid-template-columns:repeat(5,minmax(0,1fr)); padding:20px 0; border-block:1px solid var(--cp-line); }
.ci-summary strong { font-size:28px; }
.ci-summary>div:last-child strong { color:#357b6d; }
.ci-freshness { display:inline-block; padding:5px 9px; margin-top:10px!important; background:#edf3ef; color:#3f6759; border-radius:5px; font-size:12px; }
.ci-freshness.ci-historical { background:#f8ecd9; color:#8a5a24; }
.ci-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:22px; }
/* Keep card badges above a complete native ad screenshot. */
#ci-cards .r-thumb { padding-top:34px; }
.ci-card { min-width:0; border:1px solid var(--cp-line); border-radius:9px; overflow:hidden; display:flex; flex-direction:column; }
.ci-card-image { aspect-ratio:4/3; background:#f1ede6; display:flex; align-items:center; justify-content:center; padding:12px; color:var(--cp-muted); font-size:12px; }
.ci-card-image img { width:100%; height:100%; object-fit:contain; }
.ci { scroll-margin-top:72px; }
.ci-card-no-image { aspect-ratio:auto; min-height:48px; background:#edf3ef; color:#3f6759; text-align:center; }
.ci-card-headline { font-weight:600; margin-top:16px!important; font-size:14px; }
.ci-card-copy { font-size:12px; line-height:1.65; margin-top:10px!important; color:var(--cp-muted); }
.ci-card-body { padding:20px; display:flex; flex-direction:column; flex:1; }
.ci-card h3 { font-size:23px; margin:8px 0!important; }
.ci-card .cp-note { font-size:12px; }
.ci-card-metrics { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:20px 0; }
.ci-card-metrics dt { font-size:12px; color:var(--cp-muted); }
.ci-card-metrics dd { margin:3px 0 0; font:500 25px var(--pl-font-display,'Fraunces',Georgia,serif); color:#357b6d; }
.ci-card:nth-child(2) .ci-card-metrics dd { color:var(--cp-accent); }
.ci-card:nth-child(3) .ci-card-metrics dd { color:#856381; }
.ci-card-spend { padding-block:12px; border-top:1px solid var(--cp-line); font-size:12px; }
.ci-card-takeaway { background:#f5f1e9; padding:12px; border-radius:5px; margin-top:auto!important; font-size:12px; line-height:1.6; }
@media(max-width:900px) { .ci-summary { grid-template-columns:repeat(3,minmax(0,1fr)); } .ci-cards { grid-template-columns:1fr 1fr; } }
@media(max-width:640px) { .ci-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .ci-cards { grid-template-columns:1fr; } .ci-card-image { max-height:280px; } .cp-signal { flex-wrap:wrap; } }

.ci-summary>div:first-child strong { color:var(--pl-sage,#5A7A4E); font-size:40px; }
.ci-summary>div:last-child strong { color:var(--cp-ink); }
.cp-map svg text { fill:var(--cp-ink); font:12px var(--pl-font-mono); text-anchor:middle; pointer-events:none; paint-order:stroke; stroke:#fff; stroke-width:2px; }
.cp[data-workspace=overview] .cp-map svg text { display:none; }
.cp[data-workspace=customers] #cp-map-svg { max-height:none; aspect-ratio:640/370; background:var(--pl-light); border-radius:var(--pl-r-md); touch-action:none; }
.cp-market-controls { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.cp-map path[role=button] { cursor:pointer; }
.cp-map path.cp-state-selected,.cp-map path:focus-visible { stroke:var(--cp-ink); stroke-width:2px; outline:none; }
.cp-map .cp-inline-stats { flex-wrap:wrap; gap:20px 40px; padding-block:16px; border-block:1px solid var(--cp-line); }
.cp-market-controls .cp-period { flex-direction:row; align-items:center; }
.cp-table button { background:none; border:none; padding:0; font:inherit; text-align:left; color:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.cp-table th[scope=row] { font-size:13px; color:var(--cp-ink); }
.cp .cp-product-mix { min-width:0; }
.cp-workspace-description { color:var(--cp-muted); max-width:720px; margin:-12px 0 26px!important; }
.cp-shopify-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:22px 0 30px; }
.cp-shopify-kpis>div { border-left:3px solid var(--cp-accent); background:var(--pl-light); padding:18px; }
.cp-shopify-kpis strong { display:block; font:500 34px var(--pl-font-display); }
.cp-shopify-kpis span { display:block; font-size:13px; font-weight:600; }
.cp-shopify-kpis small { display:block; color:var(--cp-muted); font-size:12px; line-height:1.5; margin-top:8px; }
.cp-channel-legend { display:flex; gap:18px; flex-wrap:wrap; margin:18px 0; font-size:12px; color:var(--cp-muted); }
.cp-channel-legend span { display:flex; align-items:center; gap:6px; }
.cp-channel-legend i { display:block; width:8px; height:8px; border-radius:50%; }
.cp-channel-row { margin:16px 0; }
.cp-channel-row svg { display:block; width:100%; height:28px; overflow:visible; }
.cp-channel-row rect { cursor:pointer; }
.cp-channel-row rect:focus-visible { outline:2px solid var(--cp-ink); outline-offset:2px; }
.cp-channel-label { display:flex; gap:16px; justify-content:space-between; font-size:13px; }
.cp-channel-label strong { font-family:var(--pl-font-mono); font-size:12px; }
.cp-insight-definitions { margin-top:24px; font-size:12px; color:var(--cp-muted); line-height:1.7; }
.cp-insight-definitions summary { cursor:pointer; font-weight:600; }
.cp-insight-definitions p { margin-top:10px; }
@media(max-width:640px) { .cp-shopify-kpis { grid-template-columns:1fr; gap:10px; } .cp-shopify-kpis>div { display:grid; grid-template-columns:84px 1fr; gap:0 12px; padding:14px; } .cp-shopify-kpis strong { grid-row:span 2; font-size:28px; } .cp-shopify-kpis small { margin-top:4px; } }


/* SKU thumbnails in ranked product tables (direct store and kybourbondirect.com). */
.cp-sku { display:flex; align-items:center; gap:12px; }
.cp-sku img { width:40px; height:56px; object-fit:contain; flex:none; }
.cp-sku .cp-product-placeholder { width:40px; height:56px; font-size:14px; flex:none; }
.cp-sku-table th[scope=row] { font-size:14px; }
.cp-ranked summary { font-size:14px; font-weight:600; cursor:pointer; margin-top:16px; }
#cp-marketplace .cp-summary-grid { margin-top:6px; }
/* Go deeper (hub): link cards, Meta delivery vs peers, what's next. */
.hx-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.hx-card { display:flex; flex-direction:column; gap:6px; padding:18px; border:1px solid var(--cp-line,#e8e2d8); border-radius:10px; background:#fbf9f5; color:#2c2218; text-decoration:none; min-height:100%; }
.hx-card:hover, .hx-card:focus-visible { border-color:#9a7730; background:#fff; }
.hx-kicker { font-size:13px; color:#706458; }
.hx-card strong { font-size:18px; line-height:1.3; font-weight:600; }
.hx-body { font-size:14px; line-height:1.5; color:#5f5346; }
.hx-go { margin-top:auto; padding-top:6px; font-size:14px; font-weight:600; color:#7c5f24; }
.hx-two { display:grid; grid-template-columns:1.35fr 1fr; gap:18px; margin-top:22px; }
.hx-bench, .hx-next { border:1px solid var(--cp-line,#e8e2d8); border-radius:10px; padding:20px 22px; background:#fff; }
.hx-bench-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.hx-bench h3, .hx-next h3 { font-size:18px; margin:0 0 4px; }
.hx-sub { font-size:14px; color:#706458; margin:0; }
.hx-cohort { font-size:13px; color:#706458; border:1px solid var(--cp-line,#e8e2d8); border-radius:20px; padding:4px 12px; white-space:nowrap; }
.hx-bench-rows { display:flex; flex-direction:column; gap:18px; }
.hx-row { display:grid; grid-template-columns:170px 1fr; gap:18px; align-items:start; }
.hx-row-label { font-size:15px; font-weight:600; }
.hx-row-you { font-size:14px; color:#706458; margin-top:2px; }
.hx-track { position:relative; height:24px; }
.hx-band { position:absolute; top:7px; height:10px; background:#f1e8d2; border:1px solid #e3d6b8; border-radius:6px; }
.hx-median { position:absolute; top:2px; width:2px; height:20px; background:#9a7730; border-radius:2px; }
.hx-you { position:absolute; top:4px; width:16px; height:16px; border-radius:50%; border:3px solid #fff; transform:translateX(-50%); box-shadow:0 1px 4px rgba(44,34,24,.3); background:#9a7730; }
.hx-you.good { background:#5a7a4e; } .hx-you.warn { background:#a0652a; }
.hx-scale { display:flex; justify-content:space-between; font-size:12px; color:#706458; margin-top:4px; }
.hx-verdict { font-size:14px; font-weight:600; margin-top:6px; }
.hx-verdict.good { color:#48633e; } .hx-verdict.warn { color:#8a5422; } .hx-verdict.mid { color:#706458; }
.hx-foot { font-size:13px; color:#706458; line-height:1.55; margin:18px 0 0; padding-top:12px; border-top:1px solid var(--cp-line,#e8e2d8); }
.hx-next ol { margin:8px 0 18px; padding-left:20px; font-size:15px; line-height:1.55; }
.hx-next ol li+li { margin-top:8px; }
.hx-next ul { list-style:none; margin:8px 0 0; padding:0; display:grid; gap:10px; }
.hx-next ul li { font-size:14px; line-height:1.5; color:#5f5346; }
.hx-next ul strong { display:block; color:#2c2218; font-size:15px; }
@media (max-width:860px) { .hx-two { grid-template-columns:1fr; } .hx-row { grid-template-columns:1fr; gap:6px; } }

/* Bronze commerce: let the trend, product mix and stock carry the story. */
.cp[data-workspace=overview] { padding-top:28px; }
.cp[data-workspace=overview] .cp-heading { margin-bottom:18px; }
.cp[data-workspace=overview] .cp-workspace-description { margin-bottom:14px!important; font-size:13px; }
.cp[data-workspace=overview] .cp-sales { min-height:205px; padding:22px 26px; }
.cp[data-workspace=overview] .cp-sales-value { font-size:54px; }
.cp[data-workspace=overview] .cp-sales-note { font-size:11px; }
.cp-comparison { font-size:12px; color:#e8dccb; margin:0 0 8px!important; }
.cp-comparison[data-direction=up] { color:#bfe2b6; }
.cp-comparison[data-direction=down] { color:#ffc7b8; }
.cp[data-workspace=overview] .cp-stats { margin-top:12px; padding-top:12px; }
.cp[data-workspace=overview] .cp-spotlight { padding:18px 22px; gap:16px; grid-template-columns:95px 1fr; }
.cp[data-workspace=overview] .cp-spotlight img { width:95px; height:160px; }
.cp[data-workspace=overview] .cp-spotlight h3 { font-size:21px; }
.cp[data-workspace=overview] .cp-signals { margin:12px 0 18px; gap:18px; }
.cp[data-workspace=overview] .cp-signal-number { font-size:24px; }
.cp[data-workspace=overview] .cp-explore-grid { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); margin:18px 0; gap:18px; }
.cp[data-workspace=overview] .cp-timeline,.cp[data-workspace=overview] .cp-map { padding:20px; }
.cp[data-workspace=overview] .cp-map svg { max-height:205px; }
.cp-priorities { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:26px; padding:22px; margin:18px 0; }
.cp-priorities h2 { font-size:23px; }
.cp-priorities .cp-section-head { gap:10px; }
.cp-priorities .cp-action { font-size:11px; }
.cp-stock-priorities { padding-left:24px; border-left:1px solid var(--cp-line); min-width:0; }
.cp-rank-list { display:grid; }
.cp-rank-row { display:grid; grid-template-columns:16px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 0; border-top:1px solid #eee9e1; }
.cp-rank-row img,.cp-rank-row .cp-product-placeholder { width:38px; height:48px; object-fit:contain; font-size:14px; }
.cp-rank-number { color:var(--cp-muted); font-size:12px; }
.cp-rank-name { min-width:0; }
.cp-rank-name strong { display:block; font-size:12px; font-weight:600; line-height:1.4; overflow-wrap:anywhere; }
.cp-rank-name small { display:block; font-size:10px; color:var(--cp-muted); margin:3px 0 5px; }
.cp-rank-value { font-size:13px; font-variant-numeric:tabular-nums; }
.cp-rank-name meter { display:block; width:100%; height:6px; appearance:none; border:0; background:#eee9e1; border-radius:3px; }
.cp-rank-name meter::-webkit-meter-bar { background:#eee9e1; border:0; border-radius:3px; }
.cp-rank-name meter::-webkit-meter-optimum-value { background:var(--cp-accent); border-radius:3px; }
.cp-rank-name meter::-moz-meter-bar { background:var(--cp-accent); border-radius:3px; }
.cp-stock-row { display:grid; grid-template-columns:40px minmax(0,1fr); gap:12px; align-items:center; border-top:1px solid #eee9e1; padding:12px 0; }
.cp-stock-row img,.cp-stock-row>.cp-product-placeholder { width:40px; height:54px; object-fit:contain; font-size:14px; }
.cp-stock-copy { min-width:0; overflow-wrap:anywhere; }
.cp-stock-row strong,.cp-stock-clear strong { display:block; font-size:12px; line-height:1.5; }
.cp-stock-copy>span { display:block; font-size:12px; color:#89552e; margin-top:3px; }
.cp-stock-clear { padding:16px 0; }
.cp-stock-clear span { display:block; color:var(--cp-muted); font-size:12px; }
.cp-customer-link { display:block; margin-top:18px; padding:14px 0 0; border-top:1px solid var(--cp-line); }
.cp-customer-link strong { display:block; font-size:13px; }
.cp-customer-link span { display:block; font-size:11px; color:var(--cp-muted); margin-top:4px; }
@media(max-width:760px) {
 .cp[data-workspace=overview] .cp-explore-grid,.cp-priorities { grid-template-columns:1fr; }
 .cp-stock-priorities { border-left:0; border-top:1px solid var(--cp-line); padding:20px 0 0; }
 .cp-priorities { gap:18px; padding:20px 16px; }
}
@media(max-width:640px) {
 .cp[data-workspace=overview] .cp-heading { flex-wrap:wrap; gap:10px; }
 .cp[data-workspace=overview] .cp-controls { max-width:none; align-items:flex-start; }
 .cp[data-workspace=overview] .cp-period { flex-direction:row; align-items:center; gap:10px; }
 .cp[data-workspace=overview] .cp-sales { min-height:200px; padding:20px; }
 .cp[data-workspace=overview] .cp-sales-value { font-size:48px; }
 .cp[data-workspace=overview] .cp-spotlight { grid-template-columns:64px 1fr; padding:16px; }
 .cp[data-workspace=overview] .cp-spotlight img { width:64px; height:95px; }
 .cp[data-workspace=overview] .cp-spotlight .cp-eyebrow { margin-bottom:5px; }
 .cp[data-workspace=overview] .cp-spotlight h3 { font-size:19px; margin-bottom:7px; }
 .cp[data-workspace=overview] .cp-spotlight p { font-size:11px; }
 .cp[data-workspace=overview] .cp-signals { grid-template-columns:1fr 1fr; gap:12px; }
 .cp[data-workspace=overview] .cp-signal { align-items:flex-start; gap:8px; }
 .cp[data-workspace=overview] .cp-signal p { font-size:10px; }
 .cp[data-workspace=overview] .cp-signal-number { font-size:21px; }
 .cp-rank-row { grid-template-columns:14px minmax(0,1fr) auto; gap:8px; }
 .cp-rank-row img { width:32px; }
}

/* Preserve readable platform names in the KBD base without changing Social layouts. */
.cp[data-baseline="true"] :is(.rank-label,.post-platform,.r-promoted,.r-timebound){text-transform:none;letter-spacing:normal}

/* Keep inventory controls and the first stock rows close to the mobile header. */
@media(max-width:600px){
 .cp[data-workspace=inventory] .cp-heading{margin-bottom:14px;gap:12px}
 .cp[data-workspace=inventory] .cp-heading h1{font-size:28px}
 .cp[data-workspace=inventory] .cp-workspace-description{font-size:13px;margin-bottom:14px!important}
}

.cp-source-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:14px 0; }
.cp-source-controls .cp-note { flex:1; min-width:180px; margin:0; overflow-wrap:anywhere; }