/* rb-data: the Poshmark data pages (/poshmark-data/, the brand and category reports, and the
   brand_index / category_index layouts). Built only on rb.css tokens and components; loaded by
   those layouts through pageStyles (with rb-legal.css for the rb/toc list). Markup:
   src/_includes/rb-data/*. No chart library: bars are plain elements sized from src/_data. */

/* Shared: leaderboard card (the homepage "Top on eBay" look, static, with links and a meta line) */
.rb-dx-lb{font-size:var(--fs-sm)}
.rb-dx-lb .rb-card__head a,.rb-dx-more{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:600;color:var(--ink-2);text-decoration:none}
.rb-dx-lb .rb-card__head a:hover,.rb-dx-more:hover{color:var(--ink)}
.rb-dx-lb .rb-card__title{margin:0;font-size:15px;font-weight:800;letter-spacing:-.015em;color:var(--ink)}
.rb-dx-lb__list{padding-block:6px}
.rb-dx-lb__list li{display:grid;grid-template-columns:22px minmax(0,13em) minmax(0,1fr) 6.2em;align-items:center;gap:14px;padding:11px 20px;font-size:15px}
.rb-dx-lb__list li+li{border-top:1px solid var(--line-2)}
.rb-dx-lb__n{font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}
.rb-dx-lb__name{display:grid;min-width:0;font-weight:700;line-height:1.35}
.rb-dx-lb__name>a,.rb-dx-lb__name>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rb-dx-lb .rb-dx-lb__name a{font-weight:700;color:inherit;text-decoration:none}
.rb-dx-lb .rb-dx-lb__name a:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.rb-dx-lb__name small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-xs);font-weight:500;color:var(--ink-3)}
.rb-dx-lb__bar,.rb-dx-v__bar{height:10px;border-radius:999px;background:var(--bg)}
.rb-dx-lb__bar i,.rb-dx-v__bar i{display:block;height:100%;min-width:6px;border-radius:inherit;background:var(--ink)}
.rb-dx-lb__list li>b{text-align:right;font-weight:800;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
.rb-dx-lb__list li>b small{display:block;font-size:var(--fs-2xs);font-weight:500;letter-spacing:0;color:var(--ink-3)}
.rb-dx-lb__cap{display:flex;justify-content:space-between;gap:12px;padding:10px 20px;border-top:1px solid var(--line-2);font-size:var(--fs-2xs);color:var(--ink-3)}
.rb-dx-lb--note .rb-dx-lb__list li{grid-template-columns:22px minmax(0,13em) minmax(0,1fr) 8.6em}
.rb-dx-lb__list .is-current{background:var(--tint)}
.rb-dx-lb__list .is-current .rb-dx-lb__bar i{background:var(--green)}

/* Shared: numbers that need a revenue bar inside a table cell */
.rb-dx-v{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.rb-dx-v__bar{flex:none;width:56px;height:6px}
.rb-dx-v>span:last-child{min-width:6.6em;text-align:right}
.rb-table .is-current>*{background:var(--green-2)}
.rb-table .is-current td:first-child{box-shadow:inset 3px 0 0 var(--green)}
.rb-table .is-current .rb-dx-v__bar i{background:var(--green)}
.rb-dx-you{margin-left:8px;vertical-align:1px}

/* Hub (/poshmark-data/) */
.rb-dx-hero .rb-hero__grid{align-items:center}
.rb-dx-hero .rb-crumbs ol{margin-bottom:24px}
.rb-dx-h1{max-width:15ch;font-size:clamp(40px,5.2vw,68px);line-height:1.02;letter-spacing:-.047em}
.rb-dx-hero .rb-hero__lede{margin-top:24px}
.rb-dx-hero .rb-ctas{margin-top:32px}
.rb-dx-cover{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.rb-dx-cover li{display:inline-flex;align-items:baseline;gap:5px;height:32px;padding:0 12px;border-radius:999px;background:var(--paper);box-shadow:var(--sh1);font-size:var(--fs-xs);line-height:32px;color:var(--ink-3)}
.rb-dx-cover b{font-weight:800;color:var(--ink)}
.rb-dx-snap{overflow:hidden}
.rb-dx-snap__big{padding:24px 24px 22px;border-bottom:1px solid var(--line)}
.rb-dx-snap__big b{display:block;font-size:clamp(40px,4.2vw,56px);font-weight:800;letter-spacing:-.05em;line-height:1.02;font-variant-numeric:tabular-nums}
.rb-dx-snap__big span{display:block;margin-top:8px;font-size:var(--fs-sm);color:var(--ink-3)}
.rb-dx-snap dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:14px 24px}
.rb-dx-snap dl>div+div{border-top:1px solid var(--line-2)}
.rb-dx-snap dt{grid-column:1/-1;font-size:var(--fs-2xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.rb-dx-snap dd{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;letter-spacing:-.01em}
.rb-dx-snap dd a{text-decoration:none}
.rb-dx-snap dd a:hover{text-decoration:underline;text-underline-offset:3px}
.rb-dx-snap dd+dd{font-weight:800;font-variant-numeric:tabular-nums}
.rb-dx-kpis{margin-top:clamp(40px,5vw,64px)}
.rb-dx-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);align-items:start}
.rb-dx-well{background:var(--well)}
.rb-dx-read{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 32px}
.rb-dx-read>div{padding-top:24px;border-top:1px solid var(--line)}
.rb-dx-read .rb-eyebrow__ic{margin-bottom:20px}
.rb-dx-read h3{font-size:var(--fs-h3);letter-spacing:-.025em;line-height:1.3}
.rb-dx-read p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.rb-dx-index .rb-card__head{padding-block:18px}
.rb-dx-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:10px 20px 14px}
.rb-dx-links a,.rb-prose .rb-dx-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);text-decoration:none}
.rb-dx-links a span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rb-dx-links a .rb-icon{color:var(--ink-4);transition:transform .2s var(--ease),color .2s}
.rb-dx-links a:hover{color:var(--ink)}
.rb-dx-links a:hover .rb-icon{color:var(--ink);transform:translateX(2px)}

