/* SearchCars.ca — main stylesheet
   Aesthetic: confident, editorial-utilitarian. Trustworthy Canadian marketplace.
   Deep navy ink, a single confident blue, warm paper surfaces, one maple-red
   signature. Display: Fraunces. UI/body: Sora. Prices in tabular figures.
   Depth via layered shadows + hairlines; restrained, intentional motion. */

*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	font-family: "Sora", -apple-system, BlinkMacSystemFont, sans-serif;
	color: var(--scm-ink);
	background: var(--scm-mist);
	line-height: 1.58;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1, h2, h3 { font-family: "Fraunces", Georgia, serif; line-height: 1.12; color: var(--scm-ink); letter-spacing: -0.01em; margin: 0; }
a { color: var(--scm-blue); text-decoration: none; transition: color .15s var(--scm-ease); }
a:hover { color: var(--scm-blue-dark); }
img { max-width: 100%; height: auto; display: block; }
:focus-visible { outline: 2px solid var(--scm-blue); outline-offset: 2px; border-radius: 4px; }

.scm-wrap { max-width: var(--scm-max); margin: 0 auto; padding: 0 22px; }

/* Tabular numerals for any price-like figure */
.scm-card-price, .scm-listing-price, .scm-sticky-price, .scm-calc-out, .scm-hub-links span { font-variant-numeric: tabular-nums; }

