/* VendorRack review refinement, October 14, 2026.
   Preserve the DripJobs shell and selected Free v3. Preview-only until integrated. */
:root{--vr-section-gap:64px;--vr-group-gap:24px;--vr-copy-gap:8px}
.vr-polished :is(h1,h2,h3){text-wrap:balance}
.vr-polished :is(p,q,.faq-a,.d-p,.vtag){text-wrap:pretty;overflow-wrap:break-word}
.vr-polished :is(.vmain,.vside,.pillar>div,.vr-profile,.vrev,.rank-column){min-width:0}
.vr-polished .vbody{padding-top:44px;padding-bottom:72px}
.vr-polished .vmain{display:flex;flex-direction:column;gap:var(--vr-section-gap)}
.vr-polished .vmain>.vblock,.vr-polished .vr-profile>.vblock{margin:0}
.vr-polished .vr-profile{display:flex;flex-direction:column;gap:24px}
.vr-polished .vr-inline-facts{margin:0}
.vr-polished .vblock>.eyebrow{margin:0 0 8px;line-height:1.4}
.vr-polished .vblock>h2{line-height:1.25;margin:0 0 8px;letter-spacing:-.55px}
.vr-polished .vblock>p{margin:0 0 16px;line-height:1.72}
.vr-polished .vblock>p:last-child{margin-bottom:0}
.vr-polished .vblock>:is(.vgal,.vidband,.pillars,.vrevs,.vdeal){margin-top:24px}
.vr-polished .vblock>.faq-item:first-of-type{margin-top:24px}
.vr-polished .pillars{gap:16px}
.vr-polished .pillar{padding:24px;gap:16px}
.vr-polished .pillar h3{line-height:1.35;letter-spacing:-.25px}
.vr-polished .pillar p{margin:6px 0 0;line-height:1.65;text-wrap:pretty}
.vr-polished .vidsay .vs-k{margin:0 0 8px}
.vr-polished .vidsay .vs-q{margin:0;line-height:1.55;text-wrap:balance}
.vr-polished .vidsay .vs-m{margin-top:16px}
.vr-polished .vf{gap:24px;padding:14px 0;align-items:start}
.vr-polished .vf .k{flex:0 0 100px;line-height:1.5}
.vr-polished .vf .v{min-width:0;line-height:1.5;text-wrap:balance}
.vr-polished .vside .vcardbox.vr-convert{padding:30px;text-align:left}
.vr-polished .vside .vcardbox.vr-convert .vc-eyebrow{margin:0 0 8px;line-height:1.4}
.vr-polished .vside .vcardbox.vr-convert h3{margin:0;line-height:1.2;text-wrap:balance}
.vr-polished .vside .vcardbox.vr-convert .vc-sub{width:100%;max-width:none;margin:8px 0 0;line-height:1.6;text-wrap:balance}
.vr-polished .vr-formslot{margin:24px 0;padding:24px;background:var(--warm);border:0;border-radius:12px;text-align:center;align-items:center;gap:8px}
.vr-polished .vr-formslot strong{margin:0;font-size:15px;line-height:1.4;text-wrap:balance}
.vr-polished .vr-formslot span{max-width:26ch;font-size:13px;line-height:1.6;text-wrap:balance;color:var(--muted)}
.vr-polished .vr-reference-note{margin-top:48px;max-width:78ch;padding:12px 0}
.vr-polished .vr-reference-note summary{padding:10px 0;min-height:44px}
.vr-polished .vr-reference-note p{margin:8px 0 16px;line-height:1.65}
.vr-polished .ctaband p{margin-top:10px;text-wrap:balance}
.vr-polished .ctaband .row{margin-top:28px}
.vr-polished .vrevs{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.vr-polished .vrev{display:flex;flex-direction:column;padding:28px;border-radius:16px}
.vr-polished .vrev q{flex:1;font-size:15px;line-height:1.7;text-wrap:balance}
.vr-polished .vrev .who{margin-top:28px;gap:12px;align-items:center}
.vr-polished .vrev .who>span:last-child{min-width:0}
.vr-polished .vrev .nm,.vr-polished .vrev .rl{display:block;line-height:1.45}
.vr-polished .vrev .rl{margin-top:4px}
.vr-polished .vdeal{border:0;padding:28px;gap:20px;align-items:start}
.vr-polished .vdeal .d-ic{flex-shrink:0}
.vr-polished .vdeal .d-h{line-height:1.35;text-wrap:balance}
.vr-polished .vdeal .d-p{margin-top:8px;max-width:70ch;line-height:1.65}
.vr-review-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:48px}
.vr-review-nav img{display:block;width:152px;height:auto}
.vr-review-nav a:last-child{color:var(--navy);font-size:13px;font-weight:600;line-height:1.5;padding:10px 0;text-decoration:none}
.vr-specimens .vbody{padding-top:36px}
.vr-specimens .spec-intro{margin-bottom:64px;max-width:74ch}
.vr-specimens .spec-intro h1{font-size:34px;line-height:1.2;color:var(--navy);margin:8px 0}
.vr-specimens .spec-intro p{font-size:15.5px;line-height:1.7;color:#42505E;margin:0;text-wrap:pretty}
.vr-specimens .spec-intro .eyebrow{margin:0;line-height:1.4}
.vr-specimens .vblock{margin:0 0 var(--vr-section-gap)}
.vr-specimens .specnote{max-width:68ch;margin:0;font-size:15px;line-height:1.65}
.vr-specimens .badge-sample{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.vr-specimens .specinline{font-size:13px;line-height:1.5}
.vr-specimens .vr-reference-note{margin-top:0}
.vr-polished :is(a,button,summary,[role=button]):focus-visible{outline:3px solid var(--orange);outline-offset:4px}

/* Review-only placement presentation: retain the real Browse card components. */
.vr-placement .fx{padding-top:36px;padding-bottom:72px}
.vr-placement .fx h1{font-size:34px;line-height:1.2;margin:8px 0}
.vr-placement .fx h2{font-size:23px;line-height:1.25;margin:0 0 8px;letter-spacing:-.55px}
.vr-placement .fx p{margin:0;max-width:72ch;line-height:1.7}
.vr-placement .fx .pv{padding:0;border:0;border-radius:0;margin:0;line-height:1.4}
.vr-placement .fx>.placement-section{margin-top:64px}
.vr-placement .rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;align-items:stretch}
.vr-placement .fx .rank{margin:0 0 16px;line-height:1.5;color:var(--navy);font-size:12px;min-height:36px;text-wrap:balance}
.vr-placement .rank-column{display:flex;flex-direction:column;gap:0}
.vr-placement .rank-column>.vcard{flex:1}
.vr-placement .rank-column>.vcard+.vcard{margin-top:24px}
.vr-placement .fx .vcard{min-height:320px;padding:28px 24px 24px;transform:none;cursor:pointer}
.vr-placement .fx .vcard.feat{transform:none}
.vr-placement .fx .vcard:hover{transform:translateY(-3px)}
.vr-placement .fx .vname-row{flex-wrap:wrap;gap:6px 10px;line-height:1.25}
.vr-placement .fx .vname{font-size:21px}
.vr-placement .fx .vtag{margin-top:12px;line-height:1.65;text-wrap:pretty}
.vr-placement .fx .vmeta{gap:12px;flex-wrap:wrap;margin-top:24px}
.vr-placement .fx .vview .arr{display:none}
.vr-placement .fx .vcard.illus{outline:0;cursor:default}
.vr-placement .fx .vcard.illus:hover{transform:none}
.vr-placement .fx .vcard.illus .illustag{position:static;align-self:flex-start;margin-bottom:16px}
.vr-placement .fx .note{font-size:13px;line-height:1.65;margin-top:16px;max-width:78ch}
.vr-placement .fx .hpmock{margin-top:24px}
.vr-placement .mocktag{position:static;display:block;border-radius:0;padding:10px 24px;line-height:1.5;letter-spacing:.5px;background:var(--warm);color:var(--muted)}
.vr-placement .hpbar{gap:24px;padding:20px 28px}
.vr-placement .hpband{padding:40px;gap:40px;grid-template-columns:minmax(0,1fr) 320px}
.vr-placement .hpcopy h3{margin:8px 0;font-size:30px;line-height:1.2;text-wrap:balance}
.vr-placement .hpcopy p{color:#B9C3CC;font-size:15px;max-width:44ch;text-wrap:balance}
.vr-placement .hpslot{min-width:0}
.vr-placement .fx .vr-reference-note{max-width:none}
.vr-placement .table-scroll{overflow-x:auto;margin-top:20px}
.vr-placement .fx table{margin:0;max-width:none;box-shadow:none}
.vr-placement .fx td,.vr-placement .fx th{line-height:1.5;padding:16px 20px}

/* The index should feel like a clear doorway, not another long specification. */
.vr-polished .review{padding:36px 0 72px}
.vr-polished .review .vblock{margin:0 0 56px}
.vr-polished .review h1{margin:8px 0;font-size:34px;line-height:1.2}
.vr-polished .review h2{margin:0 0 8px;line-height:1.25}
.vr-polished .review .eyebrow{margin:0;line-height:1.4}
.vr-polished .review p{max-width:72ch;margin:0;line-height:1.7}
.vr-polished .review .row{margin-top:24px;gap:12px}
.vr-polished .review .row>a{justify-content:center}
.vr-polished .review .tiertable{margin-top:24px;max-width:none;padding:4px 28px;box-shadow:none}
.vr-polished .review .tt{padding:24px 0;gap:24px}
.vr-polished .review .tt .v{max-width:70ch;text-wrap:pretty;line-height:1.7}
.vr-polished .review .vr-reference-note{margin-top:0}

@media(min-width:901px) and (max-height:1100px){
  /* A card taller than the available viewport must remain fully reachable. */
  .vr-polished .vside .vcardbox.vr-convert{position:static}
}
@media(max-width:1100px){
  .vr-placement .rank-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .vr-placement .rank-column{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:start}
  .vr-placement .rank-column>.rank{margin-top:24px;min-height:0}
  .vr-placement .fx .rank-column>.vcard{min-height:0}
  .vr-placement .rank-column>.vcard+.vcard{margin-top:0}
  .vr-specimens .vrevs{grid-template-columns:1fr}
  .vr-specimens .vrev q{max-width:72ch}
}
@media(max-width:900px){
  :root{--vr-section-gap:52px}
  .vr-polished .vlayout{grid-template-columns:minmax(0,1fr);gap:52px}
  .vr-professional.vr-polished .vside,.vr-featured.vr-polished .vside{display:block;width:100%}
  .vr-polished .vside .vcardbox.vr-convert{position:static;width:100%;max-width:none}
  .vr-polished .vside .vcardbox.vr-convert .vc-sub{max-width:48ch}
  .vr-placement .hpband{grid-template-columns:minmax(0,1fr);padding:32px;gap:28px}
  .vr-placement .hpslot{width:100%;max-width:360px}
  .vr-placement .hpnav{display:none}
}
@media(max-width:600px){
  :root{--vr-section-gap:44px}
  .vr-polished .vbody{padding-top:32px;padding-bottom:48px}
  .vr-polished .wrap{padding-left:20px;padding-right:20px}
  .vr-polished .vblock>h2{font-size:22px}
  .vr-polished .vblock>:is(.vgal,.vidband,.pillars,.vrevs,.vdeal){margin-top:20px}
  .vr-polished .pillar{padding:22px 20px;gap:14px}
  .vr-polished .vf{gap:16px;padding:12px 0}
  .vr-polished .vf .k{flex-basis:82px}
  .vr-polished .vside .vcardbox.vr-convert{padding:26px 22px}
  .vr-polished .vr-formslot{padding:24px 20px;margin:24px 0}
  .vr-polished .vrevs{grid-template-columns:minmax(0,1fr);gap:20px}
  .vr-polished .vrev{padding:24px}
  .vr-polished .vdeal{padding:24px;gap:16px;flex-direction:column}
  .vr-review-nav{align-items:center;gap:16px;margin-bottom:40px}
  .vr-review-nav img{width:132px}
  .vr-review-nav a:last-child{font-size:12px;text-align:right}
  .vr-specimens .spec-intro{margin-bottom:44px}
  .vr-specimens .spec-intro h1,.vr-placement .fx h1,.vr-polished .review h1{font-size:28px;letter-spacing:-.7px}
  .vr-placement .fx{padding:28px 20px 48px}
  .vr-placement .fx>.placement-section{margin-top:44px}
  .vr-placement .rank-grid{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:24px}
  .vr-placement .rank-column{display:flex;gap:0}
  .vr-placement .rank-column>.rank{margin-top:0}
  .vr-placement .rank-column>.vcard+.vcard{margin-top:20px}
  .vr-placement .fx .rank{min-height:0;margin-bottom:12px}
  .vr-placement .fx .vcard{min-height:0;padding:28px 24px 24px}
  .vr-placement .fx .vtag{min-height:0}
  .vr-placement .hpband{padding:28px 22px}
  .vr-placement .hpbar{padding:20px 22px}
  .vr-placement .hpcopy h3{font-size:27px}
  .vr-placement .mocktag{padding:10px 22px}
  .vr-polished .review .vblock{margin-bottom:44px}
  .vr-polished .review .row>a{width:100%}
  .vr-polished .review .tiertable{padding:0 22px}
  .vr-polished .review .tt{gap:8px}
}
@media(prefers-reduced-motion:reduce){.vr-polished *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.vr-placement .fx .vcard:hover{transform:none}}

/* Owner-requested refinement after the October 14 screenshots.
   The selected Free structure stays intact; text/spacing changes are intentional. */
.vr-polished .crumb{margin-bottom:32px;line-height:1.5}
.vr-free.vr-polished .vmain{gap:48px}
.vr-free.vr-polished .vr-profile{gap:24px}
.vr-free.vr-polished .vblock{margin-bottom:0}
.vr-free.vr-polished .vr-owner-link{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 32px;padding:0;font-size:13px;line-height:1.6}
.vr-free.vr-polished .vr-owner-link a{text-wrap:balance}
.vr-free.vr-polished .reachbox.vr-convert{padding:30px;border:0;box-shadow:0 18px 48px -28px rgba(30,58,95,.30),0 4px 14px -8px rgba(30,58,95,.14);container:vr-upgrade / inline-size}
.vr-free.vr-polished .reachbox.vr-convert .eyebrow{margin:0 0 8px;font-size:11px;line-height:1.4;color:var(--muted)}
.vr-free.vr-polished .reachbox.vr-convert h3{font-size:26px;line-height:1.2;letter-spacing:-.5px;margin:0;text-wrap:balance}
.vr-free.vr-polished .reachbox.vr-convert h3>span{display:block}
.vr-free.vr-polished .reachbox.vr-convert>p{font-size:14.5px;line-height:1.65;margin:10px 0 0;text-wrap:balance}
.vr-free.vr-polished .vr-upgrade-copy>span{display:block;text-wrap:balance}
.vr-free.vr-polished .reachbox.vr-convert>.btn-orange{margin-top:22px;background:var(--navy)}
.vr-free.vr-polished .reachbox.vr-convert>.btn-orange:hover{background:#162D4A}
.vr-free.vr-polished .reachbox.vr-convert .own{border:0;padding:0;margin:24px -12px 0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 6px;text-align:center}
.vr-free.vr-polished .reachbox.vr-convert .own p{font-size:12px;line-height:1.6;margin:0;color:var(--muted);white-space:nowrap}
.vr-free.vr-polished .reachbox.vr-convert .own a{display:inline-block;margin:0;font-size:12px;font-weight:600;line-height:1.6;color:var(--muted);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.vr-free.vr-polished .vr-paid-options{margin-top:56px;margin-bottom:0;padding:36px;border:0}
.vr-free.vr-polished .vr-paid-options>.eyebrow{margin:0 0 8px;font-size:11px;line-height:1.4;color:var(--muted)}
.vr-free.vr-polished .vr-paid-options>h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:0;text-wrap:balance;max-width:32ch}
.vr-free.vr-polished .vr-paid-options>.vr-plan-intro{font-size:14.5px;line-height:1.65;margin:8px 0 0;max-width:70ch;text-wrap:balance}
.vr-free.vr-polished .vr-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px;margin:32px 0 0}
.vr-free.vr-polished .vr-plan h3{font-size:21px;line-height:1.3;margin:0;letter-spacing:-.4px}
.vr-free.vr-polished .vr-plan-price{font-size:30px;line-height:1.25;margin:8px 0 14px;font-variant-numeric:tabular-nums}
.vr-free.vr-polished .vr-plan-price span{font-size:13px;margin-left:5px}
.vr-free.vr-polished .vr-plan-summary{font-size:14.5px;line-height:1.65;max-width:none;min-height:0;margin:0;color:#42505E}
.vr-free.vr-polished .vr-plan-summary>span{display:block;text-wrap:balance}
.vr-free.vr-polished .vr-plan ul{list-style:none;padding:0;margin:18px 0 20px;display:grid;gap:10px;font-size:14.5px;line-height:1.65;color:#42505E}
.vr-free.vr-polished .vr-plan li{display:grid;grid-template-columns:6px minmax(0,1fr);gap:11px;align-items:start;margin:0;padding:0}
.vr-free.vr-polished .vr-plan li::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-top:9px}
.vr-free.vr-polished .vr-plan li>span{min-width:0;text-wrap:balance}
.vr-free.vr-polished .vr-plan>.btn-orange,.vr-free.vr-polished .vr-plan>.btn-outline{margin-top:0;align-self:flex-start}
.vr-free.vr-polished .vr-plan-footer{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:12px 28px;margin-top:32px}
.vr-free.vr-polished .vr-plan-footer .fine{font-size:12.5px;line-height:1.65;max-width:100%;margin:0;color:var(--muted);text-wrap:balance}
.vr-free.vr-polished .vr-plan-footer .fine>span{display:block;text-wrap:balance}
.vr-free.vr-polished .vr-plan-footer>a{font-size:12.5px;font-weight:600;line-height:1.65;color:var(--navy);text-underline-offset:3px;white-space:normal}
@media(max-width:900px){
  .vr-free.vr-polished .vr-plan-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .vr-free.vr-polished .vr-plan>.btn-orange,.vr-free.vr-polished .vr-plan>.btn-outline{width:100%;justify-content:center}
  .vr-free.vr-polished .vr-plan-footer{flex-direction:column;gap:12px}
  .vr-free.vr-polished .vr-paid-options{margin-top:48px}
}
@media(max-width:600px){
  .vr-polished .crumb{margin-bottom:28px}
  .vr-free.vr-polished .vmain{gap:40px}
  .vr-free.vr-polished .vr-owner-link{margin-bottom:28px}
  .vr-free.vr-polished .reachbox.vr-convert{padding:26px 22px}
  .vr-free.vr-polished .vr-paid-options{padding:28px 22px;margin-top:40px}
  .vr-free.vr-polished .vr-paid-options>h2{font-size:23px;max-width:none}
  .vr-free.vr-polished .vr-plan-grid{margin-top:28px;gap:36px}
  .vr-free.vr-polished .vr-plan-footer{margin-top:32px}
}

/* Final owner correction: reduce space outside the sticky header, preserve its padding. */
.vr-free.vr-polished .vbody{padding-top:16px}
/* Preserve natural reflow at small widths and enlarged text; never clip or shrink copy. */
@container vr-upgrade (max-width:305px){
  .vr-free.vr-polished .vr-upgrade-copy>span{display:inline}
}
@container vr-upgrade (max-width:230px){
  .vr-free.vr-polished .reachbox.vr-convert .own{margin-left:0;margin-right:0}
  .vr-free.vr-polished .reachbox.vr-convert .own p{white-space:normal;text-wrap:balance}
}

/* Paid polish, October 14. Scoped to the paid tiers only: Free v3 is untouched
   by everything below. Carries the Free v3 card treatment and spacing rhythm
   onto Professional and Featured. */
.vr-professional.vr-polished .vside .vcardbox.vr-convert,
.vr-featured.vr-polished .vside .vcardbox.vr-convert{
  border:0;
  box-shadow:0 18px 48px -28px rgba(30,58,95,.30),0 4px 14px -8px rgba(30,58,95,.14);
}
.vr-professional.vr-polished .vside .vcardbox.vr-convert h3,
.vr-featured.vr-polished .vside .vcardbox.vr-convert h3{font-size:26px;letter-spacing:-.5px}
.vr-professional.vr-polished .vr-formslot,
.vr-featured.vr-polished .vr-formslot{min-height:0}
.vr-professional.vr-polished .vside .vcardbox.vr-convert>.btn-navy,
.vr-featured.vr-polished .vside .vcardbox.vr-convert>.btn-navy{margin-top:22px}
.vr-professional.vr-polished .vside .vcardbox.vr-convert .vc-fine,
.vr-featured.vr-polished .vside .vcardbox.vr-convert .vc-fine{
  margin:24px 0 0;font-size:12px;line-height:1.6;color:var(--muted);text-align:center;text-wrap:balance;
}
/* Benefit rows: navy numerals, orange accent, even copy blocks. */
.vr-professional.vr-polished .pillar .pn,
.vr-featured.vr-polished .pillar .pn{color:#fff;background:var(--navy)}
.vr-professional.vr-polished .pillar h3,
.vr-featured.vr-polished .pillar h3{color:var(--navy)}
.vr-professional.vr-polished .pillar p,
.vr-featured.vr-polished .pillar p{color:#42505E;max-width:62ch}
/* FAQ: navy question, orange control, breathing room between items. */
.vr-professional.vr-polished .faq-item+.faq-item,
.vr-featured.vr-polished .faq-item+.faq-item{margin-top:12px}
.vr-professional.vr-polished .faq-q,
.vr-featured.vr-polished .faq-q{color:var(--navy);line-height:1.4;padding-right:16px}
.vr-professional.vr-polished .faq-a,
.vr-featured.vr-polished .faq-a{color:#42505E;line-height:1.7;max-width:74ch;text-wrap:pretty}
/* Closing band: supporting text and buttons on the Free rhythm. */
.vr-professional.vr-polished .ctaband p,
.vr-featured.vr-polished .ctaband p{max-width:52ch;margin-left:auto;margin-right:auto}
@media(max-width:600px){
  .vr-professional.vr-polished .vside .vcardbox.vr-convert h3,
  .vr-featured.vr-polished .vside .vcardbox.vr-convert h3{font-size:23px}
}

/* BREADCRUMB BREAK OPPORTUNITY -------------------------------------------- */
/* The breadcrumb markup carries no whitespace between a separator and the next
   item, so the separator and the first word of a long vendor name formed one
   unbreakable run. At 195px (390 at 200% zoom) that ran 21px past the viewport
   and produced horizontal scrolling. A zero-width space after each separator
   creates the break opportunity. It adds no width, so a name that already fits
   is unaffected, including the selected Free v3 page. */
.crumb .sep::after{content:"\200B"}