/* Brand and category reports */
.rb-dx-report{padding-bottom:var(--section)}
.rb-dx-head .rb-ph__meta{margin-left:0;clip-path:none}
.rb-dx-head .rb-ph__meta>:first-child::before{content:none}
.rb-dx-head .rb-ph__h1{max-width:22ch}
.rb-dx-head .rb-ph__meta .rb-chip,.rb-dx-head .rb-ph__meta .rb-tag,.rb-dx-head .rb-ph__meta .rb-flag{vertical-align:1px}
.rb-dx-grid{display:grid;grid-template-columns:minmax(0,1fr) 256px;gap:56px;align-items:start}
.rb-dx-main{min-width:0;font-size:17px}
.rb-dx-main>:is(p,ul,ol,h3){max-width:var(--measure)}
.rb-dx-main>h2:where(:not([class])){margin-top:2em}
.rb-dx-main>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.rb-dx-rail{position:sticky;top:calc(var(--hdr) + 32px);display:grid;gap:32px}
.rb-dx-rail .rb-toc ol{counter-reset:none}
.rb-dx-act{display:grid;gap:10px}
.rb-dx-act .rb-toc__k{margin-bottom:0}
.rb-dx-act a:not(.rb-btn){display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:600;line-height:1.4;color:var(--ink-2);text-decoration:none}
.rb-dx-act a:not(.rb-btn):hover{color:var(--ink)}
.rb-dx-act a .rb-icon{flex:none;color:var(--ink-4)}
.rb-dx-act .rb-btn{margin-top:6px;justify-self:start}

/* Quick read (signals) */
.rb-dx-sig{overflow:hidden;border-radius:var(--r3);background:var(--paper);box-shadow:var(--sh1)}
.rb-dx-sig__k{padding:12px 20px;border-bottom:1px solid var(--line);background:var(--tint);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.rb-dx-sig dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 -1px -1px 0}
.rb-dx-sig dl>div{display:grid;align-content:start;gap:3px;padding:18px 20px;box-shadow:inset -1px -1px 0 var(--line-2)}
.rb-dx-sig dt{font-size:var(--fs-xs);font-weight:500;color:var(--ink-3)}
.rb-dx-sig dd{font-size:19px;font-weight:800;letter-spacing:-.025em;line-height:1.3;color:var(--ink)}
.rb-dx-sig dd small{display:block;margin-top:4px;font-size:var(--fs-xs);font-weight:500;letter-spacing:0;line-height:1.45;color:var(--ink-3)}

