/* ==========================================================================
   Dealer 101 — Free Tools
   ONE design system for every tool. Add a tool, not a stylesheet.

   Page shape follows the California hub: flat navy hero, white sheet with a
   rounded top pulled up under it. No gradients on surfaces.
   Search sits ON the navy, under the intro copy. Results render on the white.
   Nothing overlaps anything.

   Tokens match Hub Design/hub-template.html so tools and pages can't drift.

   ⚠ Rewritten whole 2026-08-09. The previous file had been patched by line
   offset until it carried unbalanced braces and four duplicate rule blocks,
   which made the browser discard everything after the error — including the
   navy hero. EDIT THIS FILE WHOLE, never by line range.
   ========================================================================== */

:root{
  --dlr101-navy:#0a396f;
  --dlr101-navy-2:#0e4585;
  --dlr101-navy-deep:#062a53;
  --dlr101-ink:#132033;
  --dlr101-body:#2f3a4c;
  --dlr101-muted:#4a5668;
  --dlr101-faint:#6d7a8c;
  --dlr101-gold:#f2c93c;
  --dlr101-green:#1f9d55;
  --dlr101-green-lt:#e9f7ef;
  --dlr101-green-d:#15703c;
  --dlr101-red:#e5484d;
  --dlr101-red-lt:#fdecea;
  --dlr101-amber-bg:#fdf3d6;
  --dlr101-amber-ink:#8a6206;
  --dlr101-blue:#0077cc;
  --dlr101-link:#0069e2;
  --dlr101-link-d:#0055b8;
  --dlr101-line:#dde3ec;
  --dlr101-line-2:#e9edf3;
  --dlr101-fill:#f4f7fb;
  --dlr101-tint:#f0f6fd;
  --dlr101-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --dlr101-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
  --dlr101-shadow:0 1px 2px rgba(10,57,111,.04),0 12px 32px rgba(10,57,111,.055);
}

/* ========================================================== page furniture */

/* The blue stays put; the white sheet scrolls up over it.
   `--dlr101-hdr` is measured at runtime because Divi's Theme Builder header is
   fixed (body carries et_fixed_nav) — sticking at 0 would hide the H1 under it. */
.dlr101-toolhero{
  position:sticky;
  top:var(--dlr101-hdr,0px);
  z-index:1;
  background:var(--dlr101-navy);
  color:#fff;
  padding:14px 0 34px;
  text-align:center;
}
/* Fills the notches left by the sheet's rounded top. Without it the corner
   curve reveals the white page background — a pale sliver at each edge.
   Anchored to the hero so it survives scrolling with a sticky header. */
.dlr101-toolhero::after{
  content:"";position:absolute;left:0;right:0;top:100%;height:34px;
  background:var(--dlr101-navy);pointer-events:none;
}
.dlr101-toolhero-in{max-width:720px;margin:0 auto;padding:0 22px}

/* Full width, aligned to the site header's gutter — never inside the centred
   column. --dlr101-gutter is measured from the header logo by the tool JS. */