/* ---------- Buttons ---------- */
.scm-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 7px;
	font: 600 14px/1 "Sora", sans-serif; letter-spacing: .01em;
	padding: 12px 20px; border-radius: var(--scm-radius-sm);
	border: 1px solid transparent; cursor: pointer; transition: transform .16s var(--scm-ease), background .16s var(--scm-ease), box-shadow .16s var(--scm-ease);
	text-decoration: none; white-space: nowrap;
}
.scm-btn-primary { background: var(--scm-blue); color: #fff; box-shadow: 0 1px 2px rgba(29,95,212,.4), 0 6px 16px rgba(29,95,212,.22); }
.scm-btn-primary:hover { background: var(--scm-blue-dark); color: #fff; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(29,95,212,.4), 0 10px 22px rgba(29,95,212,.28); }
.scm-btn-ghost { background: var(--scm-paper); color: var(--scm-ink); border-color: var(--scm-line); }
.scm-btn-ghost:hover { border-color: var(--scm-blue); color: var(--scm-blue); transform: translateY(-1px); }
.scm-btn-block { width: 100%; }

/* ---------- Header ---------- */
.scm-header { background: rgba(255,255,255,.86); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--scm-line); position: sticky; top: 0; z-index: 40; }
.scm-header-inner { display: flex; align-items: center; gap: 26px; height: 70px; }
.scm-logo { font: 600 23px/1 "Fraunces", serif; color: var(--scm-ink); letter-spacing: -0.02em; }
.scm-logo strong { color: var(--scm-blue); font-weight: 600; }
.scm-logo span { color: var(--scm-maple); }
.scm-nav { margin-left: auto; }
.scm-menu { display: flex; gap: 24px; list-style: none; margin: 0; padding: 0; font-size: 14px; font-weight: 500; }
.scm-menu a { color: var(--scm-slate); }
.scm-menu a:hover { color: var(--scm-ink); }
.scm-header-cta { display: flex; gap: 10px; }

/* ---------- Hero ---------- */
.scm-hero {
	position: relative; overflow: hidden; color: #fff; padding: 72px 0 60px;
	background:
		radial-gradient(120% 120% at 85% -10%, rgba(200,49,43,.22), transparent 45%),
		linear-gradient(157deg, #0a1626 0%, #14346f 55%, #1546a0 100%);
}
/* fine grid texture for depth */
.scm-hero::before {
	content: ""; position: absolute; inset: 0; opacity: .5;
	background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
	background-size: 44px 44px; mask-image: linear-gradient(180deg, #000 0%, transparent 75%);
	pointer-events: none;
}
.scm-hero .scm-wrap { position: relative; z-index: 1; }
.scm-hero-title { color: #fff; font-size: clamp(34px, 5.2vw, 56px); margin: 0 0 12px; font-weight: 600; }
.scm-hero-title .scm-accent { color: #ffd9d6; }
.scm-hero-sub { color: #c6d3ec; font-size: clamp(16px, 2vw, 19px); margin: 0 0 30px; max-width: 540px; }

/* Search bar */
.scm-search {
	display: flex; flex-wrap: wrap; gap: 10px; background: #fff; padding: 12px;
	border-radius: var(--scm-radius); box-shadow: var(--scm-shadow-lg);
}
.scm-search input, .scm-search select {
	flex: 1 1 148px; min-width: 0; padding: 13px 12px; border: 1px solid var(--scm-line);
	border-radius: var(--scm-radius-sm); font: 400 15px "Sora", sans-serif; color: var(--scm-ink); background: var(--scm-paper-warm);
	transition: border-color .15s var(--scm-ease), box-shadow .15s var(--scm-ease);
}
.scm-search input:focus, .scm-search select:focus { outline: none; border-color: var(--scm-blue); box-shadow: 0 0 0 3px rgba(29,95,212,.14); background: #fff; }
.scm-search input[type="text"] { flex: 2 1 220px; }
.scm-search .scm-btn { flex: 0 0 auto; padding-inline: 26px; }

/* trust strip */
.scm-trust { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 22px; color: #b9c7e2; font-size: 13.5px; font-weight: 500; }
.scm-trust span { display: inline-flex; align-items: center; gap: 7px; }
.scm-trust span::before { content: "✓"; color: #7fe0a6; font-weight: 700; }

.scm-quick { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.scm-chip {
	background: rgba(255,255,255,.10); color: #fff; padding: 8px 15px; border-radius: 999px;
	font-size: 13px; font-weight: 500; border: 1px solid rgba(255,255,255,.18); transition: background .15s var(--scm-ease), transform .15s var(--scm-ease);
}
.scm-chip:hover { background: rgba(255,255,255,.2); color: #fff; transform: translateY(-1px); }

/* ---------- Sections ---------- */
.scm-section { padding: 48px 22px; }
.scm-section-title { font-size: clamp(22px, 3vw, 28px); margin: 0 0 24px; position: relative; padding-bottom: 12px; }
.scm-section-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; border-radius: 2px; background: var(--scm-blue); }
.scm-section-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 24px; gap: 16px; }
.scm-section-head .scm-section-title { margin: 0; }
.scm-link { font-weight: 600; font-size: 14px; white-space: nowrap; }

/* ---------- Cards grid ---------- */
.scm-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); gap: 22px; }
.scm-card {
	background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius);
	overflow: hidden; transition: transform .2s var(--scm-ease), box-shadow .2s var(--scm-ease), border-color .2s var(--scm-ease);
	display: flex; flex-direction: column;
}
.scm-card:hover { box-shadow: var(--scm-shadow-lg); transform: translateY(-3px); border-color: transparent; }
.scm-card-media { position: relative; display: block; aspect-ratio: 4/3; background: linear-gradient(135deg, var(--scm-blue-soft), #dce8fb); overflow: hidden; }
.scm-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--scm-ease); }
.scm-card:hover .scm-card-media img { transform: scale(1.04); }
.scm-card-noimg { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--scm-slate-2); font-size: 13px; }
.scm-card-body { padding: 15px 16px 16px; display: flex; flex-direction: column; gap: 2px; }
.scm-card-title { font-size: 16px; line-height: 1.3; margin: 0 0 4px; font-family: "Sora"; font-weight: 600; letter-spacing: -0.01em; }
.scm-card-title a { color: var(--scm-ink); }
.scm-card-title a:hover { color: var(--scm-blue); }
.scm-card-price { font: 700 21px "Sora", sans-serif; color: var(--scm-ink); letter-spacing: -0.02em; }
.scm-card-meta { color: var(--scm-slate); font-size: 13px; margin: 3px 0 12px; }
.scm-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 12px 14px 0; padding-top: 11px; border-top: 1px solid var(--scm-line); }
.scm-age { color: var(--scm-slate-2); font-size: 12px; white-space: nowrap; }
/* Seller type is metadata, not a feature: quiet label + small dot, no caps shout. */
.scm-seller { display: inline-flex; align-items: center; gap: 5px; font: 600 12px "Sora", sans-serif; color: var(--scm-slate); }
.scm-seller::before { content: ""; width: 6px; height: 6px; border-radius: 50%; flex: 0 0 auto; }
.scm-seller-dealer::before { background: var(--scm-blue, #1d5fd4); }
.scm-seller-private::before { background: var(--scm-great, #0b8457); }

/* Pills + deal badges */
.scm-pill { font-size: 10.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; text-transform: uppercase; letter-spacing: .05em; }
.scm-pill-dealer { background: var(--scm-blue-soft); color: var(--scm-blue-dark); }
.scm-pill-private { background: #e9f6ed; color: var(--scm-great); }
.scm-deal { position: absolute; left: 11px; top: 11px; font-size: 11px; font-weight: 700; color: #fff; padding: 5px 11px; border-radius: 7px; box-shadow: 0 2px 8px rgba(10,22,38,.25); letter-spacing: .01em; }
.scm-deal-great { background: var(--scm-great); }
.scm-deal-good { background: var(--scm-good); }
.scm-deal-fair { background: var(--scm-fair); }
.scm-deal-high { background: var(--scm-high); }

/* Favourite heart */
.scm-fav {
	position: absolute; right: 11px; top: 11px; width: 38px; height: 38px; border-radius: 50%;
	border: none; background: rgba(255,255,255,.94); color: var(--scm-slate-2); font-size: 16px;
	cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: var(--scm-shadow-sm);
	transition: transform .15s var(--scm-ease), color .15s var(--scm-ease);
}
.scm-fav:hover { transform: scale(1.12); color: var(--scm-maple); }
.scm-fav.is-saved { color: var(--scm-maple); }
.scm-fav-wide { position: static; width: 100%; height: auto; border-radius: var(--scm-radius-sm); padding: 12px; border: 1px solid var(--scm-line); margin-top: 10px; gap: 8px; font: 600 14px "Sora"; }

/* ---------- Breadcrumbs ---------- */
.scm-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; font-size: 13px; color: var(--scm-slate-2); }
.scm-crumbs li + li::before { content: "/"; margin-right: 8px; color: var(--scm-line); }
.scm-crumbs a { color: var(--scm-slate); }
.scm-crumbs li[aria-current] { color: var(--scm-ink); font-weight: 600; }

/* ---------- Browse hub (internal linking) ---------- */
.scm-browse-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.scm-hub { background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius); padding: 20px; }
.scm-hub h3 { font-size: 16px; margin: 0 0 14px; font-family: "Sora"; font-weight: 600; }
.scm-hub-links { display: flex; flex-wrap: wrap; gap: 8px; }
.scm-hub-links a { display: inline-flex; align-items: center; gap: 6px; background: var(--scm-mist); color: var(--scm-ink-soft); padding: 6px 11px; border-radius: 8px; font-size: 13px; font-weight: 500; transition: background .15s var(--scm-ease); }
.scm-hub-links a:hover { background: var(--scm-blue-soft); color: var(--scm-blue-dark); }
.scm-hub-links span { color: var(--scm-slate-2); font-size: 11px; font-weight: 600; }

/* ---------- Why row ---------- */
.scm-why { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.scm-why > div { background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius); padding: 24px; }
.scm-why h3 { font-size: 19px; margin: 0 0 9px; }
.scm-why p { color: var(--scm-slate); margin: 0; font-size: 14.5px; }

/* ---------- Results layout ---------- */
.scm-results { display: grid; grid-template-columns: 280px 1fr; gap: 30px; padding: 8px 22px 56px; }
.scm-filters { background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius); padding: 20px; align-self: start; position: sticky; top: 90px; }
.scm-filters h2 { font-size: 17px; margin: 0 0 16px; font-family: "Sora"; font-weight: 700; }
.scm-filter-toggle { display: none; }
.scm-results-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; gap: 14px; }
.scm-results-head h1 { font-size: clamp(22px, 3vw, 28px); }
.scm-count { color: var(--scm-slate-2); font-family: "Sora"; font-size: 15px; font-weight: 500; }
.scm-sort select { padding: 9px 11px; border: 1px solid var(--scm-line); border-radius: 8px; font: 500 14px "Sora"; background: var(--scm-paper); }
.scm-pagination { margin-top: 32px; display: flex; gap: 8px; flex-wrap: wrap; }
.scm-pagination .page-numbers { padding: 9px 14px; border: 1px solid var(--scm-line); border-radius: 8px; background: var(--scm-paper); font-weight: 500; font-size: 14px; }
.scm-pagination .page-numbers:hover { border-color: var(--scm-blue); }
.scm-pagination .current { background: var(--scm-blue); color: #fff; border-color: var(--scm-blue); }

/* ---------- Forms ---------- */
.scm-form label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 15px; color: var(--scm-ink); }
.scm-form input, .scm-form select, .scm-form textarea {
	display: block; width: 100%; margin-top: 6px; padding: 11px 12px; border: 1px solid var(--scm-line);
	border-radius: var(--scm-radius-sm); font: 400 15px "Sora", sans-serif; color: var(--scm-ink); background: var(--scm-paper-warm);
	transition: border-color .15s var(--scm-ease), box-shadow .15s var(--scm-ease);
}
.scm-form input:focus, .scm-form select:focus, .scm-form textarea:focus { outline: none; border-color: var(--scm-blue); box-shadow: 0 0 0 3px rgba(29,95,212,.14); background: #fff; }
.scm-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.scm-flags { border: 1px solid var(--scm-line); border-radius: var(--scm-radius-sm); padding: 14px; margin-bottom: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; background: var(--scm-paper-warm); }
.scm-check { display: flex !important; align-items: center; gap: 9px; font-weight: 500 !important; margin-bottom: 0 !important; }
.scm-check input { width: auto !important; margin: 0 !important; accent-color: var(--scm-blue); }

/* ---------- Listing detail ---------- */
.scm-listing { padding: 16px 22px 40px; }
.scm-listing-head { margin: 18px 0 0; }
.scm-listing-head h1 { font-size: clamp(25px, 3.4vw, 36px); margin: 0 0 8px; }
.scm-listing-price { font: 700 30px "Sora", sans-serif; display: flex; align-items: center; gap: 13px; letter-spacing: -0.02em; }
.scm-listing-price .scm-deal { position: static; box-shadow: none; }
.scm-listing-sub { color: var(--scm-slate-2); margin: 6px 0 22px; font-size: 14px; }
.scm-listing-grid { display: grid; grid-template-columns: 1fr 366px; gap: 36px; }
.scm-gallery-main { border-radius: var(--scm-radius); width: 100%; aspect-ratio: 16/10; object-fit: cover; box-shadow: var(--scm-shadow); }
.scm-gallery-thumbs { display: flex; gap: 9px; margin-top: 11px; flex-wrap: wrap; }
.scm-gallery-thumbs img { width: 94px; height: 70px; object-fit: cover; border-radius: 8px; cursor: pointer; border: 2px solid transparent; transition: border-color .15s var(--scm-ease); }
.scm-gallery-thumbs img:hover { border-color: var(--scm-blue); }
.scm-specs dl { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--scm-line); border-radius: var(--scm-radius); overflow: hidden; background: var(--scm-paper); }
.scm-specs dt { padding: 12px 15px; background: var(--scm-paper-warm); font-size: 13px; color: var(--scm-slate); border-top: 1px solid var(--scm-line); }
.scm-specs dd { padding: 12px 15px; margin: 0; font-weight: 600; border-top: 1px solid var(--scm-line); }
.scm-specs dl > dt:first-of-type, .scm-specs dl > dd:nth-of-type(1) { border-top: none; }
.scm-specs, .scm-description, .scm-safety { margin-top: 30px; }
.scm-specs h2, .scm-description h2 { font-size: 21px; margin-bottom: 14px; }
.scm-safety { background: linear-gradient(180deg, #fffaf0, #fff6e8); border: 1px solid #f1dcae; border-radius: var(--scm-radius); padding: 18px 20px; }
.scm-safety h3 { margin: 0 0 9px; font-size: 16px; font-family: "Sora"; font-weight: 700; }
.scm-safety ul { margin: 0; padding-left: 18px; color: var(--scm-ink-soft); }
.scm-safety li { margin-bottom: 5px; }

.scm-contact-card, .scm-payment-card { background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius); padding: 22px; box-shadow: var(--scm-shadow); }
.scm-listing-side { display: flex; flex-direction: column; gap: 20px; align-self: start; position: sticky; top: 90px; }
.scm-contact-card { position: static; }
.scm-payment-card { margin-top: 18px; }
.scm-contact-card h2 { font-size: 19px; margin: 12px 0 14px; }
.scm-report { text-align: center; margin: 12px 0 0; font-size: 13px; }
.scm-report a { color: var(--scm-slate-2); }
.scm-calc label { font-size: 13px; font-weight: 600; display: block; margin-bottom: 11px; }
.scm-calc input, .scm-calc select { width: 100%; padding: 10px; border: 1px solid var(--scm-line); border-radius: 7px; margin-top: 5px; font: 400 14px "Sora"; }
.scm-calc-out { font: 700 24px "Sora"; color: var(--scm-blue-dark); margin: 10px 0 2px; letter-spacing: -0.02em; }
.scm-payment-card h3 { font-family: "Sora"; font-weight: 700; font-size: 16px; margin: 0 0 14px; }

.scm-similar { padding: 8px 0 48px; }

/* Sticky mobile contact bar */
.scm-sticky-cta {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: none;
	align-items: center; justify-content: space-between; gap: 12px;
	background: rgba(255,255,255,.96); backdrop-filter: blur(10px); border-top: 1px solid var(--scm-line);
	padding: 12px 18px; box-shadow: 0 -6px 20px rgba(10,22,38,.10);
}
.scm-sticky-price { font: 700 19px "Sora"; }
.scm-sticky-cta .scm-btn { flex: 0 0 auto; }

/* ---------- Dashboard / tables ---------- */
.scm-dash { padding: 30px 0; }
.scm-dash h2 { font-size: 28px; margin-bottom: 6px; }
.scm-dash h3 { font-family: "Sora"; font-weight: 700; font-size: 18px; margin: 26px 0 12px; }
.scm-table { width: 100%; border-collapse: collapse; background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius); overflow: hidden; }
.scm-table th, .scm-table td { text-align: left; padding: 12px 15px; border-bottom: 1px solid var(--scm-line); font-size: 14px; }
.scm-table th { background: var(--scm-paper-warm); font-weight: 600; }
.scm-table tr:last-child td { border-bottom: none; }
.scm-msgs { list-style: none; padding: 0; }
.scm-msgs li { background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius-sm); padding: 15px; margin-bottom: 11px; }

/* ---------- Notices ---------- */
.scm-notice { padding: 14px 16px; border-radius: var(--scm-radius-sm); margin: 0 0 18px; font-size: 14px; border: 1px solid transparent; }
.scm-notice-info { background: var(--scm-blue-soft); color: var(--scm-blue-dark); border-color: #cfe0fb; }
.scm-notice-success { background: #e7f6ec; color: var(--scm-great); border-color: #b8e3c6; }
.scm-notice-error { background: #fdeceb; color: var(--scm-high); border-color: #f4c9c4; }

/* ---------- Pages ---------- */
.scm-page { padding: 30px 22px 56px; max-width: 760px; }
.scm-page-title { font-size: clamp(30px, 4vw, 40px); margin: 14px 0 20px; }
.scm-page-content { font-size: 16px; color: var(--scm-ink-soft); }
.scm-page-content h2 { font-size: 24px; margin: 28px 0 12px; }

/* ---------- Footer ---------- */
.scm-footer { background: var(--scm-ink); color: #aeb9c9; margin-top: 48px; }
.scm-footer-inner { display: flex; justify-content: space-between; gap: 32px; padding: 48px 22px 36px; flex-wrap: wrap; }
.scm-footer-brand { max-width: 320px; }
.scm-footer-brand p { margin: 12px 0 0; font-size: 14px; line-height: 1.6; }
.scm-footer .scm-logo { color: #fff; }
.scm-footer-menu { list-style: none; display: flex; flex-wrap: wrap; gap: 18px; padding: 0; margin: 0; }
.scm-footer-menu a { color: #aeb9c9; font-size: 14px; }
.scm-footer-menu a:hover { color: #fff; }
.scm-footer-legal { border-top: 1px solid rgba(255,255,255,.09); padding: 18px 22px; color: #7a8699; }

/* ---------- Motion: staggered card reveal on load ---------- */
@media (prefers-reduced-motion: no-preference) {
	.scm-cards .scm-card { animation: scm-rise .5s var(--scm-ease) both; }
	.scm-cards .scm-card:nth-child(2) { animation-delay: .04s; }
	.scm-cards .scm-card:nth-child(3) { animation-delay: .08s; }
	.scm-cards .scm-card:nth-child(4) { animation-delay: .12s; }
	.scm-cards .scm-card:nth-child(n+5) { animation-delay: .16s; }
	@keyframes scm-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
}

/* ---------- Responsive ---------- */
@media (max-width: 980px) {
	.scm-why, .scm-browse-grid { grid-template-columns: 1fr; }
	.scm-listing-grid { grid-template-columns: 1fr; }
	.scm-contact-card { position: static; }
}
@media (max-width: 780px) {
	.scm-nav { display: none; }
	.scm-results { grid-template-columns: 1fr; }
	.scm-filter-toggle {
		display: block; width: 100%; padding: 13px; margin-bottom: 16px;
		background: var(--scm-blue); color: #fff; border: none; border-radius: var(--scm-radius-sm);
		font: 600 15px "Sora"; cursor: pointer;
	}
	.scm-filters { display: none; position: static; }
	.scm-filters.is-open { display: block; }
	.scm-header-cta .scm-btn-ghost { display: none; }
	.scm-sticky-cta { display: flex; }
	body.single-vehicle_listing { padding-bottom: 72px; }
}
@media (max-width: 480px) {
	.scm-grid-2, .scm-flags { grid-template-columns: 1fr; }
	.scm-hero { padding: 52px 0 44px; }
}

/* VIN row + field hints on the posting form */
.scm-vin-row { margin-bottom: 15px; }
.scm-vin-row input { letter-spacing: .08em; text-transform: uppercase; font-family: "Sora"; }
.scm-hint { font-weight: 400; color: var(--scm-slate-2); font-size: 12px; }

/* ===== Audit fixes (v0.6.0): location, hubs, report, alerts, sell CTA, stats ===== */

/* Visible location on listing header */
.scm-loc { color: var(--scm-ink-soft); font-weight: 600; }

/* Hub silo row on listing pages */
.scm-hub-row { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--scm-line); font-size: 14px; color: var(--scm-slate); }
.scm-hub-row span { color: var(--scm-slate-2); margin-right: 4px; }
.scm-hub-row a { font-weight: 600; }

/* CTA hierarchy: primary dominant, secondary quieter */
.scm-cta-primary { font-size: 16px; padding: 14px 18px; }
.scm-cta-secondary { background: var(--scm-paper); color: var(--scm-slate); }
.scm-report-box { margin-top: 12px; font-size: 13px; }
.scm-report-box summary { cursor: pointer; color: var(--scm-slate-2); list-style: none; }
.scm-report-box summary:hover { color: var(--scm-high); }
.scm-report-box .scm-form { margin-top: 10px; }

/* Hero "sell your car" CTA */
.scm-hero-sell { margin-top: 18px; color: #c6d3ec; font-size: 15px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.scm-btn-sell { background: #fff; color: var(--scm-ink); }
.scm-btn-sell:hover { background: #ffe9e7; color: var(--scm-ink); }

/* Social-proof stats strip */
.scm-stats { background: var(--scm-paper); border-bottom: 1px solid var(--scm-line); }
.scm-stats ul { display: flex; flex-wrap: wrap; gap: 28px; justify-content: center; list-style: none; margin: 0; padding: 16px 0; }
.scm-stats li { color: var(--scm-slate); font-size: 14px; }
.scm-stats strong { color: var(--scm-ink); font-size: 18px; font-variant-numeric: tabular-nums; margin-right: 4px; }

/* Facet intro on archive */
.scm-facet-intro { background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius); padding: 16px 18px; margin-bottom: 18px; color: var(--scm-ink-soft); font-size: 14.5px; }
.scm-facet-intro p:last-child { margin-bottom: 0; }

/* Saved-search alert capture */
.scm-alert { margin-top: 26px; }
.scm-alert-form { background: linear-gradient(180deg, var(--scm-blue-soft), #fff); border: 1px solid #cfe0fb; border-radius: var(--scm-radius); padding: 18px 20px; }
.scm-alert-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.scm-alert-row .scm-hint { display: block; }
.scm-alert-input { display: flex; gap: 8px; }
.scm-alert-input input { padding: 11px 12px; border: 1px solid var(--scm-line); border-radius: var(--scm-radius-sm); font: 400 15px "Sora"; min-width: 220px; }
@media (max-width: 560px) { .scm-alert-input { width: 100%; } .scm-alert-input input { flex: 1; min-width: 0; } }

/* ===== Dealer / seller profile (v0.6.2) ===== */
.scm-dealer-profile { margin: 40px auto; padding-top: 28px; border-top: 1px solid var(--scm-line); }
.scm-dealer-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.scm-dealer-head h2 { margin: 6px 0 2px; }
.scm-dealer-loc { color: var(--scm-slate); margin: 0; font-size: 14px; }
.scm-dealer-sub { margin: 8px 0 14px; font-size: 16px; }
.scm-profile-head { padding: 8px 0 22px; border-bottom: 1px solid var(--scm-line); margin-bottom: 24px; }
.scm-profile-head h1 { margin: 8px 0 6px; }
.scm-profile-sub { color: var(--scm-slate); font-size: 14.5px; }

/* ===== Messenger (v0.7.0) ===== */
.scm-unread-badge { display: inline-block; min-width: 18px; padding: 0 6px; height: 18px; line-height: 18px; text-align: center; background: var(--scm-maple, #c8312b); color: #fff; border-radius: 9px; font-size: 11px; font-weight: 700; vertical-align: middle; }
.scm-msg-link { position: relative; }

.scm-messenger { max-width: 760px; }
.scm-convo-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--scm-line); border-radius: var(--scm-radius); overflow: hidden; }
.scm-convo + .scm-convo { border-top: 1px solid var(--scm-line); }
.scm-convo a { display: block; padding: 14px 16px; color: inherit; text-decoration: none; }
.scm-convo a:hover { background: var(--scm-paper); }
.scm-convo.is-unread a { background: var(--scm-blue-soft, #eef4ff); }
.scm-convo-top { display: flex; align-items: center; gap: 8px; }
.scm-convo-when { margin-left: auto; color: var(--scm-slate-2); font-size: 12px; font-weight: 400; }
.scm-convo-listing { display: block; color: var(--scm-slate); font-size: 13px; margin-top: 2px; }
.scm-convo-snippet { display: block; color: var(--scm-slate-2); font-size: 13px; margin-top: 4px; }

.scm-thread-head a { font-size: 14px; color: var(--scm-slate); text-decoration: none; }
.scm-thread-listing { margin-top: -6px; }
.scm-thread { display: flex; flex-direction: column; gap: 12px; margin: 18px 0; padding: 16px; background: var(--scm-paper); border-radius: var(--scm-radius); max-height: 60vh; overflow-y: auto; }
.scm-msg-row { display: flex; width: 100%; }
.scm-row-me { justify-content: flex-end; }
.scm-row-them { justify-content: flex-start; }
.scm-bubble { max-width: 78%; padding: 10px 13px; border-radius: 14px; }
.scm-bubble-who { display: block; font-size: 11px; font-weight: 700; opacity: .75; margin-bottom: 3px; }
.scm-bubble p { margin: 0; }
.scm-bubble time { display: block; font-size: 11px; margin-top: 4px; opacity: .7; }
.scm-bubble-them { background: #ffffff; color: #0a1626; border: 1px solid #e2e6ee; border-bottom-left-radius: 4px; }
.scm-bubble-me { background: #1d5fd4; color: #ffffff; border-bottom-right-radius: 4px; }
.scm-bubble-me time, .scm-bubble-me .scm-bubble-who { color: #ffffff; opacity: .85; }
.scm-reply-form { display: flex; gap: 8px; align-items: flex-end; margin-top: 6px; }
.scm-reply-form textarea { flex: 1; }

/* Click-to-call + login gate */
.scm-btn-call { background: #0b8457; color: #fff; }
.scm-btn-call:hover { background: #0a7049; color: #fff; }
.scm-login-gate { text-align: center; }
.scm-login-gate .scm-hint { display: block; margin-top: 8px; }
.scm-dealer-phone a, .scm-profile-sub a { color: var(--scm-blue, #1d5fd4); text-decoration: none; font-weight: 600; }

/* ===== Audit phase 1-5 (v0.9.0): sold state, safety block, FAQ ===== */
.scm-sold-banner { background: #fdeceb; border: 1px solid #f3c2bf; color: #8c1d18; border-radius: var(--scm-radius-sm); padding: 10px 14px; margin-bottom: 12px; font-size: 14px; }
.scm-listing-price.is-sold { color: var(--scm-slate-2); text-decoration: line-through; text-decoration-thickness: 2px; }
.scm-listing-price.is-sold .scm-pill { text-decoration: none; }
.scm-pill-sold { background: #8c1d18; color: #fff; }

.scm-safe-block { margin-top: 16px; padding: 14px 16px; background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius-sm); font-size: 13.5px; }
.scm-safe-block h3 { margin: 0 0 8px; font-size: 14px; }
.scm-safe-block ul { margin: 0 0 8px 18px; padding: 0; }
.scm-safe-block li { margin-bottom: 4px; }
.scm-safe-block a { font-weight: 600; }

.scm-faq { margin: 28px 0; }
.scm-faq-item { border: 1px solid var(--scm-line); border-radius: var(--scm-radius-sm); padding: 12px 16px; margin-bottom: 10px; background: #fff; }
.scm-faq-item summary { cursor: pointer; font-weight: 600; }
.scm-faq-item p { margin: 10px 0 2px; color: var(--scm-ink-soft); }

/* ===== v1.0.0: distance, compare, price drop, seller manage ===== */
.scm-card-distance { color: var(--scm-blue, #1d5fd4); font-weight: 600; white-space: nowrap; }
.scm-pill-drop { display: inline-flex; align-items: center; font: 700 11px "Sora", sans-serif; background: #e6f4ec; color: #0b8457; padding: 4px 9px; border-radius: 7px; margin: 10px 14px 0; }

.scm-compare-pick { margin: 9px 14px 2px; font-size: 12px; color: var(--scm-slate-2); display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.scm-compare-pick:hover { color: var(--scm-blue, #1d5fd4); }
.scm-compare-pick input { accent-color: var(--scm-blue, #1d5fd4); }
#scm-compare-bar { position: fixed; bottom: 18px; right: 18px; z-index: 90; background: var(--scm-ink, #0a1626); color: #fff; padding: 12px 18px; border-radius: 999px; font: 600 14px "Sora"; box-shadow: 0 8px 24px rgba(10,22,38,.25); text-decoration: none; display: none; }
.scm-compare-scroll { overflow-x: auto; }
.scm-compare-table th img { display: block; width: 130px; height: auto; border-radius: 8px; margin-bottom: 6px; }
.scm-compare-table thead th { vertical-align: top; }
.scm-compare-table tbody th { text-align: left; color: var(--scm-slate); font-weight: 600; white-space: nowrap; }

.scm-manage-actions { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.scm-btn-mini { font: 600 12px "Sora"; padding: 6px 10px; border-radius: 8px; border: 1px solid var(--scm-line); background: #fff; cursor: pointer; color: var(--scm-ink); }
.scm-btn-mini:hover { border-color: var(--scm-blue, #1d5fd4); color: var(--scm-blue, #1d5fd4); }
.scm-mini-sold { border-color: #0b8457; color: #0b8457; }
.scm-mini-danger { border-color: #f3c2bf; color: #8c1d18; }
.scm-qedit summary { list-style: none; display: inline-block; }
.scm-qedit-form { margin-top: 10px; padding: 12px; background: var(--scm-paper); border-radius: 8px; min-width: 260px; }

/* ===== v1.1.0: city pages, browse-by-city, sell landing ===== */
.scm-hub-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
@media (max-width: 760px) { .scm-hub-grid { grid-template-columns: repeat(2, 1fr); } }
.scm-hub-card { display: block; background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius-sm); padding: 14px 16px; font-weight: 600; color: var(--scm-ink); text-decoration: none; }
.scm-hub-card:hover { border-color: var(--scm-blue, #1d5fd4); color: var(--scm-blue, #1d5fd4); }
.scm-hub-card span { color: var(--scm-slate-2); font-weight: 400; font-size: 13px; }

.scm-city-stats { background: var(--scm-blue-soft, #eef4ff); border: 1px solid #cfe0fb; border-radius: var(--scm-radius-sm); padding: 12px 16px; font-size: 14px; color: var(--scm-ink-soft); margin-bottom: 12px; }
.scm-city-links { font-size: 14px; margin: 0 0 18px; }
.scm-city-links a { font-weight: 600; }

.scm-sell-landing h2 { margin-top: 0; }
.scm-sell-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 18px 0 24px; }
@media (max-width: 700px) { .scm-sell-steps { grid-template-columns: 1fr; } }
.scm-sell-steps div { background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius-sm); padding: 14px 16px; font-size: 14.5px; }
.scm-sell-steps strong { color: var(--scm-blue, #1d5fd4); margin-right: 6px; }
.scm-sell-cta { display: flex; gap: 12px; flex-wrap: wrap; margin: 22px 0; }

/* ===== v1.2.0: security, market line, price history, dealer details, recently viewed ===== */
.scm-hp { position: absolute !important; left: -9999px !important; height: 1px; overflow: hidden; }
.scm-challenge { display: block; margin: 10px 0; font-size: 14px; }
.scm-challenge input { margin-left: 8px; padding: 8px 10px; border: 1px solid var(--scm-line); border-radius: 8px; }

.scm-market-line { font-size: 14px; margin: 6px 0 2px; color: var(--scm-slate); }
.scm-market-line.is-below { color: #0b8457; font-weight: 600; }
.scm-market-line.is-above { color: #8c1d18; }

.scm-price-history { margin: 24px 0; padding: 16px 18px; background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius); }
.scm-price-history h3 { margin: 0 0 10px; font-size: 15px; }
.scm-price-changes { list-style: none; margin: 10px 0 0; padding: 0; font-size: 13.5px; display: flex; gap: 18px; flex-wrap: wrap; }
.scm-price-changes time { color: var(--scm-slate-2); margin-left: 4px; }
.scm-price-changes .is-drop { color: #0b8457; font-weight: 600; }
.scm-price-changes .is-rise { color: #8c1d18; }

.scm-dealer-details { margin-top: 12px; font-size: 14.5px; color: var(--scm-ink-soft); }
.scm-saved-searches { list-style: none; padding: 0; }
.scm-saved-searches li { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--scm-line); }

#scm-recent-strip { margin: 30px 0; }
.scm-rv-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
@media (max-width: 760px) { .scm-rv-row { grid-template-columns: repeat(2, 1fr); } }
.scm-rv-card { display: block; background: #fff; border: 1px solid var(--scm-line); border-radius: var(--scm-radius-sm); padding: 10px; text-decoration: none; color: var(--scm-ink); }
.scm-rv-card img { width: 100%; height: auto; border-radius: 6px; }
.scm-rv-title { display: block; font-size: 13.5px; font-weight: 600; margin-top: 8px; }
.scm-rv-price { display: block; font-size: 13px; color: var(--scm-blue, #1d5fd4); font-weight: 700; }

/* ===== v1.3.1: dealer landing page ===== */
.scm-dealer-landing { max-width: 1000px; margin: 0 auto; }
.scm-dl-hero { text-align: center; padding: 8px 0 28px; }
.scm-dl-hero h1 { font-size: clamp(28px, 4vw, 44px); margin: 0 0 14px; }
.scm-dl-sub { font-size: 17px; color: var(--scm-ink-soft); max-width: 680px; margin: 0 auto 22px; }
.scm-dl-cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; align-items: center; }
.scm-dl-proof { margin-top: 14px; font-size: 14px; color: var(--scm-slate); font-weight: 600; }
.scm-dl-benefits, .scm-dl-steps { margin: 40px 0; }
.scm-dl-benefits h2, .scm-dl-steps h2 { text-align: center; font-size: 26px; margin-bottom: 24px; }
.scm-dl-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 820px) { .scm-dl-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .scm-dl-grid { grid-template-columns: 1fr; } }
.scm-dl-card { background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius); padding: 20px; }
.scm-dl-card h3 { font-size: 16px; margin: 0 0 8px; font-family: "Sora"; }
.scm-dl-card p { margin: 0; font-size: 14.5px; color: var(--scm-ink-soft); }
.scm-dl-steps ol { max-width: 640px; margin: 0 auto 22px; padding-left: 22px; }
.scm-dl-steps li { margin-bottom: 12px; font-size: 15.5px; }

/* ===== v1.4.0: listing badges + views pill ===== */
.scm-badges { display: inline-flex; gap: 6px; flex-wrap: wrap; margin: 6px 14px 0; }
.scm-card .scm-badges { margin: 6px 14px 0; }
.scm-single-badges { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin: 8px 0 4px; }
.scm-single-badges .scm-badges { margin: 0; }
.scm-badge { font: 600 11.5px "Sora", sans-serif; padding: 3px 9px; border-radius: 999px; border: 1px solid; white-space: nowrap; }
.scm-badge-new      { background: #eef4ff; color: #1d5fd4; border-color: #cfe0fb; }
.scm-badge-lowkm    { background: #e6f4ec; color: #0b8457; border-color: #bfe3cf; }
.scm-badge-flag     { background: #fff8e6; color: #8a6116; border-color: #f0deb0; }
.scm-badge-report   { background: var(--scm-paper); color: var(--scm-slate); border-color: var(--scm-line); }
.scm-badge-featured { background: var(--scm-ink, #0a1626); color: #fff; border-color: var(--scm-ink, #0a1626); }
.scm-views-pill { font: 600 12px "Sora", sans-serif; color: var(--scm-slate-2); }
.scm-badge-note { font-size: 12px; color: var(--scm-slate-2); margin: 2px 0 0; }

/* ===== v1.4.1: filter sidebar polish + aesthetic fixes ===== */
/* Filter form: tighter than the big submission form, custom select chevron */
.scm-filter-form label { margin-bottom: 14px; }
.scm-filter-form .scm-grid-2 { margin-bottom: 14px; }
.scm-filter-form .scm-grid-2 label { margin-bottom: 0; }
.scm-filter-form select,
.scm-form select {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23415066' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 12px center; padding-right: 34px; cursor: pointer;
}
.scm-filter-form .scm-check { margin-bottom: 12px !important; }
.scm-filter-form .scm-btn-primary { width: 100%; margin-top: 6px; }
.scm-filter-form h2 { padding-bottom: 12px; border-bottom: 1px solid var(--scm-line); }

/* Payment estimator: visually distinct from contact so they don't blur together */
.scm-payment-card h2, .scm-payment-card h3 { font-size: 16px; margin: 0 0 14px; }
.scm-calc-out { margin-top: 4px; }

/* ===== v1.6.0: contact form ===== */
.scm-contact-form .scm-check { margin: 4px 0 16px !important; align-items: flex-start; }
.scm-contact-form [data-show-for] { display: none; }
.scm-notice-error { background: #fdeceb; border: 1px solid #f3c2bf; color: #8c1d18; padding: 12px 16px; border-radius: var(--scm-radius-sm); margin-bottom: 16px; }

/* ===== v1.7.0: profile editor + dealer logos ===== */
.scm-profile-logo-row { display: flex; gap: 18px; align-items: flex-start; margin-bottom: 18px; flex-wrap: wrap; }
.scm-profile-logo-box { width: 120px; height: 120px; border: 1px solid var(--scm-line); border-radius: var(--scm-radius-sm); display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--scm-paper); flex: 0 0 auto; }
.scm-profile-logo-box img { width: 100%; height: 100%; object-fit: contain; }
.scm-profile-logo-empty { font-size: 12px; color: var(--scm-slate-2); text-align: center; padding: 8px; }
.scm-profile-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 8px; }
.scm-dash-profile-link { margin: 0 0 18px; }

/* Logo on the public profile header */
.scm-profile-head-logobox { width: 84px; height: 84px; border-radius: var(--scm-radius-sm); overflow: hidden; border: 1px solid var(--scm-line); background: #fff; margin-bottom: 12px; display: inline-flex; align-items: center; justify-content: center; }
.scm-profile-head-logobox img { width: 100%; height: 100%; object-fit: contain; }

/* Logo in the dealer block on listings */
.scm-dealer-logobox { width: 56px; height: 56px; border-radius: 10px; overflow: hidden; border: 1px solid var(--scm-line); background: #fff; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; }
.scm-dealer-logobox img { width: 100%; height: 100%; object-fit: contain; }
.scm-dealer-site a { font-weight: 600; font-size: 13px; }

/* v1.7.1: inline hint on signup display-name field */
.scm-hint-inline { font-weight: 400; font-size: 12px; color: var(--scm-slate-2); }

/* ===== v1.8.0: internal linking — article single, related, hub-spoke ===== */
.scm-article { max-width: 760px; margin: 0 auto; }
.scm-article-head h1 { font-size: clamp(28px, 4vw, 40px); line-height: 1.15; margin: 0 0 10px; }
.scm-article-body { font-size: 17px; line-height: 1.7; }
.scm-article-body h2 { margin-top: 1.8em; }
.scm-article-body table.scm-data-table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: 15px; }
.scm-article-body .scm-data-table th, .scm-article-body .scm-data-table td { border: 1px solid var(--scm-line); padding: 9px 11px; text-align: left; vertical-align: top; }
.scm-article-body .scm-data-table thead th { background: var(--scm-paper); }
.scm-article-body .scm-callout { background: #fff8e6; border: 1px solid #f0deb0; border-radius: var(--scm-radius-sm); padding: 12px 16px; margin: 1.4em 0; font-size: 14px; }
.scm-pillar-link { font-size: 14px; color: var(--scm-slate-2); margin: 0 0 8px; }
.scm-cluster-links { background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius-sm); padding: 16px 20px; margin: 24px 0; }
.scm-cluster-links h2 { font-size: 16px; margin: 0 0 10px; }
.scm-cluster-links ul, .scm-related ul { margin: 0; padding-left: 18px; }
.scm-cluster-links li, .scm-related li { margin: 5px 0; }
.scm-article-cta { background: var(--scm-paper); border-left: 3px solid var(--scm-blue, #1d5fd4); padding: 12px 16px; margin: 24px 0; font-size: 16px; }
.scm-related { max-width: 760px; margin: 32px auto 0; border-top: 1px solid var(--scm-line); padding-top: 20px; }
.scm-related h2 { font-size: 18px; margin: 0 0 10px; }
.scm-sell-prompt { text-align: center; color: var(--scm-slate-2); font-size: 14px; margin: 24px 0 0; }

/* ===== v1.9.0: seller reviews & ratings ===== */
.scm-stars { display: inline-flex; gap: 1px; vertical-align: middle; }
.scm-star { color: #d8dce3; font-size: 15px; line-height: 1; }
.scm-star.is-on { color: #f5a623; }
.scm-rating-summary { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; }
.scm-rating-num { font-weight: 700; color: var(--scm-ink, #0a1626); }
.scm-rating-count { color: var(--scm-slate-2); }
.scm-reviews { max-width: 760px; margin: 32px auto 0; border-top: 1px solid var(--scm-line); padding-top: 24px; }
.scm-reviews h2 { font-size: 20px; margin: 0 0 12px; }
.scm-reviews-agg { display: flex; align-items: center; gap: 8px; font-size: 16px; margin-bottom: 16px; }
.scm-reviews-empty { color: var(--scm-slate-2); }
.scm-review-list { list-style: none; margin: 0 0 24px; padding: 0; }
.scm-review { border: 1px solid var(--scm-line); border-radius: var(--scm-radius-sm); padding: 14px 16px; margin-bottom: 12px; }
.scm-review-title { font-size: 15px; margin: 6px 0 4px; }
.scm-review-body { margin: 4px 0 8px; line-height: 1.6; }
.scm-review-meta { font-size: 12px; color: var(--scm-slate-2); margin: 0; }
.scm-review-form { background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: var(--scm-radius-sm); padding: 18px 20px; }
.scm-review-form h3 { margin: 0 0 12px; font-size: 16px; }
.scm-review-gate { color: var(--scm-slate-2); font-size: 14px; }
.scm-dealer-rating a { text-decoration: none; }

/* ===== v1.10.0: private-seller landing hub (Cluster A) ===== */
.scm-sell-free { display: inline-block; background: #eaf7ee; border: 1px solid #b7e0c4; color: #1a6b34; font-weight: 600; font-size: 15px; padding: 8px 14px; border-radius: 8px; margin: 4px 0 8px; }
.scm-sell-guides { margin: 28px 0; }
.scm-sell-guides h2 { font-size: 20px; margin: 0 0 10px; }
.scm-sell-guides ul { margin: 0; padding-left: 18px; }
.scm-sell-guides li { margin: 5px 0; }

/* ===== v1.12.0: interactive checklist ===== */
ul.scm-check { list-style: none; padding-left: 4px; }
ul.scm-check > li { position: relative; padding: 8px 10px 8px 34px; border-radius: 8px; margin: 4px 0; transition: background .15s ease, opacity .15s ease; }
ul.scm-check > li:hover { background: var(--scm-paper); }
.scm-check-box { position: absolute; left: 6px; top: 12px; width: 18px; height: 18px; accent-color: var(--scm-blue, #1d5fd4); cursor: pointer; }
ul.scm-check > li.scm-done { opacity: .55; }
ul.scm-check > li.scm-done::after { content: ""; position: absolute; left: 34px; right: 10px; top: 50%; border-top: 1.5px solid var(--scm-slate-2, #56607a); }
.scm-check-progress { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--scm-ink, #0a1626); background: var(--scm-paper); border: 1px solid var(--scm-line); border-radius: 10px; padding: 10px 14px; }
.scm-check-reset { font-size: 12px; border: 1px solid var(--scm-line); background: #fff; border-radius: 6px; padding: 3px 10px; cursor: pointer; }
@media print { .scm-check-box, .scm-check-reset { display: none; } ul.scm-check > li { padding-left: 22px; } ul.scm-check > li::before { content: "\2610  "; } }