/* Quotarider Directory — layered on the site's qr.min.css (same tokens: --blue, --green, --orange, --ink, --card, --line, --r …) */
.dr .dr-i{flex:none;vertical-align:-3px}
.dr-grad{background:linear-gradient(90deg,var(--green),var(--blue) 55%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.dr-head{position:relative}
.dr-head-hub{padding-bottom:40px}
.dr-head h1{max-width:22ch}
.dr-sec{padding:28px 0 44px}.dr-sec-tight{padding:0 0 10px}
.dr-h2{font-size:1.35rem;margin:0 0 14px}
.dr-sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:40px 0 16px}.dr-sh h2{font-size:1.45rem;margin:0}.dr-sh a{font-weight:600;font-size:.92rem;display:inline-flex;gap:6px;align-items:center}

/* search */
.dr-search{position:relative;display:flex;align-items:center;gap:10px;max-width:760px;margin-top:22px;padding:8px 8px 8px 18px;background:var(--card);border:1px solid var(--line-2);border-radius:var(--r-pill);box-shadow:var(--shadow)}
.dr-search .dr-i{color:var(--ink-4)}
.dr-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:1.02rem;color:var(--ink);padding:10px 2px}
.dr-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);overflow:hidden;z-index:30}
.dr-suggest a{display:flex;gap:10px;align-items:center;padding:11px 16px;color:var(--ink);border-top:1px solid var(--line)}.dr-suggest a:first-child{border-top:0}
.dr-suggest a:hover,.dr-suggest a:focus{background:var(--bg-2);text-decoration:none}.dr-suggest small{margin-left:auto;color:var(--ink-4);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}
.dr-suggest span{color:var(--ink-3);font-size:.85rem}

/* three doors */
.dr-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dr-tri{position:relative;display:grid;grid-template-columns:auto 1fr auto;column-gap:14px;align-items:center;padding:22px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s}
.dr-tri:hover{transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}
.dr-tri b{grid-column:2;font-family:var(--head);font-size:1.15rem}.dr-tri>span:not(.dr-tri-i){grid-column:2;color:var(--ink-3);font-size:.9rem}
.dr-tri>.dr-i:last-child{grid-column:3;grid-row:1/3;color:var(--ink-4)}
.dr-tri-i{grid-row:1/3;width:52px;height:52px;border-radius:16px;display:grid;place-items:center}
.dr-tri-i.b{background:var(--blue-100);color:var(--blue-700)}.dr-tri-i.g{background:var(--green-100);color:var(--green-700)}.dr-tri-i.o{background:var(--orange-100);color:var(--orange-700)}

/* categories */
.dr-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.dr-cat{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);color:var(--ink);transition:border-color .2s,transform .2s}
.dr-cat:hover{border-color:var(--blue);transform:translateY(-1px);text-decoration:none}
.dr-cat b{font-family:var(--head)}.dr-cat span{color:var(--ink-3);font-size:.86rem;line-height:1.45}.dr-cat small{margin-top:auto;padding-top:6px;color:var(--blue-700);font-weight:600;font-size:.8rem}
.dr-pills{display:flex;flex-wrap:wrap;gap:8px}
.dr-pill{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:var(--r-pill);background:var(--card);border:1px solid var(--line);color:var(--ink);font-weight:600;font-size:.88rem}
.dr-pill:hover{border-color:var(--blue);text-decoration:none}.dr-pill span{color:var(--ink-4);font-weight:500}

