/* t877 /price-check/ */
.pc-page .pc-art,.pc-page .pc-page-intro{display:none!important}
/* Hero: the Markets hero (catalog-head) with the selected car, or two maritime-blue boxes */
.pc-hero{--maritime:#1f5aa6}
.pc-hero .pc-page-title{max-width:13ch}
.pc-hero .pc-hero-art{display:block!important;position:relative;align-self:center}
.pc-hero .pc-hero-art i{background:var(--maritime)!important;opacity:.38}
.pc-hero .pc-hero-art i+i{background:var(--maritime)!important;opacity:.78}
.pc-hero .pc-hero-car{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(108%,560px);max-height:118%;object-fit:contain;z-index:2;filter:drop-shadow(0 14px 12px rgba(23,35,43,.22))}
.pc-hero .pc-hero-art:not(.pc-hero-tq) .pc-hero-car{width:min(112%,600px)}
@media (max-width:900px){.pc-hero .pc-hero-car{width:min(100%,420px)}}
/* Most searched (no car selected): Market Movers grid */
.pc-most-searched{margin-top:36px}
.pc-most-searched .pc-ms-banner{display:block!important;padding-top:8px!important;padding-bottom:4px!important}
.pc-most-searched .mm-title h2{margin:0}
.pc-most-searched .pc-ms-note{margin:6px 0 0;font:400 15px/1.4 var(--sans,"Libre Franklin",sans-serif);color:#17232b}
.pc-ms-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.pc-ms-list{grid-template-columns:1fr}}
.pc-ms-card .mm-img{height:120px;display:grid;place-items:center}.pc-ms-card .mm-img img{max-width:80%;max-height:100px;object-fit:contain}
/* Related content below the pricing box */
.pc-related{margin-top:56px}
.pc-related .guide-shelf-head{display:block!important}
.pc-related .guide-shelf-head h2{max-width:none!important}
/* Pricing box */
.pc-page .pc-kicker-i{display:inline-flex!important;align-items:center;gap:8px}
.pc-page .pc-info{all:unset;cursor:pointer;display:inline-grid;place-items:center;width:21px;height:21px;color:#17232b;border-radius:50%}
.pc-page .pc-info svg{width:21px;height:21px}.pc-page .pc-info .rc-i-ring{fill:none;stroke:currentColor;stroke-width:1.2}
.pc-page .pc-info:hover,.pc-page .pc-info[aria-expanded=true]{color:#b51e63}
.pc-page .pc-info:focus-visible{outline:2px solid #17232b;outline-offset:2px}
.pc-page .pc-main{position:relative}
.pc-page .pc-info-pop{position:absolute;z-index:30;left:0;top:28px;width:min(440px,86vw);box-sizing:border-box;padding:18px 20px;background:#fffdf8;border:1.5px solid #17232b;box-shadow:5px 5px 0 #17232b;font:400 13px/1.55 var(--sans,"Libre Franklin",sans-serif);color:#17232b;text-transform:none;letter-spacing:0}
.pc-page .pc-info-pop p{margin:0 0 8px}.pc-page .pc-info-pop .pc-info-lead{font-style:italic;font-family:var(--serif,Georgia,serif);font-size:14px}
.pc-page .pc-info-pop h4{margin:14px 0 6px;font:700 10px/1.2 var(--sans,"Libre Franklin",sans-serif);letter-spacing:.12em;text-transform:uppercase}
.pc-page .pc-info-pop dl{margin:0;display:grid;gap:4px}.pc-page .pc-info-pop dl div{display:flex;justify-content:space-between;gap:12px}.pc-page .pc-info-pop dd{margin:0;font-weight:600}
.pc-page .pc-info-pop ul{margin:0;padding-left:18px}
/* Explore this car's market: to the right of the asking price, right edge on the Matching sales column's right edge */
.pc-page .pc-ask-x{position:relative}
.pc-page .pc-ask-x .pc-explore{position:absolute;right:0;bottom:0;margin:0}
@media (max-width:700px){.pc-page .pc-ask-x .pc-explore{position:static;margin-top:16px}}
/* View on graph: right side of the box, bottom-aligned with View matching sales; Guide 'View Market Record' box design */
.pc-page .pc-viewwrap-x{display:flex!important;justify-content:space-between;align-items:flex-end;gap:16px}
.pc-page .pc-graph-btn{all:unset;box-sizing:border-box;cursor:pointer;position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;font:700 12px/1.4 var(--sans,"Libre Franklin",sans-serif);color:#17232b;white-space:nowrap;text-decoration:none!important}
.pc-page .pc-graph-btn::before{content:'';position:absolute;inset:2px 0;background:#e9d779;transform:skew(-8deg) rotate(-1deg);z-index:-1;transition:background .18s,transform .18s}
.pc-page .pc-graph-btn:is(:hover,:focus-visible)::before{background:#e8bfd3;transform:skew(-8deg) rotate(1deg)}
.pc-page .pc-graph-btn:focus-visible{outline:2px solid #17232b;outline-offset:3px}
/* Matching sales: column headings stick inside the table box */
.pc-page .pc-sales-head{display:none!important}
.pc-page .pc-sales-grid .v123-table-scroll{max-height:min(72vh,680px);overflow:auto!important}
.pc-page .pc-sales-grid thead th{position:sticky!important;top:0;z-index:3;background:#f3efe6;box-shadow:inset 0 -1px 0 #17232b}
/* Short content: footer sits at the bottom of the viewport */
body:has(.pc-page) .site-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body:has(.pc-page) .site-shell>main.pc-page{flex:1 0 auto}
.pc-most-searched{background:#fff;padding:28px 0 44px}
.pc-most-searched .pc-ms-banner{background:transparent!important;color:#17232b!important;border:0!important;margin-top:0!important}
.pc-most-searched .pc-ms-banner h2{color:#17232b!important;font-size:clamp(34px,3.4vw,48px)}
.pc-page .pc-viewwrap-x{width:100%}
@media (min-width:1100px){html:root body .pc-related>.page-width{box-sizing:border-box;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:var(--rc-gut)!important;padding-right:var(--rc-gut)!important}}
.pc-page .pc-most-searched{margin-top:64px}
.pc-page .pc-viewwrap-x>.pc-graph-btn{margin-left:auto!important;align-self:flex-end}

/* ---------- t890 / t891 / t892 ---------- */
/* Hero: Guide headline face/size; single black hero-bottom rule like the Guides and Markets heroes; no band below it */
html:root body .pc-hero .pc-page-title{font-weight:400!important;letter-spacing:-.05em!important}
html:root body main.pc-page>.pc-hero{border-bottom:1px solid #182329!important;margin-bottom:0!important}
html:root body main.pc-page>.pc-sticky{top:0!important;background:transparent!important;border:0!important}
/* Empty state: Most searched on the Guide background, with room below the finder */
html:root body .pc-page .pc-most-searched{background:transparent!important;margin-top:0!important;padding-top:56px!important}
html:root body .pc-most-searched .pc-ms-note{font:400 19px/1.2 var(--hand,Kalam),Kalam,"Comic Sans MS",cursive!important;color:#0d78b5!important;margin-top:8px!important}
/* Range note in the handwritten face; info icon half size */
html:root body .pc-page .pc-range-note{font:400 16px/1.25 var(--hand,Kalam),Kalam,"Comic Sans MS",cursive!important;letter-spacing:0!important}
html:root body .pc-page .pc-info,html:root body .pc-page .pc-info svg{width:11px!important;height:11px!important}
html:root body .pc-page .pc-info .rc-i-ring{stroke-width:1.6}
html:root body .pc-page .pc-info-pop{top:20px}
/* Explore this car's market: clear of the asking-price graph labels; consistent spacing to View on graph */
html:root body .pc-page .pc-ask-x .pc-explore{position:static!important;display:flex;justify-content:flex-end;margin:24px 0 0!important}
html:root body .pc-page .pc-viewwrap-x{margin-top:24px!important}
/* View / Hide matching sales: the Markets 'Explore Market Movers' offset-shadow box */
html:root body .pc-page :is(.pc-view,.pc-sales-hide){display:inline-block;box-sizing:border-box;padding:12px 18px!important;background:#fff!important;border:2px solid #17232b!important;box-shadow:4px 4px 0 #17232b!important;color:#17232b!important;font:700 12px/1.2 var(--sans,"Libre Franklin",sans-serif)!important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;margin:0 4px 4px 0}
html:root body .pc-page :is(.pc-view,.pc-sales-hide):is(:hover,:focus-visible){background:#c8ded3!important}
/* Top filter row: Year after Mileage; Mileage, Year and Period narrower */
@media (min-width:701px){
 html:root body .pc-page .pc-controls{display:flex!important;flex-wrap:wrap;gap:14px 20px}
 html:root body .pc-page .pc-controls>.pc-field{flex:1 1 150px;min-width:0}
 html:root body .pc-page .pc-controls>.pc-field:is(.pc-mileage,.pc-year,.pc-period){flex:0 1 128px}
}
/* Matching sales table: the car Market page record table (no extra hover tint), single rules, smooth sticky header */
html:root body .pc-page .evidence-table-record tbody tr:hover>td,html:root body .pc-page .evidence-table-record tbody tr:focus-within>td{background:#f3f4ed!important}
html:root body .pc-page .v123-table-scroll{max-height:min(72vh,680px);overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html:root body .pc-page .evidence-table-record{border-collapse:separate!important;border-spacing:0}
html:root body .pc-page .evidence-table-record thead th{position:sticky!important;top:0;z-index:3;background:#c6d8e1!important;border-top:0!important;border-bottom:0!important;box-shadow:inset 0 -1px 0 #17232b!important;will-change:transform}
html:root body .pc-page .evidence-table-record thead tr:first-child th{box-shadow:inset 0 1px 0 #17232b,inset 0 -1px 0 #17232b!important}
/* Related content: exactly the Market page 'More content' section (no thick rule) */
html:root body .pc-related{margin-top:0!important}
html:root body .pc-related section.v127-model-stories{border-top:0!important;margin-top:64px!important}
html:root body .pc-related .v127-model-stories .kicker{display:block!important;font-size:17px!important;line-height:1.3!important;color:#ff2f87!important}
html:root body .pc-related .v127-model-stories .guide-shelf-head h2{font-size:36px!important;font-weight:400!important;line-height:1.15!important;margin:32px 0 24px!important}
html:root body .pc-related .v127-model-stories #guide-outside{line-height:1.15!important;margin:32px 0 24px!important}
html:root body .pc-related .v123-data-cta{display:none!important}
@media (max-width:700px){html:root body .pc-related .v127-model-stories .guide-shelf-head h2{font-size:28px!important}}
html:root body .pc-hero .pc-page-title{max-width:5em!important}
html:root body .pc-page .pc-info-pop{top:34px!important}

/* ---------- t893 ---------- */
/* Body and hero: no flat fill, so the page shows the site body background (as /terms-of-use/) and the hero is transparent like Markets/Guides */
html:root body main.pc-page,html:root body main.pc-page>.pc-hero{background:transparent!important}
/* Empty state: finder in the tan Markets filter-bar box with a bottom rule */
html:root body main.pc-page:not(:has(.pc-page-module))>.pc-sticky{background:#f2ecdf!important;border-bottom:1px solid #182329!important}
html:root body .pc-most-searched .pc-ms-note{margin-bottom:18px!important}
/* Most searched cards (Price check only): Dealers page fills with a 5% dot pattern over the whole card */
html:root body .pc-most-searched .mm-card{position:relative;isolation:isolate}
html:root body .pc-most-searched .mm-up{background:#c4e5d9!important}
html:root body .pc-most-searched .mm-down{background:#e2bfd0!important}
html:root body .pc-most-searched .mm-card .mm-img,html:root body .pc-most-searched .mm-card .mm-pair{background:transparent!important}
html:root body .pc-most-searched .mm-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,#17232b 2px,transparent 2.6px) 0 0/10px 10px;opacity:.05}
/* Matching sales: price column off the table edge */
html:root body .pc-page .evidence-table-record :is(th,td):last-child{padding-right:18px!important}

/* ---------- t895 ---------- */
/* Empty state: one 28px step between the finder rule, 'Most searched', the handwritten note and the MOVING UP label */
html:root body .pc-page .pc-most-searched{padding-top:28px!important}
html:root body .pc-most-searched .pc-ms-banner{padding:0!important;margin:0!important}
html:root body .pc-most-searched .mm-title h2{margin:0!important;line-height:1.05!important}
html:root body .pc-most-searched .pc-ms-note{margin:28px 0 0!important;line-height:1.2!important}
html:root body .pc-most-searched .mm-home-body{padding-top:28px!important;margin-top:0!important}
html:root body .pc-most-searched .mm-group:first-child>.mm-group-head,html:root body .pc-most-searched .mm-group-up>.mm-group-head{margin-top:0!important}
/* Moving down cards: the Market Movers row card blue with its pink 5% dots; the % in the Moving up pink */
html:root body .pc-most-searched .mm-down{background:#dae7f3!important}
html:root body .pc-most-searched .mm-down::after{background:radial-gradient(circle,#d81b72 2px,transparent 2.6px) 0 0/10px 10px!important;opacity:.05!important}
html:root body .pc-most-searched .mm-down .mm-pct{color:#d81b72!important}
/* Matching sales: price column 36px off the table edge */
html:root body .pc-page .evidence-table-record :is(th,td):last-child{padding-right:36px!important}

/* ---------- t897 ---------- */
/* Car pages keep the "What car are you looking at?" banner from the main page, directly below the hero (same tan box) */
html:root body main.pc-page>.pc-sticky{position:relative!important;top:auto!important;background:#f2ecdf!important;border-bottom:1px solid #182329!important}
/* While the suggestions are open the banner (and its dropdown) sits above the site nav and the filter bar */
html:root body main.pc-page>.pc-sticky:has([aria-expanded="true"]),html:root body main.pc-page>.pc-sticky:focus-within{z-index:120!important}
html:root body main.pc-page>.pc-sticky .pc-finder-list{z-index:121!important}
/* ---------- t898 ---------- */
/* Most searched: heading + handwritten line read as one block, centred between the rule above and MOVING UP (equal 40px) */
html:root body .pc-page .pc-most-searched{padding-top:40px!important}
html:root body .pc-most-searched .pc-ms-note{margin:6px 0 0!important}
html:root body .pc-most-searched .mm-home-body{padding-top:40px!important}
/* Car pages: search (with its visible label) on the left, the car image + CAR / name on the right */
html:root body main.pc-page:not(.pc-no-car)>.pc-sticky .pc-sticky-inner{flex-direction:row-reverse!important;align-items:flex-end!important}
html:root body main.pc-page:not(.pc-no-car)>.pc-sticky .pc-finder{margin:0 auto 0 0!important;flex:0 1 520px!important;max-width:520px!important}
html:root body main.pc-page:not(.pc-no-car)>.pc-sticky .pc-finder-label{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important}
html:root body main.pc-page:not(.pc-no-car)>.pc-sticky .pc-current{flex-direction:row-reverse;text-align:right}
@media(max-width:700px){html:root body main.pc-page:not(.pc-no-car)>.pc-sticky .pc-sticky-inner{flex-direction:column-reverse!important;align-items:stretch!important}
 html:root body main.pc-page:not(.pc-no-car)>.pc-sticky .pc-finder{flex:none!important;max-width:none!important}
 html:root body main.pc-page:not(.pc-no-car)>.pc-sticky .pc-current{justify-content:flex-start}}
/* ---------- t901 ---------- */
html:root body .pc-most-searched .mm-group-head .pc-sh-label{display:inline-flex;flex-direction:column;gap:3px;vertical-align:middle}
html:root body .pc-most-searched .mm-group-head .pc-sh-sub{font:400 12px/1.2 var(--sans,system-ui,sans-serif);letter-spacing:0;text-transform:none;color:#3b3934}
/* ---------- t904: real search-activity % caption (only on cards with GA data) ---------- */
html:root body .pc-most-searched .mm-card .mm-pct.pc-trend{display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}
html:root body .pc-most-searched .mm-card .pc-trend-cap{font:500 9.5px/1.2 var(--sans,system-ui,sans-serif);letter-spacing:.04em;color:#5d5a52;white-space:nowrap}
@media(max-width:700px){html:root body .pc-most-searched .mm-card .pc-trend-cap{font-size:9px}}
/* t908: caption on two lines, right-aligned to the % above */
html:root body .pc-most-searched .mm-card .pc-trend-cap{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:1px;line-height:1.25;align-self:flex-end;margin-right:0}
/* t909: price-basis line above Previous / Latest */
html:root body .pc-most-searched .mm-card .mm-pair .pc-price-note{grid-column:1/-1;font:500 10.5px/1.3 var(--sans,system-ui,sans-serif);letter-spacing:.02em;color:#5d5a52;margin:0 0 2px;padding:0;overflow-wrap:anywhere}
@media(max-width:600px){html:root body .pc-most-searched .mm-card .mm-pair .pc-price-note{font-size:10px}}
/* t910: the price-basis line sits under Previous / Latest, quieter; Previous / Latest back in their original place */
html:root body .pc-most-searched .mm-card .mm-pair .pc-price-note{font-size:9.5px;font-weight:400;color:#8a857a;margin:-4px 0 0;letter-spacing:.02em}
@media(max-width:600px){html:root body .pc-most-searched .mm-card .mm-pair .pc-price-note{font-size:9px}}