.dlr101-crumb{
  font-family:var(--dlr101-sans);
  font-size:.85rem;color:#9db6d4;text-align:left;display:block;
  padding:0 var(--dlr101-gutter,4%) 18px;margin:0;
}
.dlr101-crumb a{color:#b9cde4;text-decoration:none}
.dlr101-crumb a:hover{color:#fff;text-decoration:underline}
.dlr101-crumb .breadcrumb_last{color:#fff;font-weight:600}

.dlr101-toolhero-title{
  margin:0 0 10px;font-family:var(--dlr101-sans);
  font-size:clamp(1.9rem,4.6vw,2.8rem);line-height:1.05;letter-spacing:-.032em;
  font-weight:700;color:#fff;text-wrap:balance;
}
.dlr101-toolhero-sub{
  margin:0 auto;max-width:44ch;font-family:var(--dlr101-sans);
  font-size:clamp(1.02rem,2vw,1.16rem);line-height:1.55;color:#cfe0f2;
  letter-spacing:-.012em;text-wrap:balance;
}

.dlr101-sheet{
  position:relative;z-index:2;background:#fff;
  border-radius:26px 26px 0 0;margin-top:-26px;
  padding:34px 0 70px;min-height:100vh;
}
.dlr101-wrap{max-width:720px;margin:0 auto;padding:0 22px}

/* ============================================ the search — lives on the navy */

.dlr101tool{padding:0;font-family:var(--dlr101-sans);font-size:19px;line-height:1.55;
color:var(--dlr101-body);letter-spacing:-.011em;-webkit-font-smoothing:antialiased}
.dlr101-searchwrap{max-width:560px;margin:20px auto 0}

.dlr101-searchbar{
  display:flex;gap:8px;align-items:center;
  background:#fff;border-radius:999px;padding:8px 8px 8px 10px;
  transition:box-shadow .16s ease;
  box-shadow:0 0 0 6px rgba(255,255,255,.12),0 14px 34px rgba(3,18,40,.34);
}
.dlr101-searchbar:focus-within{box-shadow:0 0 0 6px rgba(255,255,255,.28),0 14px 34px rgba(3,18,40,.34)}
.dlr101-searchbar.is-valid{box-shadow:0 0 0 6px rgba(31,157,85,.5),0 14px 34px rgba(3,18,40,.3)}
.dlr101-searchbar.is-bad{box-shadow:0 0 0 6px rgba(229,72,77,.5),0 14px 34px rgba(3,18,40,.3)}

#dlr101-vin{
  flex:1;min-width:0;margin:0;font-family:var(--dlr101-mono);
  font-size:1.12rem;letter-spacing:.13em;text-transform:uppercase;text-align:center;
  padding:15px 12px;border:0;border-radius:999px;background:transparent;color:var(--dlr101-ink);
}
#dlr101-vin:focus{outline:none}
#dlr101-vin::placeholder{
  font-family:var(--dlr101-sans);font-size:1rem;letter-spacing:0;
  text-transform:none;color:var(--dlr101-faint);
}

.dlr101-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--dlr101-sans);font-weight:700;font-size:16.5px;letter-spacing:-.01em;
  padding:15px 30px;border-radius:999px;border:1.5px solid transparent;
  background:linear-gradient(180deg,#1187e4,#0077cc);color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  cursor:pointer;white-space:nowrap;text-decoration:none;transition:.15s ease;
}
.dlr101-btn:hover{
  background:linear-gradient(180deg,#0f7ed4,#0069b8);color:#fff;
  transform:scale(1.025);text-decoration:none;
}
.dlr101-btn:active{transform:scale(.99)}
.dlr101-btn:disabled{opacity:.55;cursor:default;transform:none}
@media(hover:none){.dlr101-btn:hover{transform:none}}

/* ---- live read-out, styled for the navy ground ---- */

.dlr101-live{
  max-width:560px;margin:12px auto 0;display:flex;flex-wrap:wrap;gap:7px;
  justify-content:center;min-height:28px;
}
.dlr101-tag{
  display:inline-flex;align-items:center;gap:6px;font-size:.87rem;font-weight:500;
  line-height:1.3;padding:5px 12px;border-radius:999px;white-space:nowrap;
  background:rgba(255,255,255,.14);color:#dbe8f6;
}
/* the tick is an inline SVG with no intrinsic size — without this it renders at
   its viewBox scale and blows the pill into a blob (seen on mobile 2026-08-09) */
.dlr101-tag svg{width:13px;height:13px;flex-shrink:0;display:block}
.dlr101-tag b{font-weight:700;color:#fff}
.dlr101-tag.ok{background:rgba(31,157,85,.32);color:#cdf2dd}
.dlr101-tag.ok b{color:#eafaf1}
.dlr101-tag.bad{background:rgba(229,72,77,.32);color:#ffdcdb;white-space:normal;text-align:left}
.dlr101-tag.bad b{color:#fff}
.dlr101-tag.warn{background:rgba(242,201,60,.26);color:#ffeab5;white-space:normal;text-align:left}

.dlr101-sampleline{margin:11px 0 0;text-align:center;font-size:.92rem;color:#a9c4e0}
.dlr101-sampleline a{color:#fff;text-decoration:underline;font-weight:600}
.dlr101-sampleline a:hover{color:var(--dlr101-gold)}

.dlr101-err{
  display:none;max-width:560px;margin:12px auto 0;border-radius:12px;
  padding:13px 17px;font-size:.98rem;text-align:left;
  background:rgba(229,72,77,.24);color:#ffe2e1;
}
.dlr101-err.on{display:block}
.dlr101-err b{color:#fff}

/* ================================================ results — on the white sheet */

.dlr101-out{display:none}
.dlr101-out.on{display:block;animation:dlr101rise .45s cubic-bezier(.22,.9,.3,1) both}
@keyframes dlr101rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.dlr101-id{padding:38px 0 4px;text-align:center}
.dlr101-id .kicker{
  font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--dlr101-blue);margin-bottom:9px;
}
.dlr101-id h3{
  margin:0 0 9px;color:var(--dlr101-ink);font-size:clamp(1.9rem,5vw,2.9rem);
  line-height:1.05;letter-spacing:-.034em;font-weight:700;
}
.dlr101-id .trim{margin:0 0 16px;color:var(--dlr101-muted);font-size:1.12rem}
.dlr101-id .vinout{
  display:inline-block;font-family:var(--dlr101-mono);font-size:.98rem;letter-spacing:.15em;
  color:var(--dlr101-ink);background:var(--dlr101-fill);border-radius:999px;padding:10px 22px;font-weight:600;
}

.dlr101-keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin:24px 0 0}
.dlr101-keys .dlr101-key{background:var(--dlr101-tint);border-radius:13px;padding:18px 12px;text-align:center;margin:0}
.dlr101-keys .v{font-size:1.78rem;font-weight:700;letter-spacing:-.032em;color:var(--dlr101-navy);line-height:1.1}
.dlr101-keys .v small{font-size:.88rem;font-weight:600;color:var(--dlr101-muted)}
.dlr101-keys .k{margin-top:5px;font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--dlr101-faint)}

.dlr101-specs{margin-top:26px}
.dlr101-sec{display:grid;grid-template-columns:190px 1fr;gap:10px 40px;padding:24px 0;border-top:1px solid var(--dlr101-line-2)}
.dlr101-sec>h4{margin:0;font-size:1.26rem;font-weight:700;letter-spacing:-.024em;color:var(--dlr101-navy)}
.dlr101-sec>h4 span{display:block;margin-top:5px;font-size:.88rem;font-weight:400;color:var(--dlr101-faint)}
.dlr101-vals{display:flex;flex-direction:column;gap:10px;min-width:0}
.dlr101-val{display:grid;grid-template-columns:minmax(130px,190px) 1fr;gap:18px;font-size:1.04rem;align-items:baseline}
.dlr101-val .rk{color:var(--dlr101-faint)}
.dlr101-val .rv{color:var(--dlr101-ink);font-weight:550;overflow-wrap:anywhere}

.dlr101-feat{display:flex;flex-wrap:wrap;gap:8px}
.dlr101-pill{
  display:inline-flex;align-items:center;gap:7px;font-size:.93rem;font-weight:500;
  padding:6px 14px 6px 11px;border-radius:999px;
  background:var(--dlr101-green-lt);color:var(--dlr101-green-d);
}
.dlr101-pill svg{width:14px;height:14px;flex-shrink:0}
.dlr101-pill.opt{background:var(--dlr101-fill);color:var(--dlr101-muted)}
.dlr101-pill em{font-style:normal;opacity:.72;font-size:.86rem}

/* Source credit — last thing on the page, deliberately quiet. */
.dlr101-foot{
  margin:36px auto 0;padding:20px 0 0;max-width:56ch;text-align:center;
  border-top:1px solid var(--dlr101-line-2);
  font-size:.88rem;color:var(--dlr101-faint);line-height:1.6;
}
.dlr101-foot b{color:var(--dlr101-muted)}

/* ============================================== collapsible rows and cards */

.dlr101-learn{margin-top:8px}
.dlr101-sechead{text-align:center;margin:34px 0 18px}
.dlr101-sechead h2{margin:0 0 6px;font-size:1.62rem;font-weight:700;letter-spacing:-.028em;color:var(--dlr101-ink)}
.dlr101-sechead p{margin:0 auto;max-width:52ch;font-size:1.02rem;color:var(--dlr101-muted)}

.dlr101-card{border:1.5px solid var(--dlr101-line);border-radius:16px;background:#fff;overflow:hidden}

.dlr101-row{border-top:1px solid var(--dlr101-line-2)}
.dlr101-row:first-child{border-top:0}
.dlr101-row summary{
  display:grid;grid-template-columns:34px 1fr 16px;gap:15px;align-items:center;
  padding:17px 22px;cursor:pointer;list-style:none;transition:background .13s;
}
.dlr101-row summary::-webkit-details-marker{display:none}
.dlr101-row summary:hover{background:var(--dlr101-fill)}
.dlr101-row[open] summary{background:var(--dlr101-fill)}
.dlr101-row-num{
  width:34px;height:34px;border-radius:50%;background:rgba(0,119,204,.08);
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:800;color:var(--dlr101-navy);
}
.dlr101-row-t{font-size:1.1rem;font-weight:650;color:var(--dlr101-ink);letter-spacing:-.02em;line-height:1.35}
.dlr101-row-t span{display:block;margin-top:3px;font-size:.93rem;font-weight:400;color:var(--dlr101-faint)}
.dlr101-chv{width:16px;height:16px;flex-shrink:0;color:var(--dlr101-faint);transition:transform .18s}
.dlr101-row[open] .dlr101-chv{transform:rotate(180deg)}
.dlr101-body{padding:6px 26px 24px 34px}
.dlr101-body p{margin:0 0 13px;font-size:1.04rem}
.dlr101-body p:last-child{margin-bottom:0}

.dlr101-standalone{border:1.5px solid var(--dlr101-line);border-radius:16px;background:#fff;margin-top:0}
.dlr101-standalone + .dlr101-standalone{margin-top:12px}
.dlr101-standalone>summary{border-radius:15px}
.dlr101-standalone[open]>summary{border-radius:15px 15px 0 0}

.dlr101-dl{display:grid;grid-template-columns:auto 1fr;gap:0 22px;margin:0 0 14px;border-top:1px solid var(--dlr101-line-2)}
.dlr101-dl dt{padding:9px 0;font-weight:700;color:var(--dlr101-navy);font-size:1rem;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--dlr101-line-2)}
.dlr101-dl dd{margin:0;padding:9px 0;font-size:1.02rem;color:var(--dlr101-body);border-bottom:1px solid var(--dlr101-line-2)}

.dlr101-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px;margin:0 0 16px}
.dlr101-code{background:var(--dlr101-fill);border-radius:8px;padding:8px 6px;text-align:center;font-size:.87rem;color:var(--dlr101-muted)}
.dlr101-code b{display:block;font-family:var(--dlr101-mono);font-size:1.06rem;color:var(--dlr101-navy);font-weight:700}

.dlr101-quote{border-left:3px solid var(--dlr101-blue);background:var(--dlr101-tint);border-radius:0 10px 10px 0;padding:14px 18px;margin:0 0 14px}
.dlr101-quote p{margin:0;font-size:1rem;color:var(--dlr101-body)}
.dlr101-quote cite{display:block;margin-top:8px;font-style:normal;font-size:.78rem}
.dlr101-quote cite a{color:var(--dlr101-link);text-decoration:none}

.dlr101-key{margin:0;font-size:1.02rem;color:var(--dlr101-body)}
.dlr101-key b{color:var(--dlr101-green-d)}
.dlr101-key b::before{content:"\2713 ";font-weight:800}

/* ---- the two definitions above the comparison ---- */

.dlr101-def{position:relative;margin:0 0 15px;padding-left:38px;font-size:1.02rem;line-height:1.6;color:var(--dlr101-body)}
.dlr101-def::before{content:"";position:absolute;left:0;top:.15em;width:24px;height:24px;border-radius:999px;background-repeat:no-repeat;background-position:center;background-size:13px}
.dlr101-def b{color:var(--dlr101-ink);font-weight:700}
.dlr101-def a{color:var(--dlr101-link);text-decoration:none;font-weight:600}
.dlr101-def a:hover{color:var(--dlr101-link-d);text-decoration:underline}
.dlr101-def-free::before{background-color:#e7f4ec;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f9d55' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E")}
.dlr101-def-paid::before{background-color:#e6f0fb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230069e2' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E")}

/* ---- comparison table, same shape as the California hub ---- */

.dlr101-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.dlr101-cmp{margin:18px 0 0;border:1.5px solid var(--dlr101-line);border-radius:14px;background:#fff;overflow:hidden}
.dlr101-cmp-h,.dlr101-cmp-r{display:grid;grid-template-columns:minmax(0,1fr) 96px 96px;align-items:center}
.dlr101-cmp-h{background:var(--dlr101-fill);border-bottom:1.5px solid var(--dlr101-line);padding:14px 20px}
.dlr101-cmp-h span{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dlr101-navy);text-align:center;white-space:nowrap}
.dlr101-cmp-h span:first-child{text-align:left;color:#8a99ad}
.dlr101-cmp-r{padding:16px 20px;border-top:1px solid var(--dlr101-line-2)}
.dlr101-cmp-h+.dlr101-cmp-r{border-top:0}
.dlr101-cmp-r:hover{background:var(--dlr101-tint)}
.dlr101-cl{font-size:1.01rem;color:var(--dlr101-body);line-height:1.4;padding-right:14px}
.dlr101-cmp-r .dlr101-yes,.dlr101-cmp-r .dlr101-no{position:relative;display:flex;justify-content:center;align-items:center;min-height:32px}
.dlr101-cmp-r .dlr101-yes::before,.dlr101-cmp-r .dlr101-no::before{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;border-radius:50%;transform:translate(-50%,-50%)}
.dlr101-cmp-r .dlr101-yes::before{background:var(--dlr101-green);box-shadow:0 0 0 4px rgba(31,157,85,.14),0 3px 9px rgba(31,157,85,.3)}
.dlr101-cmp-r .dlr101-no::before{background:var(--dlr101-red);box-shadow:0 0 0 4px rgba(229,72,77,.12),0 3px 9px rgba(229,72,77,.26)}
.dlr101-cmp-r .dlr101-yes svg,.dlr101-cmp-r .dlr101-no svg{position:relative;z-index:1;width:15px;height:15px;stroke:#fff;stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.dlr101-cmp-r .dlr101-no svg{width:13px;height:13px;stroke-width:3}

/* ============================================================ the handoff */

.dlr101-handoff{
  margin-top:44px;padding-top:36px;border-top:1px solid var(--dlr101-line);
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.dlr101-handoff h3{margin:0 0 7px;font-size:1.34rem;font-weight:700;letter-spacing:-.026em;color:var(--dlr101-ink)}
.dlr101-handoff p{margin:0 0 17px;font-size:1.03rem;color:var(--dlr101-muted);max-width:50ch}
.dlr101-checks{margin:0 0 20px;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}
.dlr101-checks li{position:relative;padding-left:22px;font-size:.96rem;color:var(--dlr101-body)}
.dlr101-checks li::before{content:"";position:absolute;left:2px;top:.42em;width:5px;height:9px;border:solid var(--dlr101-green);border-width:0 2px 2px 0;transform:rotate(45deg)}
.dlr101-cta{
  display:inline-flex;flex-direction:column;align-items:center;gap:2px;
  background:linear-gradient(180deg,#1187e4,#0077cc);color:#fff;text-decoration:none;
  border-radius:14px;padding:11px 26px;line-height:1.25;
  box-shadow:0 6px 16px rgba(0,119,204,.28);transition:.15s ease;
}
.dlr101-cta b{font-size:1rem;font-weight:700;letter-spacing:-.014em;color:#fff}
.dlr101-cta span{font-size:.68rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#c8e0f7}
.dlr101-cta:hover{background:linear-gradient(180deg,#0f7ed4,#0069b8);color:#fff;transform:scale(1.025);text-decoration:none}
@media(hover:none){.dlr101-cta:hover{transform:none}}

/* ========================================================== the brand grid */

.dlr101-brands{margin-top:42px;border-top:1px solid var(--dlr101-line);padding-top:32px}
.dlr101-bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(134px,1fr));gap:8px}
.dlr101-btile{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  min-height:74px;border:1.5px solid var(--dlr101-line);border-radius:11px;padding:12px 10px;
  text-decoration:none;text-align:center;background:#fff;
  transition:border-color .14s,transform .14s,box-shadow .14s;
}
.dlr101-btile b{display:block;font-size:.97rem;font-weight:700;color:var(--dlr101-ink);letter-spacing:-.014em;line-height:1.2}
.dlr101-btile span{display:block;font-size:.67rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--dlr101-faint)}
.dlr101-btile:hover{border-color:var(--dlr101-blue);box-shadow:0 4px 16px -6px rgba(10,57,111,.45);text-decoration:none}
.dlr101-btile:hover span{color:var(--dlr101-blue)}
.dlr101-btile.is-draft{border-style:dashed;background:var(--dlr101-fill)}
.dlr101-btile.is-draft span{color:var(--dlr101-amber-ink)}

.dlr101-devnote{margin:18px 0 0;font-size:.84rem;color:var(--dlr101-amber-ink);text-align:center;background:var(--dlr101-amber-bg);border-radius:10px;padding:12px 16px}

/* =========================================== guards, mobile, reduced motion */

/* Divi wraps every page in these; the tool page supplies its own layout. */
body.dlr101-tool-page #page-container,
body.dlr101-tool-page #et-main-area,
body.dlr101-tool-page #main-content,
body.dlr101-tool-page .entry-content{overflow:visible}
body.dlr101-tool-page #main-content .container{width:100%;max-width:none;padding:0}
body.dlr101-tool-page #left-area{width:100%;padding-right:0}
body.dlr101-tool-page #sidebar{display:none}

/* every inline icon in the tool is a UI glyph, never a graphic */
.dlr101tool svg,.dlr101-searchwrap svg{max-width:100%;height:auto}

@media(max-width:720px){
  .dlr101-sec{grid-template-columns:1fr;gap:12px;padding:20px 0}
}
@media(max-width:640px){
  .dlr101-toolhero{position:relative;top:auto;padding:12px 0 30px}
  .dlr101-crumb{padding-bottom:14px}
  .dlr101-sheet{min-height:0}
  .dlr101-sheet{border-radius:22px 22px 0 0;margin-top:-22px;padding-top:26px}
  .dlr101-toolhero::after{height:28px}
  .dlr101-wrap{padding:0 18px}
  .dlr101-body{padding:6px 16px 20px 16px}
  .dlr101-row summary{padding:15px 18px;grid-template-columns:30px 1fr 14px;gap:12px}
  .dlr101-row-num{width:30px;height:30px;font-size:13px}
  .dlr101-body>.dlr101-cmp{margin-left:-18px;margin-right:-18px;border-radius:0;border-left:0;border-right:0}
  .dlr101-cmp-h,.dlr101-cmp-r{grid-template-columns:minmax(0,1fr) 60px 60px}
  .dlr101-cmp-h{padding:12px 15px}
  .dlr101-cmp-h span{font-size:10px;letter-spacing:.06em}
  .dlr101-cmp-r{padding:14px 15px}
  .dlr101-cl{font-size:.86rem;padding-right:6px}
  .dlr101-cmp-r .dlr101-yes::before,.dlr101-cmp-r .dlr101-no::before{width:25px;height:25px}
  .dlr101-cmp-r .dlr101-yes svg{width:13px;height:13px}
  .dlr101-cmp-r .dlr101-no svg{width:11px;height:11px}
}
@media(max-width:560px){
  .dlr101-searchbar{flex-direction:column;border-radius:24px;padding:11px;gap:9px}
  #dlr101-vin{width:100%;font-size:.95rem;letter-spacing:.09em;padding:11px 8px}
  .dlr101-btn{width:100%}
  .dlr101-val{grid-template-columns:1fr;gap:1px}
  .dlr101-val .rk{font-size:.73rem;letter-spacing:.05em;text-transform:uppercase}
}
@media(prefers-reduced-motion:reduce){
  .dlr101tool *,.dlr101-searchwrap *{animation:none !important;transition:none !important}
}

/* opening line of the free-vs-paid explainer — sets the tone before the marks */
.dlr101-intro{margin:0 0 16px;font-size:1.02rem;line-height:1.6;color:var(--dlr101-body)}