/* badges, chips */
.dr-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dr-b{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill);font-size:.72rem;font-weight:700;line-height:1.4;white-space:nowrap}
.dr-b.lg{font-size:.8rem;padding:4px 11px}
.dr-b-claim{background:var(--blue-100);color:var(--blue-700)}
.dr-b-partner{background:linear-gradient(135deg,#FFE6A8,#FFD27A);color:#7A4B00}
.dr-b-qr{background:var(--green-100);color:var(--green-700)}
.dr-t{display:inline-flex;padding:3px 9px;border-radius:var(--r-pill);font-size:.72rem;font-weight:600;background:var(--bg-2);color:var(--ink-2)}.dr-t-g{background:var(--green-100);color:var(--green-700)}
.dr-chips{display:flex;flex-wrap:wrap;gap:6px}
.dr-chip{display:inline-flex;gap:5px;align-items:center;padding:4px 10px;border-radius:var(--r-pill);background:var(--bg-2);border:1px solid var(--line);font-size:.8rem;color:var(--ink-2)}
a.dr-chip:hover{border-color:var(--blue);text-decoration:none}
.dr-mono{flex:none;display:grid;place-items:center;border-radius:28%;font-family:var(--head);font-weight:800;color:#fff;background:linear-gradient(135deg,var(--h),color-mix(in srgb,var(--h) 55%,#0F1519));box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.dr-legend{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:26px;padding:14px 16px;border-radius:var(--r);background:var(--bg-2);font-size:.82rem;color:var(--ink-3)}
.dr-legend a{margin-left:auto;font-weight:600}

/* filters + grid */
.dr-filters{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;padding:14px;margin-bottom:16px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--nav-h) + 12px);z-index:5}
.dr-f{display:flex;flex-direction:column;gap:4px;font-size:.74rem;font-weight:700;color:var(--ink-3)}
.dr-f select,.dr-f input{min-width:150px;padding:9px 10px;border-radius:10px;border:1px solid var(--line-2);background:var(--card);font:inherit;font-size:.9rem;color:var(--ink)}
.dr-f-q input{min-width:180px}
.dr-tg{display:flex;flex-wrap:wrap;gap:12px;font-size:.86rem;padding-bottom:8px}.dr-tg label{display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.dr-count{margin:0 0 9px auto;font-size:.86rem;color:var(--ink-3);font-weight:600}
.dr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.dr-grid-2{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.dr-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}
.dr-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-2)}
.dr-card[hidden]{display:none}
.dr-card-link{position:absolute;inset:0;border-radius:inherit;z-index:1}
.dr-card .dr-z,.dr-card .dr-cmp{position:relative;z-index:2}
.dr-card-top{display:flex;gap:12px;align-items:center}.dr-card-h{min-width:0}
.dr-card h3{margin:0;font-size:1.04rem;line-height:1.3}.dr-card-h p{margin:2px 0 0;font-size:.82rem;color:var(--ink-3);display:flex;gap:4px;align-items:center}
.dr-tagline{margin:0;color:var(--ink-2);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dr-price{display:flex;gap:6px;align-items:baseline}.dr-price b{font-family:var(--head);font-size:1.15rem}.dr-price span{color:var(--ink-3);font-size:.8rem}
.dr-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.8rem;color:var(--ink-3)}
.dr-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;border-top:1px solid var(--line)}
.dr-cmp{display:inline-flex;gap:6px;align-items:center;font-size:.82rem;color:var(--ink-3);cursor:pointer}
.dr-none{text-align:center;padding:30px;color:var(--ink-3)}
.dr-empty{text-align:center;padding:50px 20px;border:1.5px dashed var(--line-2);border-radius:var(--r-lg);color:var(--ink-3)}.dr-empty h2{margin:10px 0 6px;color:var(--ink)}
.dr-cmpbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -10px 30px -12px rgba(0,0,0,.25);padding:10px 0}
.dr-cmpbar .wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dr-cmpbar span{flex:1;font-weight:600;font-size:.9rem}
.dr-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.dr-facts div{padding:12px 16px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);min-width:130px}
.dr-facts b{display:block;font-family:var(--head);font-size:1.3rem}.dr-facts span{font-size:.8rem;color:var(--ink-3)}
.dr-facts-card{margin:0 0 16px}

/* profile */
.dr-prof-head{padding-bottom:26px}
.dr-ph{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.dr-ph h1{margin:0 0 4px;max-width:none}.dr-ph .lede{margin:0 0 10px}
.dr-ph-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.dr-prof{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start;padding-bottom:50px}.dr-prof-1{grid-template-columns:minmax(0,1fr);max-width:900px}
.dr-prof-main>*+*{margin-top:16px}
.dr-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:6px;border-radius:var(--r-pill);background:var(--card);border:1px solid var(--line);position:sticky;top:calc(var(--nav-h) + 10px);z-index:4}
.dr-tabs a{padding:7px 14px;border-radius:var(--r-pill);color:var(--ink-2);font-weight:600;font-size:.88rem}.dr-tabs a:hover{background:var(--bg-2);text-decoration:none}
.dr-block{scroll-margin-top:calc(var(--nav-h) + 70px)}.dr-block h2{font-size:1.25rem;margin:0 0 12px}.dr-block h3{font-size:1rem;margin:16px 0 8px}
.dr-block p{color:var(--ink-2);line-height:1.65}
.dr-pricebox{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border-radius:var(--r);background:var(--bg-2)}
.dr-pricebig{font-size:1.05rem}.dr-pricebig b{font-family:var(--head);font-size:1.6rem}
.dr-ticks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 18px}
.dr-ticks li{display:flex;gap:8px;align-items:flex-start;color:var(--ink-2)}.dr-ticks .dr-i{color:var(--green-700);margin-top:3px}
.dr-spec{width:100%;border-collapse:collapse}.dr-spec th,.dr-spec td{text-align:left;padding:10px 6px;border-bottom:1px solid var(--line);vertical-align:top;font-size:.92rem}
.dr-spec th{width:38%;color:var(--ink-3);font-weight:600}
.dr-vs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.dr-vs a{font-size:.86rem;font-weight:600}
.dr-src{display:flex;gap:8px;align-items:flex-start;font-size:.84rem;color:var(--ink-3);padding:12px 14px;border-radius:var(--r);background:var(--bg-2)}.dr-src-ok{background:var(--green-100);color:var(--green-700)}
.dr-claim{display:flex;gap:12px;align-items:center;padding:16px;border-radius:var(--r);border:1px dashed var(--line-2);flex-wrap:wrap}.dr-claim>div{flex:1;min-width:200px}.dr-claim p{margin:2px 0 0;font-size:.88rem;color:var(--ink-3)}
.dr-fix{font-size:.82rem}.dr-fix a{color:var(--ink-3)}
.dr-prof-side{position:sticky;top:calc(var(--nav-h) + 12px)}
.dr-note{background:var(--bg-2)}