/* Quick take: verdict + profit potential + main risk */
.rb-dx-take{overflow:hidden;border-radius:var(--r3);background:var(--paper);box-shadow:var(--sh1);font-size:15px;line-height:1.6}
.rb-dx-take__v{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 16px;padding:22px 24px}
.rb-dx-take__ic{grid-row:span 3;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--well);color:var(--ink)}
.rb-dx-take__ic.is-up{background:var(--green-2);color:var(--green)}
.rb-dx-take__ic.is-down{background:var(--red-2);color:var(--red)}
.rb-dx-take__k{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.rb-dx-take__r{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.25;color:var(--ink)}
.rb-dx-take__v p:last-child{margin-top:6px;color:var(--ink-2)}
.rb-dx-take__two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.rb-dx-take__two>div{padding:18px 24px 20px}
.rb-dx-take__two>div+div{border-left:1px solid var(--line)}
.rb-dx-take__two h3{margin-bottom:4px;font-size:15px;letter-spacing:-.01em;color:var(--ink)}
.rb-dx-take__two p{color:var(--ink-2)}
.rb-dx-main .rb-checks{gap:12px;font-size:16px;font-weight:400;line-height:1.55;color:var(--ink-2)}
.rb-dx-main .rb-checks li{align-items:flex-start}
.rb-dx-main .rb-checks .rb-ok{margin-top:3px}

/* Components inside the report column */
.rb-dx-main>:is(.rb-card,.rb-kpis,.rb-table-wrap,.rb-calc,.rb-dx-sig,.rb-dx-take,.rb-dx-more-grid,.rb-faq__list){margin-top:1.4em}
.rb-dx-main>:is(.rb-card,.rb-kpis,.rb-table-wrap,.rb-calc,.rb-dx-sig,.rb-dx-take,.rb-faq__list)+:is(p,h3){margin-top:1.8em}
.rb-dx-main .rb-kpis dd{font-size:clamp(22px,2vw,26px)}
.rb-dx-main .rb-table{font-size:var(--fs-sm)}
.rb-dx-main .rb-table td+td{font-weight:500}
.rb-dx-main .rb-table td,.rb-dx-index-page .rb-table td{white-space:nowrap}
.rb-dx-main .rb-table td a{font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:rgba(28,27,25,.28);text-decoration-thickness:1.5px;text-underline-offset:3px}
.rb-dx-main .rb-table td a:hover{text-decoration-color:var(--ink)}
.rb-dx-main .rb-table strong{font-weight:800}
.rb-dx-cap{margin-top:10px!important;font-size:var(--fs-xs);line-height:1.5;color:var(--ink-3)}
.rb-dx-main .rb-calc{max-width:var(--measure)}
.rb-dx-neg{color:var(--red)!important}
.rb-dx-main .rb-faq__list dt{font-size:17px}
.rb-dx-main .rb-faq__list dd{font-size:16px}
.rb-dx-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.rb-dx-more-grid .rb-card__head{padding-block:14px}
.rb-dx-more-grid .rb-dx-links{grid-template-columns:minmax(0,1fr);padding-top:4px}
.rb-dx-more-grid .rb-dx-links a:last-child{border-bottom:0}
.rb-dx-foot{display:grid;gap:20px;margin-top:clamp(40px,5vw,56px);padding-top:28px;border-top:1px solid var(--line)}
.rb-dx-foot .rb-link{margin:0;justify-self:start;color:var(--ink)}
.rb-prose .rb-share a{text-decoration:none}

/* Newsletter: rb/newsletter. These rules mirror rb-blog.css (where the blog defines the card) so
   data pages don't load the blog stylesheet. Keep the two in step. */
.rb-news{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:6px 28px;padding:22px 24px;border-radius:var(--r4);box-shadow:inset 0 0 0 1px var(--line)}
.rb-news__c{grid-row:span 2}
.rb-news__t{font-size:18px;font-weight:800;letter-spacing:-.025em;line-height:1.3;color:var(--ink)}
.rb-news__b{margin-top:4px;font-size:var(--fs-sm);line-height:1.5;color:var(--ink-2)}
.rb-news__f{display:flex;gap:8px;align-self:end}
.rb-news .rb-input{flex:1 1 auto;height:44px;font-size:15px;font-weight:500}
.rb-news .rb-input::placeholder{color:var(--ink-4)}
.rb-news .rb-btn{--h:44px;flex:none;padding:0 18px;font-size:15px}
.rb-news .rb-btn:disabled{opacity:.6;cursor:progress;transform:none}
.rb-news__note{align-self:start;font-size:var(--fs-xs);line-height:1.5;color:var(--ink-3)}
.rb-news__note[data-state=ok]{font-weight:700;color:var(--green)}
.rb-news__note:is([data-state=warn],[data-state=error]){font-weight:700;color:var(--red)}
.rb-dx-main>.rb-news{margin-top:1.6em}

/* Brand and category index layouts (brand_index, category_index) */
.rb-dx-sub{font-size:var(--fs-sm);color:var(--ink-3)}
.rb-dx-sub strong{color:var(--ink)}
.rb-dx-block{margin-top:clamp(48px,6vw,80px)}
.rb-dx-block:first-of-type{margin-top:0}
.rb-dx-h2{margin-bottom:20px;font-size:clamp(24px,2.3vw,30px);line-height:1.15;letter-spacing:-.035em}
.rb-dx-h3{margin:36px 0 16px;font-size:var(--fs-h3);letter-spacing:-.02em;line-height:1.3}
.rb-dx-p{max-width:var(--measure);margin:-8px 0 20px;color:var(--ink-2)}
.rb-dx-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.rb-dx-cardx{display:flex;flex-direction:column;padding:20px}
.rb-dx-cardx h3{font-size:18px;letter-spacing:-.02em;line-height:1.3}
.rb-dx-cardx h3 a{text-decoration:none}
.rb-dx-cardx h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.rb-dx-cardx dl{display:grid;gap:8px;margin-top:16px}
.rb-dx-cardx dl>div{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-sm)}
.rb-dx-cardx dt{color:var(--ink-3)}
.rb-dx-cardx dd{font-weight:700;white-space:nowrap}
.rb-dx-cardx .rb-link{margin-top:auto;padding-top:20px;font-size:var(--fs-sm)}
.rb-dx-index-page .rb-table a{font-weight:600;text-decoration:underline;text-decoration-color:rgba(28,27,25,.28);text-decoration-thickness:1.5px;text-underline-offset:3px}
.rb-dx-index-page .rb-table td+td{font-weight:500}
.rb-dx-links--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rb-dx-filters{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));margin-bottom:16px}
.rb-dx-filters--6{grid-template-columns:repeat(3,minmax(0,1fr))}
.rb-dx-empty{padding:24px 0;text-align:center;color:var(--ink-3)}