/* forms */
.dr-form h3{margin:0 0 4px;font-size:1.15rem}.dr-small{font-size:.82rem;color:var(--ink-3)}
.dr-form label{display:block;font-size:.8rem;font-weight:700;color:var(--ink-2);margin-top:12px}
.dr-form label small{font-weight:500;color:var(--green-700)}
.dr-form input,.dr-form select,.dr-form textarea{display:block;width:100%;margin-top:5px;padding:11px 12px;border-radius:12px;border:1px solid var(--line-2);background:var(--card);font:inherit;font-size:.94rem;color:var(--ink);box-sizing:border-box}
.dr-form input:focus,.dr-form select:focus,.dr-form textarea:focus{outline:2px solid var(--blue);border-color:transparent}
.dr-form .btn{margin-top:16px;width:100%}
.dr-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dr-check{display:flex!important;gap:8px;align-items:flex-start;font-weight:500!important}.dr-check input{width:auto;margin-top:3px}
.dr-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.dr-err{background:var(--red-100);color:var(--red);padding:10px 12px;border-radius:10px;font-size:.86rem;font-weight:600}
.dr-two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
.dr-why .dr-ticks{grid-template-columns:1fr}

/* compare */
.dr-cmpt-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card)}
.dr-cmpt{width:100%;border-collapse:collapse;min-width:640px}
.dr-cmpt th,.dr-cmpt td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.92rem}
.dr-cmpt thead th{position:sticky;top:0;background:var(--card);z-index:1}.dr-cmpt thead a{display:flex;gap:10px;align-items:center;color:var(--ink);margin-bottom:6px}
.dr-cmpt tbody th{color:var(--ink-3);font-weight:600;width:22%}
.dr-cmpt-h th{background:var(--bg-2);color:var(--ink)!important;font-family:var(--head)}
.dr-yes{display:inline-flex;gap:4px;align-items:center;color:var(--green-700);font-weight:700}

/* trust + band */
.dr-trust3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dr-trust3>div{padding:20px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}.dr-trust3 .dr-i{color:var(--blue)}
.dr-trust3 b{display:block;font-family:var(--head);margin:10px 0 4px}.dr-trust3 p{margin:0;color:var(--ink-3);font-size:.92rem}
.dr-band{padding:10px 0 60px}
.dr-band-in{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:30px;border-radius:var(--r-lg);background:linear-gradient(135deg,#0F1F33,#13325C 60%,#1B4B8A);color:#fff;box-shadow:var(--shadow-lg)}
.dr-band-in h2{color:#fff;margin:4px 0 6px}.dr-band-in p{color:#C9D8EE;margin:0;max-width:52ch}.dr-band .kicker{color:#FFC46B}
.dr-band-a{display:flex;gap:10px;flex-wrap:wrap}.dr-band .btn-o{color:#fff;border-color:rgba(255,255,255,.45)}

@media (max-width:980px){
  .dr-trio,.dr-trust3{grid-template-columns:minmax(0,1fr)}
  .dr-prof,.dr-two-col{grid-template-columns:minmax(0,1fr)}
  .dr-prof-side{position:static}
  .dr-filters{position:static}
}
@media (max-width:560px){.dr-two{grid-template-columns:1fr}.dr-f select,.dr-f input{min-width:0;width:100%}.dr-f{flex:1 1 45%}.dr-search .btn{padding:10px 14px}}
/* explore rows on list pages, and the rider team on a company page */
.dr-explore{display:grid;gap:8px;margin-bottom:14px}
.dr-explore-h{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#5B6B78)}
.dr-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:10px}
.dr-rider{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}
.dr-rider:hover{border-color:var(--blue)}
.dr-rider b{display:block;font-size:.92rem}
.dr-rider small{display:block;color:var(--muted,#5B6B78);font-size:.78rem}