@media (max-width:1099px){
.rb-dx-hero .rb-hero__grid{justify-items:stretch}
.rb-dx-hero .rb-hero__copy,.rb-dx-hero .rb-hero__art{max-width:none}
.rb-dx-grid{grid-template-columns:minmax(0,1fr);gap:48px}
.rb-dx-rail{position:static;padding:20px;border-radius:var(--r3);background:var(--paper);box-shadow:var(--sh1)}
.rb-dx-rail .rb-toc{display:none}
.rb-dx-main>:is(p,ul,ol,h3){max-width:none}
.rb-dx-read{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
.rb-dx-duo,.rb-dx-more-grid{grid-template-columns:minmax(0,1fr)}
.rb-dx-cards,.rb-dx-links--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.rb-dx-main{font-size:16px}
.rb-dx-lb__list li,.rb-dx-lb--note .rb-dx-lb__list li{grid-template-columns:16px minmax(0,1fr) 44px 5.6em;gap:10px;padding-inline:16px}
.rb-dx-hide-sm{display:none}
.rb-news{grid-template-columns:minmax(0,1fr);padding:20px}
.rb-news__c{grid-row:auto;margin-bottom:10px}
.rb-dx-lb .rb-card__head,.rb-dx-lb__cap{padding-inline:16px}
.rb-dx-sig dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.rb-dx-sig dl>div{padding:14px 16px}
.rb-dx-take__v{grid-template-columns:minmax(0,1fr);padding:20px}
.rb-dx-take__ic{grid-row:auto;margin-bottom:8px}
.rb-dx-take__two{grid-template-columns:minmax(0,1fr)}
.rb-dx-take__two>div{padding:16px 20px}
.rb-dx-take__two>div+div{border-left:0;border-top:1px solid var(--line)}
.rb-dx-read{grid-template-columns:minmax(0,1fr);gap:28px}
.rb-dx-links,.rb-dx-links--4{grid-template-columns:minmax(0,1fr);padding-inline:16px}
.rb-dx-cards,.rb-dx-filters,.rb-dx-filters--6{grid-template-columns:minmax(0,1fr)}
.rb-dx-snap__big,.rb-dx-snap dl>div{padding-inline:20px}
.rb-dx-v{grid-template-columns:36px auto;gap:8px}
}