/* Inner-page components — extends home-new.css's design tokens (--ink, --ink2,
   --line, --wash, --red, --red2, --f, --g, .w/.h/.m/.tag/.t/.sh/.grid/.go/.li)
   for news/cars/new-cars/videos/search/about/contact/sell/assistant pages. */
html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden}

/* ---- page header banner ---- */
.phead {
  background: var(--ink);
  color: #fff;
  padding: clamp(34px, 5vw, 56px) 0;
}
.phead h1 {
  font-stretch: 75%;
  font-weight: 800;
  line-height: 1.05;
  font-size: clamp(28px, 4vw, 44px);
}
.phead .tag {
  color: #ffd400;
}
.phead p {
  margin-top: 10px;
  color: #c9ccd2;
  font-size: 16px;
  max-width: 60ch;
}

/* ---- breadcrumb (replaces the big page-header banner) ---- */
.crumb {
  background: var(--wash, #f6f6f4);
  border-bottom: 1px solid var(--line);
  padding: 11px 0;
}
.crumb .w {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.crumb ol {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 0;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13.5px;
  color: var(--ink2, #5b5f69);
}
.crumb li + li::before {
  content: "›";
  margin: 0 9px;
  color: #9aa0ab;
}
.crumb a {
  color: inherit;
  text-decoration: none;
}
.crumb a:hover {
  color: var(--red, #d90000);
  text-decoration: underline;
}
.crumb h1 {
  display: inline;
  margin: 0;
  font: inherit;
  font-weight: 700;
  color: var(--ink, #14161c);
}
.crumb-tag {
  font-size: 12.5px;
  color: var(--ink2, #5b5f69);
}
.crumb + .w,
.crumb + .ad-h {
  margin-top: 4px;
}

.eyebrow,.section-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:10px}.phead .eyebrow{color:#ffd400}.info-page{padding-top:clamp(30px,5vw,58px);padding-bottom:clamp(42px,7vw,80px)}.info-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.75fr);gap:clamp(28px,6vw,90px);align-items:center;max-width:980px;margin:0 auto 54px}.info-intro-copy h2,.contact-card h2,.contact-form-card h2{font-size:clamp(26px,3vw,38px);line-height:1.08;margin:0 0 16px;font-weight:800}.info-intro-copy p{max-width:65ch}.info-highlight{display:flex;flex-direction:column;gap:8px;padding:30px;border-radius:18px;background:var(--ink);color:#fff;box-shadow:8px 8px 0 var(--red)}.info-highlight i{font-size:34px;color:#ffd400}.info-highlight strong{font-size:22px}.info-highlight span{color:#c9ccd2;line-height:1.5}.info-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1100px;margin:auto}.info-card{padding:26px 24px;border:1px solid var(--line);border-radius:16px;background:#fff}.info-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--red-soft);color:var(--red);font-size:23px;margin-bottom:20px}.info-card h3{font-size:18px;margin:0 0 8px}.info-card p{margin:0;color:var(--ink2);line-height:1.65}.contact-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:24px;max-width:1050px;margin:auto;align-items:start}.contact-card,.contact-form-card{padding:clamp(24px,4vw,38px);border:1px solid var(--line);border-radius:18px;background:#fff}.contact-card{background:var(--ink);color:#fff}.contact-card h2{margin-bottom:10px}.contact-muted{color:var(--ink2);line-height:1.6}.contact-card .contact-muted{color:#c9ccd2}.contact-details{display:grid;gap:18px;margin:30px 0}.contact-detail{display:flex;gap:13px;align-items:flex-start}.contact-detail>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:rgba(255,255,255,.12);color:#ffd400}.contact-detail small{display:block;color:#b9bec8;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.contact-detail strong{display:block;line-height:1.4;overflow-wrap:anywhere}.contact-card .btn-ghost{width:100%;border-color:#616671;color:#fff}.contact-card .btn-ghost:hover{border-color:#ffd400;color:#ffd400}.contact-form-card h2{margin-bottom:8px}.contact-form-card .contact-muted{margin-top:0;margin-bottom:26px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.field label span{font-weight:400;color:var(--ink2)}
@media(max-width:760px){.info-intro,.contact-layout{grid-template-columns:1fr}.info-highlight{max-width:420px}.info-cards{grid-template-columns:1fr 1fr}.contact-layout{gap:16px}}
@media(max-width:480px){.info-cards,.contact-fields{grid-template-columns:1fr}.info-page{padding-top:28px}.info-card{padding:21px}.info-highlight{box-shadow:5px 5px 0 var(--red)}}
.sell-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,6vw,84px);max-width:1050px;margin:auto;align-items:start}.sell-copy{padding-top:16px}.sell-copy h2{font-size:clamp(28px,3.5vw,42px);line-height:1.08;margin:0 0 16px;font-weight:800}.sell-copy>p{font-size:17px;line-height:1.7;color:var(--ink2);max-width:48ch}.sell-points{display:grid;gap:20px;margin-top:34px}.sell-points>div{display:flex;gap:14px;align-items:flex-start}.sell-points i{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:var(--red-soft);color:var(--red);font-size:21px}.sell-points b,.sell-points small{display:block}.sell-points b{margin-bottom:3px}.sell-points small{color:var(--ink2);line-height:1.45}.sell-form-card{padding:clamp(24px,4vw,38px);border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(20,24,32,.06)}.sell-form-card h2{font-size:clamp(25px,3vw,34px);line-height:1.1;margin:0 0 8px;font-weight:800}.sell-form-card .contact-muted{margin:0 0 26px;color:var(--ink2);line-height:1.6}@media(max-width:760px){.sell-layout{grid-template-columns:1fr;gap:34px}.sell-copy{padding-top:0}.sell-points{margin-top:24px}}

/* ---- filter pills ---- */
.cat-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 28px;
}
.pill {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 99px;
  background: var(--wash);
  font-weight: 700;
  font-size: 13px;
}
.pill:hover {
  background: #e9e9e6;
}
.pill.on {
  background: var(--red);
  color: #fff;
}

/* ---- filter/search bar ---- */
.filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}
.filters input,
.filters select {
  flex: 1;
  min-width: 140px;
}

.red {
  color: var(--red);
}

/* ---- empty state ---- */
.empty {
  text-align: center;
  padding: 64px 20px;
  color: var(--ink2);
}
.empty h3 {
  font-size: 22px;
  font-stretch: 80%;
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 8px;
}

/* ---- form controls ---- */
.field {
  margin-bottom: 16px;
}
.field label {
  display: block;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 6px;
}
.field input,
.field select,
.field textarea,
.filters input,
.filters select {
  width: 100%;
  font: 500 15px var(--f);
  color: var(--ink);
  padding: 12px 14px;
  border: 0;
  border-radius: 8px;
  background: var(--wash);
}
.field textarea {
  resize: vertical;
}
.field input:focus,
.field select:focus,
.field textarea:focus,
.filters input:focus,
.filters select:focus {
  outline: 3px solid var(--red);
  outline-offset: 0;
}
.hp {
  position: absolute;
  left: -9999px;
}

/* ---- buttons ---- */
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 50px;
  padding: 0 24px;
  border-radius: 8px;
  background: none;
  border: 1.5px solid var(--line);
  color: var(--ink);
  font-weight: 700;
  cursor: pointer;
}
.btn-ghost:hover {
  border-color: var(--red);
  color: var(--red);
}
.btn-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  line-height: 1;
}

/* Keep shared submit/search buttons aligned when they contain icons and text. */
button.go,
a.go,
button.btn,
a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 1;
  box-sizing: border-box;
  text-align: center;
}
.btn-sm {
  height: 38px;
  padding: 0 16px;
  font-size: 13px;
}

/* ---- alerts ---- */
.alert {
  padding: 14px 18px;
  border-radius: 8px;
  margin-bottom: 18px;
  font-weight: 600;
  font-size: 14px;
}
.alert-ok {
  background: #e4f5e9;
  color: #146c36;
}
.alert-err {
  background: #fbe6e6;
  color: var(--red2);
}

/* ---- article/detail typography ---- */
.prose {
  font-size: 17px;
  line-height: 1.8;
  color: var(--ink);
}
.prose h2 {
  font-size: 26px;
  font-stretch: 80%;
  font-weight: 800;
  margin: 1.6em 0 .5em;
}
.prose h3 {
  font-size: 20px;
  font-weight: 800;
  margin: 1.4em 0 .5em;
}
.prose p {
  margin: 0 0 1.1em;
}
.prose ul,
.prose ol {
  margin: 0 0 1.1em;
  padding-left: 1.3em;
}
.prose li {
  margin-bottom: .4em;
}
.prose a {
  color: var(--red);
  text-decoration: underline;
}
.prose blockquote {
  border-left: 4px solid var(--red);
  margin: 1.4em 0;
  padding: .4em 1.2em;
  background: var(--wash);
  border-radius: 0 8px 8px 0;
}

/* ---- aside box ---- */
.aside-box {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 22px;
  margin-bottom: 22px;
}
.aside-box h3,
.aside-box h4 {
  font-size: 17px;
  font-stretch: 85%;
  font-weight: 800;
  margin-bottom: 12px;
}
.sticky-form {
  position: sticky;
  top: 84px;
}

/* ---- spec table ---- */
.spec-table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
}
.spec-table td {
  padding: 12px 0;
  border-top: 1px solid var(--line);
  font-size: 15px;
}
.spec-table td:first-child {
  color: var(--ink2);
  width: 45%;
}
.spec-table td:last-child {
  font-weight: 700;
  text-align: right;
}

/* ---- two-column detail layouts ---- */
.article-wrap,
.car-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 40px;
  padding: 36px 0;
  align-items: start;
}
@media (max-width: 960px) {
  .article-wrap,
  .car-wrap {
    grid-template-columns: 1fr;
  }
  .sticky-form {
    position: static;
  }
}
.car-photo {
  border-radius: 16px;
  overflow: hidden;
}
.car-photo img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
}
.article .cover {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 16px;
  margin: 16px 0 24px;
}

/* ---- video embed + share row ---- */
.video-frame {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 16px;
  overflow: hidden;
  background: #111;
}
.video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.share {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 26px 0;
}

/* ---- video card play icon (used inside the shared .grid card) ---- */
.thumb {
  position: relative;
  display: block;
}
.thumb .play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
.thumb .play i {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--red);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 24px;
}

/* ---- used-car / new-car price + specs (grid cards and detail pages) ---- */
.price {
  font-size: 18px;
  font-weight: 800;
  color: var(--red);
  margin: 2px 0 4px;
}
.specs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}
.specs span {
  font-size: 12px;
  font-weight: 700;
  color: var(--ink2);
  background: var(--wash);
  padding: 3px 9px;
  border-radius: 99px;
}

/* ---- pagination ---- */
.pagination-wrap {
  margin-top: 8px;
}
.pagination {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
}
.pagination li span,
.pagination .page-link {
  display: block;
  min-width: 40px;
  padding: 9px 12px;
  text-align: center;
  border-radius: 8px;
  background: var(--wash);
  font-weight: 700;
  font-size: 14px;
}
.pagination .page-link:hover {
  background: #e9e9e6;
}
.pagination li.active span {
  background: var(--red);
  color: #fff;
}
.pagination li.disabled span {
  opacity: .45;
}

/* ---- AI assistant widget ---- */
.newcars-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px}.newcars-filters{align-self:start;position:sticky;top:20px;border:1px solid var(--line);padding:20px;background:var(--surface);box-shadow:var(--shadow)}.newcars-filters h3{margin:0 0 16px}.newcars-filters label{display:block;font-size:12px;font-weight:700;margin:12px 0 5px}.newcars-filters input,.newcars-filters select{width:100%;padding:9px;border:1px solid var(--line);background:var(--surface);border-radius:8px}.filter-checks{display:grid;gap:7px}.newcars-filters .filter-check{display:flex;align-items:center;gap:8px;margin:0;padding:7px 8px;border:1px solid var(--line);border-radius:8px;font-weight:600;color:var(--muted);cursor:pointer}.newcars-filters .filter-check input{width:auto;accent-color:var(--red)}.newcars-filters .filter-check:has(input:checked){border-color:var(--red);color:var(--ink);background:var(--red-soft)}.newcars-filters .btn{margin-top:18px;width:100%;background:var(--ink);color:#fff;border:0;padding:10px;border-radius:8px}.newcars-filters a{display:block;text-align:center;margin-top:12px;font-size:13px}@media(max-width:800px){.newcars-layout{display:block}.newcars-filters{position:static;margin-bottom:24px}.newcars-filters form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.newcars-filters h3,.newcars-filters .btn,.newcars-filters a{grid-column:1/-1}}
.guide-hero { background: #111; color: #fff; border-bottom: 1px solid #2b2b2b; }
.guide-hero-inner { min-height: 270px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.guide-kicker { font-size:11px; letter-spacing:.18em; font-weight:800; color:#aaa; }
.guide-hero h1 { margin:12px 0 10px; font-size:clamp(40px,7vw,76px); letter-spacing:-.06em; }
.guide-hero p { max-width:570px; margin:0; color:#c7c7c7; font-size:17px; }
.guide-mark { border:1px solid #555; width:112px; height:112px; display:grid; place-items:center; font-size:42px; font-weight:900; letter-spacing:-.1em; }
.guide-layout { display:grid; grid-template-columns:190px minmax(0,820px); gap:42px; padding-top:38px; padding-bottom:70px; }
.guide-nav { display:flex; flex-direction:column; align-self:start; position:sticky; top:20px; border-left:2px solid #111; }
.guide-nav span, .guide-nav a { padding:8px 0 8px 16px; font-size:13px; }
.guide-nav span { font-weight:800; color:#111; }
.guide-nav a { color:#666; }
.guide-nav a:hover { color:#111; }
.guide-intro { display:flex; justify-content:space-between; gap:20px; padding:0 0 18px; border-bottom:1px solid #ddd; margin-bottom:18px; }
.guide-intro span { color:#666; font-size:13px; max-width:420px; text-align:right; }
.guide-chat .ag-page .ag-panel { border:1px solid #111; border-radius:0; }
.guide-chat .ag-head { background:#111; }
.guide-chat .ag-msg.me, .guide-chat .ag-fab { background:#111; }
.guide-chat .ag-mic { color:#111; }
.guide-chat .ag-suggest button:hover { border-color:#111; color:#111; }
@media (max-width:700px) { .guide-layout { display:block; padding-top:24px; } .guide-nav { position:static; flex-direction:row; overflow:auto; border-left:0; border-bottom:1px solid #ddd; margin-bottom:24px; gap:4px; } .guide-nav span, .guide-nav a { white-space:nowrap; padding:10px 12px; } .guide-intro { display:block; } .guide-intro span { display:block; text-align:left; margin-top:6px; } .guide-mark { width:76px; height:76px; font-size:28px; } }
.ag-fab {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 90;
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--red);
  color: #fff;
  border: 0;
  padding: 14px 20px 14px 16px;
  border-radius: 99px;
  font: 700 15px var(--f);
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(217, 0, 0, .4);
}
.ag-fab:hover {
  background: var(--red2);
}
.ag-fab i {
  font-size: 22px;
}
.ag-fab .pulse {
  position: absolute;
  inset: 0;
  border-radius: 99px;
  box-shadow: 0 0 0 0 rgba(217, 0, 0, .55);
  animation: ag-pulse 2.4s infinite;
  pointer-events: none;
}
@keyframes ag-pulse {
  70% { box-shadow: 0 0 0 16px rgba(217, 0, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(217, 0, 0, 0); }
}
.ag-panel {
  position: fixed;
  right: 22px;
  bottom: 90px;
  z-index: 95;
  width: 390px;
  max-width: calc(100vw - 24px);
  height: min(640px, calc(100vh - 120px));
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(22, 24, 29, .2);
  display: none;
  flex-direction: column;
  overflow: hidden;
}
.ag-panel.open {
  display: flex;
}
.ag-page .ag-panel {
  position: static;
  width: 100%;
  max-width: none;
  height: 70vh;
  min-height: 480px;
  display: flex;
  box-shadow: none;
}
.ag-head {
  background: var(--ink);
  color: #fff;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.ag-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .15);
  display: grid;
  place-items: center;
  font-size: 20px;
  flex: none;
}
.ag-head b {
  display: block;
  line-height: 1.2;
}
.ag-head small {
  opacity: .8;
}
.icon-btn {
  width: 34px;
  height: 34px;
  flex: none;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: none;
  border: 1.5px solid rgba(255, 255, 255, .35);
  color: #fff;
  cursor: pointer;
}
.icon-btn:hover {
  border-color: var(--red);
}
.ag-msgs {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: var(--wash);
}
.ag-msg {
  max-width: 88%;
  padding: 11px 15px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ag-msg.bot {
  background: #fff;
  border: 1px solid var(--line);
  align-self: flex-start;
}
.ag-msg.me {
  background: var(--red);
  color: #fff;
  align-self: flex-end;
}
.ag-suggest {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 0 16px 10px;
  background: var(--wash);
}
.ag-suggest button {
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
  border-radius: 99px;
  padding: 6px 12px;
  font: 700 12px var(--f);
  cursor: pointer;
}
.ag-suggest button:hover {
  border-color: var(--red);
  color: var(--red);
}
.ag-status {
  font-size: 12px;
  color: var(--ink2);
  text-align: center;
  padding: 4px 0 8px;
  background: #fff;
  min-height: 20px;
}
.ag-input {
  display: flex;
  gap: 8px;
  padding: 12px;
  border-top: 1px solid var(--line);
  background: #fff;
  align-items: center;
}
.ag-input input {
  flex: 1;
  min-width: 0;
  border: 0;
  border-radius: 99px;
  padding: 11px 16px;
  background: var(--wash);
  font: 500 15px var(--f);
  color: var(--ink);
}
.ag-mic,
.ag-send {
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  display: grid;
  place-items: center;
  font-size: 18px;
}
.ag-mic {
  background: var(--wash);
  color: var(--red);
}
.ag-mic.live {
  background: var(--red);
  color: #fff;
}
.ag-send {
  background: var(--ink);
  color: #fff;
}
@media (max-width: 560px) {
  .ag-fab span:last-child {
    display: none;
  }
  .ag-fab {
    padding: 15px;
  }
}

/* ===== listing pages: lead form + filter sidebar ===== */
.fx-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;padding-top:28px;align-items:start}
.fx-layout,.fx-layout *{box-sizing:border-box}.fx-side,.fx-main,.fx-lead,.fx-filters{min-width:0;max-width:100%}
.fx-side{display:grid;gap:16px}
.fx-lead{background:#fff;border:1px solid var(--line,#dedfe2);border-radius:12px;padding:18px}
.fx-lead h3{margin:0 0 12px;font-size:18px}
.fx-lead form{display:grid;gap:10px}.fx-field{display:grid;gap:5px}.fx-field label{font-size:12px;font-weight:700;color:var(--ink2,#555)}
.fx-lead input,.fx-lead select{width:100%;height:42px;border-radius:8px;border:1px solid var(--line,#dedfe2);background:#fff;color:inherit;padding:0 12px;font-size:14px}
.fx-city-input{position:relative}.fx-city-input input{padding-right:44px}.fx-location-btn.fx-location-btn{position:absolute;right:0;top:0;width:42px;height:42px;padding:0;border:0;border-radius:0 8px 8px 0;background:transparent;color:var(--ink2,#666);font-size:19px}.fx-location-btn.fx-location-btn:hover{background:transparent;color:var(--red,#d90000)}.fx-location-btn[aria-busy=true]{cursor:wait;opacity:.6}.fx-location-status{display:block;min-height:0;color:var(--ink2,#666);font-size:12px}.fx-location-status:empty{display:none}
.fx-lead .select2-container{width:100%!important}.fx-lead .select2-container .select2-selection--single{height:42px;border:1px solid var(--line,#dedfe2);border-radius:8px;background:#fff}.fx-lead .select2-container .select2-selection__rendered{line-height:40px;padding-left:12px;font-size:14px;color:inherit}.fx-lead .select2-container .select2-selection__arrow{height:40px;right:8px}
.fx-lead .select2-container{width:100%!important;min-width:0;box-sizing:border-box}.fx-lead .select2-container .select2-selection,.fx-lead .select2-container .select2-selection__rendered{max-width:100%;box-sizing:border-box}.select2-dropdown{max-width:calc(100vw - 24px);box-sizing:border-box}
.fx-lead input:focus,.fx-lead select:focus{outline:0;border-color:var(--red,#d90000)}
.fx-lead button{height:42px;border:0;border-radius:8px;background:var(--red,#d90000);color:#fff;font-weight:700;cursor:pointer}
.fx-lead button:hover{background:var(--red2,#b00000)}
.fx-hp{position:absolute!important;left:-9999px;opacity:0;height:0!important}
.fx-ok{margin:0;line-height:1.5;font-size:14px}.fx-ok i{color:#16a34a;font-size:20px;vertical-align:-4px}
.fx-err{margin:0;color:#c00;font-size:13px}
.fx-filters{background:#fff;border:1px solid var(--line,#dedfe2);border-radius:12px;padding:4px 18px 10px}
.fx-head{display:flex;align-items:center;justify-content:space-between;padding:14px 0 6px}
.fx-head h3{margin:0;font-size:20px}
.fx-head a{font-size:13px;font-weight:700;color:var(--red,#d90000)}
.fx-group{border-top:1px solid var(--line,#dedfe2);padding:12px 0}
.fx-group:first-of-type{border-top:0}
.fx-group summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:15px}
.fx-group summary::-webkit-details-marker{display:none}
.fx-group summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-right:4px}
.fx-group[open] summary::after{transform:rotate(-135deg)}
.fx-opts{display:grid;gap:2px;margin-top:8px}
.fx-opts.scroll{max-height:236px;overflow:auto;padding-right:4px;scrollbar-width:thin}
.fx-opts label{display:flex;align-items:center;gap:10px;padding:6px 6px;border-radius:8px;font-size:14px;cursor:pointer}
.fx-opts label:hover{background:#f4f4f6}
.fx-opts input{width:17px;height:17px;margin:0;accent-color:var(--red,#d90000);flex:none}
.fx-opts span{flex:1}
.fx-opts em{font-style:normal;font-size:12px;color:#888;background:#f1f1f3;border-radius:20px;padding:1px 8px}
.fx-opts label:has(input:checked){background:#fdecee;font-weight:700}
.fx-none{margin:0;font-size:13px;color:#888}
.fx-apply{margin-top:12px;width:100%;height:42px;border:0;border-radius:10px;background:#14141a;color:#fff;font-weight:700}
.fx-main{min-width:0}
.fx-search{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.fx-sbox{flex:1;min-width:200px;position:relative;display:block;margin:0}
.fx-sbox i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:#7a7d85;pointer-events:none}
.fx-sbox input{width:100%;height:46px;border:1px solid var(--line,#dedfe2);border-radius:8px;padding:0 14px 0 42px;background:#fff;font-size:15px;color:inherit}
.fx-sbox input:focus{outline:0;border-color:var(--red,#d90000);box-shadow:0 0 0 3px rgba(217,0,0,.1)}
.fx-search select{height:46px;border:1px solid var(--line,#dedfe2);border-radius:8px;padding:0 12px;background:#fff;font-size:14px}
.fx-search button{height:46px;padding:0 24px;border:0;border-radius:8px;background:var(--red,#d90000);color:#fff;font-weight:700;cursor:pointer}
.fx-search button:hover{background:var(--red2,#b00000)}
.fx-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.fx-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 12px;border-radius:16px;background:#fdecee;border:1px solid #f4c4c9;color:#8a0010;font-size:13px;font-weight:600}
.fx-chip i{font-size:14px}
.fx-chip:hover{background:var(--red,#d90000);border-color:var(--red,#d90000);color:#fff}
.fx-clear{font-size:13px;font-weight:700;color:var(--red,#d90000);text-decoration:underline;margin-left:4px}
.fx-main{min-width:0}
.fx-main .grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
@media(max-width:900px){
  .fx-layout{grid-template-columns:1fr}
  .fx-filters .fx-group:not([open]) .fx-opts{display:none}
}
@media(max-width:560px){.fx-layout{padding-top:18px;gap:16px}.fx-lead{padding:16px}.fx-lead input,.fx-lead button,.fx-lead .select2-container{max-width:100%}.fx-main .grid{grid-template-columns:1fr;gap:14px}.fx-search{display:grid;grid-template-columns:1fr}.fx-sbox{min-width:0}.fx-search button{width:100%}}

/* ---- car comparison ---- */
.cmp-box { background:linear-gradient(135deg,#fff 0%,#fafafa 100%); border:1px solid var(--line); border-radius:20px; padding:clamp(20px,4vw,34px); margin:clamp(24px,4vw,42px) 0; box-shadow:0 16px 35px rgba(20,24,32,.07); }
.cmp-err { color: var(--red); font-weight: 700; margin-bottom: 12px; }
.cmp-label { font-weight: 700; margin: 0 0 12px; display: flex; justify-content: space-between; align-items: center; }
.cmp-swap { font-size: 13px; color: var(--red); }
.cmp-picker { display:grid; grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) auto; gap:clamp(10px,2vw,18px); align-items:end; }
.cmp-field { display: block; min-width:0; position:relative; }
.cmp-field span { display:block; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; color:var(--ink2); margin-bottom:8px; }
.cmp-field select { width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; font: inherit; }
.cmp-field .select2-container{width:100%!important;min-width:0}.cmp-field .select2-selection--single{height:46px;border:1px solid var(--line);border-radius:10px;background:#fff}.cmp-field .select2-selection__rendered{line-height:44px;padding-left:12px}.cmp-field .select2-selection__arrow{height:44px}.cmp-field .select2-container--open .select2-dropdown{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;width:100%!important;max-width:100%!important;max-height:280px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px #15171d22;z-index:30}.cmp-field .select2-results__options{max-height:220px}.cmp-field .select2-search__field{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:7px;padding:8px 10px}
.cmp-vs { display:grid;place-items:center;align-self:end;width:42px;height:42px;margin-bottom:5px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em; }
.cmp-picker .go { white-space:nowrap;height:52px;padding:0 22px;border-radius:11px; }
.cmp-heads { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; position: relative; margin-top: 28px; }
.cmp-head { position: relative; text-align: center; border: 1px solid var(--line); border-radius: 16px; padding: 16px; background: #fff; }
.cmp-head.win { border-color: var(--red); }
.cmp-head img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 10px; }
.cmp-name { display: block; font-weight: 800; font-size: 20px; margin: 12px 0 4px; }
.cmp-pick { position: absolute; top: 10px; left: 10px; background: var(--red); color: #fff; font-size: 11px; font-weight: 800; text-transform: uppercase; padding: 4px 10px; border-radius: 99px; z-index: 1; }
.cmp-vs-mid { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); background: var(--ink); color: #fff; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; padding: 0; font-size: 14px; }
.cmp-sec { margin: 34px 0 14px; }
.cmp-table { width: 100%; border-collapse: collapse; table-layout: fixed; background: #fff; border: 1px solid var(--line); }
.cmp-table th, .cmp-table td { padding: 13px 16px; border-top: 1px solid var(--line); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.cmp-table thead th { background: var(--wash); border-top: 0; font-weight: 800; }
.cmp-table tbody th { color: var(--ink2); font-weight: 600; width: 26%; }
.cmp-table td { font-weight: 700; }
.cmp-table td.best { color: #0a7a3c; background: #eefaf2; }
.cmp-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.cmp-cta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
@media (max-width: 720px) {
  .cmp-picker { grid-template-columns: 1fr; }
  .cmp-vs { display: none; }
  .cmp-heads, .cmp-cols { gap: 10px; }
  .cmp-head { padding: 10px; }
  .cmp-name { font-size: 15px; }
  .cmp-table th, .cmp-table td { padding: 10px; font-size: 14px; }
  .cmp-table tbody th { width: 30%; }
  .cmp-cols { grid-template-columns: 1fr; }
  .cmp-box{padding:14px}.cmp-picker{gap:10px}.cmp-picker .go{width:100%}
}
.cmp-field .select2-container .select2-selection--single{height:52px;border:1px solid #d7d9df;border-radius:11px;background:#fff;box-shadow:inset 0 1px 2px #00000008}.cmp-field .select2-selection__rendered{line-height:50px;padding-left:14px;font-weight:600;color:var(--ink)}.cmp-field .select2-selection__arrow{height:50px}.cmp-field .select2-container--open .select2-selection--single{border-color:var(--red);box-shadow:0 0 0 3px #d9000014}.cmp-field .select2-container--open .select2-dropdown{position:absolute!important;top:calc(100% + 7px)!important;left:0!important;width:100%!important;max-width:100%!important;max-height:280px;overflow-y:auto;border:1px solid #d7d9df;border-radius:11px;box-shadow:0 14px 30px #15171d22;z-index:30}.cmp-field .select2-search__field{box-sizing:border-box;border:1px solid #d7d9df;border-radius:7px;padding:9px 10px}

/* Comparison Select2 group headings and options. */
.cmp-field .select2-results__group{padding:9px 14px 5px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);background:#fafafa}.cmp-field .select2-results__option{padding:9px 14px}.cmp-field .select2-results__option--highlighted{background:var(--red);color:#fff}

/* ===== ad banners ===== */
.ad-slot{position:relative;display:block;border-radius:12px;overflow:hidden;}
.ad-slot[hidden]{display:none}
.ad-slot img{display:block;width:100%;height:auto}
.ad-tag{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:4px}
.ad-h{padding-top:18px}
.ad-v{max-width:300px;justify-self:center}
.fx-side .ad-v{position:sticky;top:16px}
.ad-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
@media(max-width:900px){.ad-layout{grid-template-columns:1fr}}

/* ---- EMI calculator ---- */
.emi-wrap{align-items:start}
.emi{padding:28px}
.emi-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
@media(max-width:760px){.emi-grid{grid-template-columns:1fr;gap:24px}.emi{padding:18px}}
.emi-f{margin-bottom:22px}
.emi-f label{display:block;font-weight:700;margin-bottom:12px}
.emi-f label b{font-weight:800}
.emi-f input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:var(--line);border-radius:3px;outline:0;margin:10px 0 16px}
.emi-f input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--red);border:0;cursor:pointer}
.emi-f input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--red);border:0;cursor:pointer}
.emi-f input[type=number]{display:block;margin-left:auto;width:110px;height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;font:inherit;font-size:15px;background:#fff;color:inherit}
.emi-f input[type=number]:focus{outline:0;border-color:var(--red)}
.emi-out p{margin:0 0 14px;font-size:clamp(18px,2.2vw,24px);font-weight:600}
.emi-out p b{font-weight:800}
.emi-big{font-size:clamp(22px,2.6vw,28px)!important}
.emi-chart{margin-top:18px;text-align:center}
.emi-chart svg{width:min(100%,260px);height:auto}
.emi-legend{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;justify-content:center;font-size:13px;color:var(--ink2)}
.emi-legend i{display:inline-block;width:32px;height:10px;margin-right:8px;vertical-align:middle}
.emi-lead{padding:0;border:0;background:none}
.emi-lead .fx-lead{margin:0}
.ln{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ln a{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;color:inherit;text-decoration:none}
.ln img{width:92px;height:68px;object-fit:cover;border-radius:8px;background:var(--wash)}
.ln .t{margin:0 0 4px;font-size:14px;font-weight:700;line-height:1.35}
.ln a:hover .t{color:var(--red)}
.ln-more{display:inline-block;margin-top:14px;font-weight:700;color:var(--red);font-size:14px}

/* ---- Cost per km calculator: kaali-peeli taxi-meter theme ---- */
.ckm{padding:0;overflow:hidden}
.ckm-meter{--y:#f7c600;--k:#141414;position:relative;display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:44px;align-items:start;padding:34px 34px 52px;background:var(--y);color:var(--k)}
/* the checker band painted on Indian taxis */
.ckm-meter::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:repeating-conic-gradient(var(--k) 0 25%,transparent 0 50%) 0 0/16px 16px}

/* ---- the meter itself ---- */
.ckm-cluster{width:100%;max-width:400px;margin:0 auto}
.ckm-taxi{background:var(--k);border-radius:18px;padding:16px 16px 18px;color:#fff}
.ckm-lcd{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;padding:14px 20px 12px;border-radius:8px;background:#d6dcb8;color:#1d2616;box-shadow:inset 0 3px 0 rgba(0,0,0,.18);line-height:1}
.ckm-lcd b{font:800 clamp(56px,9vw,80px)/1 var(--f,inherit);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ckm-rs{font-size:26px;font-weight:800;margin-right:auto}
.ckm-lcd small{font-size:13px;font-weight:700}
.ckm-sbar{display:flex;height:10px;margin-top:16px;border-radius:5px;overflow:hidden;background:#8a8f98}
.ckm-sbar span{display:block;height:100%;width:0;background:var(--y);transition:width .4s}
.ckm-split{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:13px;color:rgba(255,255,255,.75)}
.ckm-split span{display:inline-flex;align-items:center;gap:7px}
.ckm-split i{width:10px;height:10px;border-radius:2px}
.ckm-split i.f{background:var(--y)}
.ckm-split i.r{background:#8a8f98}
.ckm-split b{color:#fff}
.ckm-split em{font-style:normal}

/* ---- scale: bike / auto / cab against you ---- */
.ckm-rail{padding:0 20px;margin-top:22px}
.ckm-scale{position:relative;height:166px}
.ckm-scale::before{content:"";position:absolute;left:0;right:0;top:96px;height:4px;background:var(--k)}
.ckm-scale::after{content:"";position:absolute;left:0;right:0;top:100px;height:8px;border-right:2px solid var(--k);background:linear-gradient(90deg,var(--k) 2px,transparent 2px) 0 0/5% 100%}
.ckm-pin{position:absolute;left:0;bottom:70px;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%)}
.ckm-pin span{display:flex;flex-direction:column;align-items:center;font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap}
.ckm-pin em{font-style:normal;font-weight:600;font-size:12px;opacity:.7}
.ckm-pin i{display:block;width:2px;height:var(--s);background:var(--k);margin-top:3px}
.ckm-nums span{position:absolute;top:112px;transform:translateX(-50%);font-size:11px;font-weight:700;opacity:.65}
.ckm-you{position:absolute;top:130px;left:0;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);transition:left .5s cubic-bezier(.2,.8,.2,1)}
.ckm-you i{width:0;height:0;border:8px solid transparent;border-top:0;border-bottom:12px solid var(--k)}
.ckm-you b{background:var(--k);color:var(--y);font-size:12px;font-weight:800;padding:3px 10px;border-radius:99px}

/* ---- bill slip: dotted leaders, torn bottom edge ---- */
.ckm-slip{list-style:none;margin:0 0 30px;padding:6px 22px 8px;background:#fff;position:relative;container-type:inline-size}
.ckm-slip::after{content:"";position:absolute;left:0;right:0;top:100%;height:8px;background:linear-gradient(135deg,#fff 25%,transparent 25%) -8px 0/16px 16px,linear-gradient(225deg,#fff 25%,transparent 25%) -8px 0/16px 16px}
.ckm-slip li{display:flex;align-items:baseline;gap:6px;padding:13px 0}
.ckm-slip li+li{border-top:0}
.ckm-slip span{flex:1;min-width:0;display:flex;align-items:baseline;font-size:16px;font-weight:600;white-space:nowrap}
.ckm-slip span::after{content:"";flex:1;margin:0 8px;border-bottom:2px dotted #8a8a8a;min-width:12px}
.ckm-slip b{flex:none;font-size:24px;font-size:min(24px,8cqw);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.ckm-slip i{font-style:normal}
.ckm-slip li:last-child{flex-wrap:wrap;margin-top:6px;padding:16px 0 12px;border-top:3px solid var(--k)}
.ckm-slip li:last-child span{flex:1 0 100%;font-weight:800}
.ckm-slip li:last-child b{margin-left:auto;font-size:34px;font-size:min(40px,11cqw);line-height:1.1}

/* ---- verdict: black plate, state shown by the top bar ---- */
.ckm-msg{background:var(--k);color:#fff;border-radius:10px;border-top:8px solid #fb9e1e;padding:16px 20px 18px}
.ckm-msg[data-state=good]{border-top-color:#2dd4bf}
.ckm-msg[data-state=bad]{border-top-color:#ff4d5e}
.ckm-msg p{margin:0;font-weight:800;font-size:18px;line-height:1.35}
.ckm-msg .ckm-tip{margin-top:6px;font-weight:500;font-size:14px;color:rgba(255,255,255,.72)}

/* ---- inputs + breakdown (unchanged) ---- */
.ckm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding:28px;align-items:start}
.ckm-sel{display:block;width:100%;height:46px;border:1px solid var(--line);border-radius:8px;padding:0 12px;font:inherit;font-size:15px;background:#fff;color:inherit}
.ckm-sel:focus{outline:0;border-color:var(--red)}
.ckm-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ckm-seg button{height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer;color:inherit}
.ckm-seg button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.ckm-seg button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.ckm-unit{font-weight:500;color:var(--ink2)}
.ckm-note{margin:-6px 0 0;font-size:13px;color:var(--ink2);background:var(--wash);border-radius:8px;padding:10px 12px}
.ckm-h{margin:0 0 14px;font-size:16px;font-weight:800}
.ckm-h small{font-weight:500;color:var(--ink2)}
.ckm-bar{display:flex;height:22px;border-radius:11px;overflow:hidden;background:var(--wash)}
.ckm-bar span{display:block;transition:width .35s}
.ckm-leg{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.ckm-leg li{display:grid;grid-template-columns:14px 1fr auto auto;gap:10px;align-items:center;font-size:14px}
.ckm-leg i{width:14px;height:14px;border-radius:4px}
.ckm-leg b{font-weight:800}
.ckm-leg b small{font-weight:500;color:var(--ink2);margin-left:2px}
.ckm-leg em{font-style:normal;color:var(--ink2);min-width:74px;text-align:right}
.ckm-race{display:grid;gap:10px}
.ckm-race div{display:grid;grid-template-columns:70px minmax(0,1fr) 60px;gap:10px;align-items:center;font-size:14px}
.ckm-race i{display:block;height:12px;border-radius:6px;background:var(--wash);overflow:hidden}
.ckm-race u{display:block;height:100%;border-radius:6px;background:#94a3b8;transition:width .35s}
.ckm-race .me{font-weight:800}
.ckm-race .me u{background:var(--red)}
.ckm-race b{text-align:right}

@media(max-width:900px){.ckm-meter{grid-template-columns:1fr;gap:32px;padding:24px 18px 46px}.ckm-grid{grid-template-columns:1fr;gap:24px;padding:20px 18px}}
@media(max-width:480px){.ckm-leg li{grid-template-columns:14px 1fr auto}.ckm-leg em{display:none}}
@media(prefers-reduced-motion:reduce){.ckm-you,.ckm-sbar span,.ckm-bar span,.ckm-race u{transition:none}}
/* ---- Roast my car: "e-challan" look (cream paper, red stamp, number-plate input) ---- */
.rst{--paper:#f7f0da;--paper2:#efe5c3;--rk:#1b1b1b;--rr:#c1121f;--rm:#6b6249;margin-bottom:34px;border:2px solid var(--rk);background:var(--paper);color:var(--rk);box-shadow:8px 8px 0 var(--rk);overflow:hidden}
.rst-hero{position:relative;background:var(--rk);color:#fff;padding:0 26px 28px;overflow:hidden}
.rst-tape{height:18px;margin:0 -26px 24px;background:repeating-linear-gradient(-45deg,var(--rr) 0 18px,#fff 18px 36px)}
.rst-hero-in{max-width:620px}
.rst-kick{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;color:#ffd23f;margin-bottom:10px}
.rst-hero h1{margin:0 0 12px;font-size:clamp(28px,4.6vw,44px);line-height:1.08;font-weight:800;color:#fff}
.rst-hero h1 em{font-style:normal;color:#ffd23f;text-decoration:underline wavy var(--rr);text-underline-offset:6px}
.rst-hero p{margin:0;color:#d9d9d9;font-size:15px;line-height:1.55}
.rst-hero-stamp{position:absolute;right:22px;bottom:20px;transform:rotate(-12deg);border:3px solid #ff4d5a;color:#ff4d5a;border-radius:8px;padding:8px 14px;font-weight:800;font-size:15px;line-height:1.1;text-align:center;letter-spacing:.05em;opacity:.9}
@media(max-width:700px){.rst-hero-stamp{display:none}}
.rst-view{display:none}.rst-view.show{display:block;animation:rstIn .35s ease both}
@keyframes rstIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.rst-panel{padding:26px;background:var(--paper);color:var(--rk)}
.rst-panel h2{margin:0 0 6px;font-size:22px;color:var(--rk)}
.rst-sub{margin:0 0 18px;color:var(--rm);font-size:14.5px;line-height:1.5}
.rst-wait{display:flex;align-items:center;gap:12px;padding:44px 26px;font-weight:700}
.rst-spin{width:22px;height:22px;border:3px solid var(--rk);border-right-color:transparent;border-radius:50%;animation:rstSp .8s linear infinite}
@keyframes rstSp{to{transform:rotate(360deg)}}
.rst-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.rst-row{grid-template-columns:1fr}}
.rst-f{display:block;margin-bottom:14px}
.rst-f>span{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.rst-f em{font-style:normal;font-weight:500;color:var(--rm)}
.rst-f input,.rst-ph{width:100%;height:46px;border:2px solid var(--rk);background:#fffaf0;border-radius:6px;padding:0 12px;font:inherit;font-size:16px;color:var(--rk)}
.rst-f input:focus{outline:0;box-shadow:0 0 0 3px #ffd23f}
.rst-ph{display:flex;align-items:center;padding:0;overflow:hidden}.rst-ph b{padding:0 12px;background:var(--rk);color:#fff;align-self:stretch;display:flex;align-items:center}.rst-ph input{border:0;height:100%;border-radius:0}
.rst-f.bad input,.rst-f.bad .rst-ph{border-color:var(--rr)}
.rst-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.rst-err{min-height:20px;margin:2px 0 10px;color:var(--rr);font-weight:700;font-size:14px}
.rst-fine{margin:14px 0 0;font-size:12.5px;color:var(--rm)}
.rst-lnk{background:none;border:0;padding:0;font:inherit;color:var(--rr);font-weight:700;cursor:pointer;text-decoration:underline}.rst-lnk:disabled{color:var(--rm);text-decoration:none;cursor:default}
.rst-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border:2px solid var(--rk);background:var(--rr);color:#fff;font:inherit;font-weight:800;font-size:16px;border-radius:6px;cursor:pointer;box-shadow:4px 4px 0 var(--rk);transition:transform .12s,box-shadow .12s}
.rst-btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--rk)}.rst-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--rk)}.rst-btn:disabled{opacity:.6;pointer-events:none}
.rst-btn.alt{background:#fffaf0;color:var(--rk)}.rst-btn.big{width:100%;height:58px;font-size:19px}
.rst-otp{display:flex;gap:8px;margin:6px 0 10px}.rst-otp input{width:100%;max-width:54px;height:56px;text-align:center;font:inherit;font-size:24px;font-weight:800;border:2px solid var(--rk);background:#fffaf0;border-radius:6px;color:var(--rk)}
.rst-otp input:focus{outline:0;box-shadow:0 0 0 3px #ffd23f}
/* tool */
.rst-hi{font-weight:800;font-size:18px;margin-bottom:16px}
.rst-q{display:flex;align-items:center;gap:10px;font-weight:800;margin:20px 0 10px}.rst-q small{font-weight:500;color:var(--rm)}
.rst-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--rk);color:#ffd23f;font-size:13px}
.rst-plate{display:flex;height:76px;border:4px solid var(--rk);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 0 rgba(0,0,0,.2)}
.rst-plate i{flex:0 0 52px;background:#0a3d91;color:#fff;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;font-style:normal;font-size:12px;position:relative}
.rst-plate i::before{content:"";position:absolute;top:14px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#f2a900}
.rst-plate input{flex:1;min-width:0;border:0;background:transparent;font:800 clamp(20px,4.4vw,34px) "Archivo",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#111;padding:0 10px}
.rst-plate input:focus{outline:0;background:#fffbe0}
.rst-plate input::placeholder{color:#c9c9c9}
.rst-hint{font-size:12.5px;color:var(--rm);margin-top:7px}
.rst-chips{display:flex;flex-wrap:wrap;gap:8px}
.rst-chips button,.rst-seg button{font:inherit;font-weight:700;font-size:14px;padding:9px 14px;border:2px solid var(--rk);background:#fffaf0;color:var(--rk);border-radius:99px;cursor:pointer;transition:transform .1s}
.rst-chips button:hover,.rst-seg button:hover{transform:translateY(-2px)}
.rst-chips button.on,.rst-seg button.on{background:var(--rk);color:#ffd23f}
.rst-chips button.shake{animation:rstShake .35s}@keyframes rstShake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.rst-seg{display:flex;flex-wrap:wrap;gap:8px}
.rst-nm{margin:20px 0 6px}
/* loading */
.rst-load{text-align:center;padding:60px 26px}.rst-load h2{font-size:20px}
.rst-printer{display:inline-flex;gap:8px;margin-bottom:18px}.rst-printer i{width:14px;height:44px;background:var(--rr);border:2px solid var(--rk);border-radius:3px;animation:rstBar 1s ease-in-out infinite}
.rst-printer i:nth-child(2){animation-delay:.15s;background:#ffd23f}.rst-printer i:nth-child(3){animation-delay:.3s;background:var(--rk)}
@keyframes rstBar{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
/* result */
.rst-res{padding:26px;background:var(--paper2);text-align:center}
.rst-cardwrap{max-width:460px;margin:0 auto 22px;border:3px solid var(--rk);box-shadow:8px 8px 0 var(--rk);background:#fff;line-height:0}
.rst-cardwrap.pop{animation:rstPop .6s cubic-bezier(.2,1.4,.4,1) both}
@keyframes rstPop{from{opacity:0;transform:scale(.88) rotate(-3deg)}to{opacity:1;transform:none}}
.rst-cardwrap canvas{display:block;width:100%;height:auto}
.rst-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.rst-note{min-height:22px;margin-top:14px;font-weight:700;font-size:14px;color:var(--rr)}
.rst-more{margin-top:8px;font-size:14px}
@media(prefers-reduced-motion:reduce){.rst *{animation:none!important;transition:none!important}}
@media(max-width:560px){.rst{box-shadow:4px 4px 0 var(--rk)}.rst-panel,.rst-res{padding:20px 16px}.rst-hero{padding:0 16px 22px}.rst-tape{margin:0 -16px 20px}.rst-acts .rst-btn{flex:1 1 100%}}
.rst-sl{display:block;font-weight:700;font-size:13px;margin:0 0 7px}.rst-sl em{font-style:normal;font-weight:500;color:var(--rm)}
.rst-plate+.rst-sl{margin-top:18px}
.rst-car{width:100%;height:48px;border:2px solid var(--rk);background:#fffaf0;border-radius:6px;padding:0 14px;font:inherit;font-size:16px;font-weight:600;color:var(--rk)}
.rst-car:focus{outline:0;box-shadow:0 0 0 3px #ffd23f}.rst-car::placeholder{color:#a79f85;font-weight:500}

/* ---- Online mechanic: bright "Gaadi ka X-ray" look (paper white, site red, road-sign yellow) ---- */
.mch{--mi:#16181d;--mr:var(--red,#d90000);--my:#ffd23f;--mp:#fffdf6;--ml:#e8e2d0;--mm:#5f6672;--mg:#1f9d55;margin-bottom:34px;background:#fff;color:var(--mi);border:2px solid var(--mi);border-radius:16px;overflow:hidden;box-shadow:6px 6px 0 var(--mi)}
.mch-hero{position:relative;padding:30px 28px 38px;background:linear-gradient(180deg,#fff7d6,#fffdf6 70%);border-bottom:2px solid var(--mi)}
.mch-hero-in{max-width:640px}
.mch-kick{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--mr);margin-bottom:10px}
.mch-kick i{width:9px;height:9px;border-radius:50%;background:var(--mg);box-shadow:0 0 0 0 rgba(31,157,85,.55);animation:mchPulse 1.8s infinite}
@keyframes mchPulse{70%{box-shadow:0 0 0 9px rgba(31,157,85,0)}100%{box-shadow:0 0 0 0 rgba(31,157,85,0)}}
.mch-hero h1{margin:0 0 12px;font-size:clamp(27px,4.4vw,42px);line-height:1.1;font-weight:800;color:var(--mi)}
.mch-hero h1 em{font-style:normal;color:var(--mr);background:linear-gradient(transparent 62%,var(--my) 62%);padding:0 4px}
.mch-hero p{margin:0 0 14px;color:#3f4651;font-size:15.5px;line-height:1.6}.mch-hero p b{color:var(--mi);background:var(--my);padding:0 3px}
.mch-points{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.mch-points li{font-size:13px;font-weight:700;padding:6px 12px;border-radius:99px;background:#fff;border:2px solid var(--mi)}
.mch-road{position:absolute;left:0;right:0;bottom:0;height:12px;background:repeating-linear-gradient(90deg,var(--mi) 0 34px,var(--my) 34px 68px)}
.mch-view{display:none}.mch-view.show{display:block;animation:rstIn .35s ease both}
.mch-panel{padding:26px;background:var(--mp)}.mch-panel h2{margin:0 0 6px;font-size:21px}.mch-sub{margin:0 0 18px;color:var(--mm);font-size:14.5px;line-height:1.5}
.mch-wait{display:flex;align-items:center;gap:12px;padding:44px 26px;font-weight:700;background:var(--mp)}
.mch-spin{width:22px;height:22px;border:3px solid var(--mr);border-right-color:transparent;border-radius:50%;animation:rstSp .8s linear infinite}
.mch-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.mch-row{grid-template-columns:1fr}}
.mch-f{display:block;margin-bottom:14px}.mch-f>span{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.mch-f em{font-style:normal;font-weight:500;color:var(--mm)}
.mch-f input,.mch-ph{width:100%;height:46px;border:2px solid var(--mi);background:#fff;border-radius:8px;padding:0 12px;font:inherit;font-size:16px;color:var(--mi)}
.mch-f input:focus,.mch-jobgrid input:focus,.mch-jobgrid select:focus,.mch-input textarea:focus{outline:0;box-shadow:0 0 0 3px var(--my)}
.mch-ph{display:flex;align-items:center;padding:0;overflow:hidden}.mch-ph b{padding:0 12px;background:var(--mi);color:#fff;align-self:stretch;display:flex;align-items:center}.mch-ph input{border:0;height:100%;border-radius:0;box-shadow:none!important}
.mch-f.bad input,.mch-f.bad .mch-ph{border-color:var(--mr)}.mch-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.mch-err{min-height:20px;margin:2px 0 10px;color:var(--mr);font-weight:700;font-size:14px}.mch-fine{margin:14px 0 0;font-size:12.5px;color:var(--mm)}
.mch-lnk{background:none;border:0;padding:0;font:inherit;color:var(--mr);font-weight:700;cursor:pointer;text-decoration:underline}.mch-lnk:disabled{color:var(--mm);text-decoration:none;cursor:default}
.mch-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:2px solid var(--mi);background:var(--mr);color:#fff;font:inherit;font-weight:800;font-size:15.5px;border-radius:8px;cursor:pointer;box-shadow:3px 3px 0 var(--mi);transition:transform .12s,box-shadow .12s}
.mch-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--mi)}.mch-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--mi)}.mch-btn:disabled{opacity:.6;pointer-events:none}.mch-btn.alt{background:#fff;color:var(--mi)}
.mch-otp{display:flex;gap:8px;margin:6px 0 10px}.mch-otp input{width:100%;max-width:54px;height:56px;text-align:center;font:inherit;font-size:24px;font-weight:800;border:2px solid var(--mi);background:#fff;border-radius:8px;color:var(--mi)}
.mch-otp input:focus{outline:0;box-shadow:0 0 0 3px var(--my)}
/* workshop: X-ray car on the left, chat on the right */
.mch-shop.show{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:var(--mp);min-height:680px}
@media(max-width:860px){.mch-shop.show{grid-template-columns:1fr}}
.mch-left{padding:18px;border-right:2px solid var(--mi);display:flex;flex-direction:column;gap:16px;min-width:0}@media(max-width:860px){.mch-left{border-right:0;border-bottom:2px solid var(--mi)}}
.mch-xray{background:#fff;border:2px solid var(--mi);border-radius:12px;padding:12px 12px 14px;background-image:radial-gradient(#e8e2d0 1px,transparent 1px);background-size:14px 14px}
.mch-xhead{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.mch-xhead b{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--mr)}.mch-xhead span{font-size:12.5px;color:var(--mm)}
.mch-xcar{position:relative}.mch-svg{display:block;width:100%;height:auto}.mch-xr{animation:mchDash 18s linear infinite}@keyframes mchDash{to{stroke-dashoffset:-220}}
.mch-pin{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;padding:0;border-radius:50%;border:2px solid var(--mi);background:var(--my);cursor:pointer;display:grid;place-items:center;font-size:13px;line-height:1;box-shadow:2px 2px 0 var(--mi);transition:transform .15s,background .15s}
.mch-pin b{font-weight:400}.mch-pin:hover,.mch-pin:focus-visible{transform:translate(-50%,-50%) scale(1.2);outline:0;z-index:3}.mch-pin.hot,.mch-pin.on{z-index:2}
@media(pointer:coarse){.mch-pin::before{content:"";position:absolute;inset:-9px}}
.mch-pin span{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--mi);color:#fff;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .15s}
.mch-pin:hover span,.mch-pin:focus-visible span,.mch-pin.hot span,.mch-pin.on span{opacity:1}
.mch-pin:not(.hot):not(.on):not(.talk)::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--my);animation:mchRing 2.4s ease-out infinite;pointer-events:none}
.mch-pin.on{background:var(--mi);border-color:var(--mi)}.mch-pin.talk{background:#b9e8cc}
.mch-pin.hot{background:var(--mr);border-color:var(--mi);animation:none}.mch-pin.hot::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:3px solid var(--mr);animation:mchRing 1.4s ease-out infinite}
@keyframes mchRing{from{transform:scale(.7);opacity:.9}to{transform:scale(1.5);opacity:0}}
.mch-zones{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mch-zones button{font:inherit;font-weight:700;font-size:12.5px;padding:6px 10px;border-radius:99px;border:2px solid var(--mi);background:#fff;color:var(--mi);cursor:pointer}
.mch-zones button:hover{background:var(--my)}.mch-zones button.on{background:var(--mi);color:var(--my)}.mch-zones button.talk{background:#dff5e8}.mch-zones button.hot{background:var(--mr);color:#fff}
.mch-job{border:2px solid var(--mi);border-radius:12px;background:#fff}
.mch-job summary{list-style:none;cursor:pointer;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.mch-job summary::-webkit-details-marker{display:none}
.mch-job summary b{color:var(--mi);font-size:14px;letter-spacing:.05em;text-transform:uppercase}.mch-job summary small{color:var(--mm);font-size:12px}
.mch-jobgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 14px}.mch-jobgrid label{display:block;font-size:11.5px;font-weight:700;color:var(--mm);text-transform:uppercase;letter-spacing:.05em}.mch-jobgrid .wide{grid-column:1/-1}
.mch-jobgrid input,.mch-jobgrid select{display:block;width:100%;margin-top:5px;height:40px;border:2px solid var(--ml);background:#fff;border-radius:8px;padding:0 10px;font:inherit;font-size:15px;color:var(--mi);text-transform:none;letter-spacing:0;font-weight:500}
.mch-jobgrid input:focus,.mch-jobgrid select:focus{border-color:var(--mi)}
.mch-noted{margin:0 14px 14px;padding:12px;border:2px dashed var(--mr);border-radius:10px;font-size:13px;background:#fff8f8}.mch-noted b{color:var(--mr);display:block;margin-bottom:6px}
.mch-noted ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.mch-noted li span{display:block;font-size:11px;color:var(--mm);text-transform:uppercase;letter-spacing:.05em}
/* chat */
.mch-chat{display:flex;flex-direction:column;min-width:0;height:680px;background:#fff;overflow:hidden}
.mch-chead{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px solid var(--mi);background:var(--my)}.mch-chead b{display:block;font-size:15px}.mch-chead small{color:#3b3f46;font-size:12px}
.mch-msgs{flex:1;height:auto;min-height:0;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;background:linear-gradient(#fff,#fffdf6)}
.mch-m{display:flex;gap:10px;align-items:flex-end;max-width:92%}.mch-m.user{align-self:flex-end;flex-direction:row-reverse}
.mch-av{flex:0 0 36px;height:36px;border-radius:50%;background:var(--my);border:2px solid var(--mi);font-style:normal;font-size:17px;display:grid;place-items:center}
.mch-b{padding:11px 14px;border-radius:14px;line-height:1.5;font-size:15px;background:#fff;border:2px solid var(--mi);border-left:6px solid var(--mr);border-bottom-left-radius:4px;word-break:break-word}
.mch-m.user .mch-b{background:var(--my);border-left-width:2px;border-radius:14px;border-bottom-right-radius:4px;font-weight:600}
.mch-m.err .mch-b{border-color:var(--mr);color:var(--mr)}
.mch-dots{display:inline-flex;gap:5px;padding:3px 0}.mch-dots i{width:8px;height:8px;border-radius:50%;background:var(--mr);animation:mchDot 1s infinite}.mch-dots i:nth-child(2){animation-delay:.15s}.mch-dots i:nth-child(3){animation-delay:.3s}
@keyframes mchDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.mch-quick{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px}.mch-quick:empty{display:none}
.mch-quick button{font:inherit;font-weight:700;font-size:13.5px;padding:8px 14px;border-radius:99px;border:2px solid var(--mr);background:#fff;color:var(--mr);cursor:pointer;transition:background .12s,color .12s}
.mch-quick button:hover{background:var(--mr);color:#fff}
.mch-input{display:flex;flex:0 0 auto;align-items:flex-end;gap:8px;padding:12px 14px;border-top:2px solid var(--mi);background:#fff}
.mch-input textarea{flex:1;min-height:46px;max-height:130px;resize:none;border:2px solid var(--mi);background:#fff;border-radius:12px;padding:11px 14px;font:inherit;font-size:16px;color:var(--mi);line-height:1.35}
.mch-send,.mch-mic{flex:0 0 46px;height:46px;border-radius:12px;border:2px solid var(--mi);font-size:18px;cursor:pointer}
.mch-send{background:var(--mr);color:#fff;font-weight:800;box-shadow:2px 2px 0 var(--mi)}.mch-mic{background:#fff}.mch-mic.on{background:var(--mr);animation:mchPulse 1.2s infinite}.mch-send:disabled{opacity:.5}
.mch-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 16px 12px;font-size:12px;color:var(--mm)}
@media(max-width:860px){.mch-shop.show{min-height:0}.mch-chat{height:560px}.mch-msgs{min-height:260px}}
/* service report */
.mch-result{background:var(--mp);border-top:2px solid var(--mi)}
.mch-rhead{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:var(--mi);color:#fff;font-size:12px;letter-spacing:.14em}.mch-rhead b{color:var(--my)}
.mch-rtop{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;padding:24px;border-bottom:2px dashed var(--ml)}@media(max-width:820px){.mch-rtop{grid-template-columns:1fr;padding:18px 16px}}
.mch-rbody{padding:4px 24px 26px}@media(max-width:560px){.mch-rbody{padding:4px 16px 22px}}
.mch-sev{display:flex;align-items:center;gap:14px}.mch-sev b{display:block;font-size:19px}.mch-sev span{color:var(--mm);font-size:13.5px}
.mch-light{flex:0 0 56px;height:56px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:26px;font-weight:800;color:#fff;border:3px solid var(--mi);box-shadow:0 0 0 5px rgba(0,0,0,.06)}
.mch-sev.s1 .mch-light{background:var(--mg)}.mch-sev.s2 .mch-light{background:#f5a300;color:#16181d}.mch-sev.s3 .mch-light{background:#f26b1d}.mch-sev.s4 .mch-light{background:var(--mr);animation:mchBlink 1s steps(2) infinite}
@keyframes mchBlink{50%{opacity:.55}}
.mch-rmain h3{margin:16px 0 8px;font-size:25px;line-height:1.2}.mch-summary{margin:10px 0 0;color:#3f4651;font-size:15.5px;line-height:1.6}
.mch-zchips{display:flex;flex-wrap:wrap;gap:6px}.mch-zchip{font-size:12.5px;font-weight:800;padding:4px 10px;border-radius:99px;background:var(--mr);color:#fff;border:2px solid var(--mi)}
.mch-cost{align-self:start;padding:16px;border:2px solid var(--mi);border-radius:12px;background:#fff;box-shadow:4px 4px 0 var(--mi)}
.mch-cost small{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--mm)}.mch-cost>b{display:block;font-size:26px;line-height:1.15;margin:4px 0 12px;color:var(--mr)}
.mch-split{height:12px;border-radius:99px;background:var(--my);border:2px solid var(--mi);overflow:hidden}.mch-split i{display:block;height:100%;background:var(--mr)}
.mch-splitl{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;margin-top:4px}.mch-cost p{margin:10px 0 0;font-size:12.5px;color:var(--mm);line-height:1.45}
.mch-sec{margin-top:20px}.mch-sec h4{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mr)}
.mch-sec ul{margin:0;padding-left:20px;list-style:disc;display:grid;gap:6px;color:#2a2f37;font-size:15px;line-height:1.5}.mch-sec li::marker{color:var(--mr)}
.mch-sec.warn{padding:14px 16px;border:2px solid var(--mi);border-left:8px solid var(--my);background:#fff9dc;border-radius:8px}.mch-sec.warn h4{color:var(--mi)}
.mch-sec.bad{padding:14px 16px;border:2px solid var(--mr);border-left:8px solid var(--mr);background:#fff1f1;border-radius:8px}
.mch-sec ul.mch-causes{list-style:none;padding:0}.mch-cb{display:flex;justify-content:space-between;gap:10px}.mch-cb span{color:var(--mr);font-weight:800}
.mch-bar{height:9px;border-radius:99px;background:#eee7d2;margin:6px 0 4px;overflow:hidden;border:1px solid var(--ml)}.mch-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--my),var(--mr));border-radius:99px}.mch-causes small{color:var(--mm)}
.mch-tw{overflow-x:auto;border:2px solid var(--mi);border-radius:10px;background:#fff}.mch-tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.mch-tbl th,.mch-tbl td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--ml);vertical-align:top}.mch-tbl th{background:var(--my);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.mch-tbl small{display:block;color:var(--mm);font-weight:400;margin-top:2px}.mch-tbl tfoot td{background:#fff1f1;font-size:15px;border-bottom:0}.mch-tbl td:last-child,.mch-tbl th:last-child{text-align:right}
.mch-ztag{font-style:normal;margin-right:6px}
.mch-disc{margin:20px 0 14px;color:var(--mm);font-size:12.5px}
.mch-acts{display:flex;flex-wrap:wrap;gap:10px}.mch-note{min-height:22px;margin-top:12px;color:var(--mr);font-weight:700;font-size:14px}
@media(max-width:560px){.mch-hero{padding:24px 16px 32px}.mch-panel{padding:20px 16px}.mch-acts .mch-btn{flex:1 1 100%}.mch-m{max-width:100%}.mch{box-shadow:3px 3px 0 var(--mi)}.mch-left{padding:12px}}
@media(prefers-reduced-motion:reduce){.mch *,.mch *::after{animation:none!important;transition:none!important}}

/* mobile hardening for the tool pages: grid children may shrink, inputs never set the column's min width */
.emi-wrap>div,.emi-wrap>aside{min-width:0}
.rst,.mch{max-width:100%}
.rst-plate input{width:0}
.rst input,.rst button,.rst select{max-width:100%}
@media(max-width:560px){
  .rst-hero h1{font-size:clamp(25px,8vw,32px)}
  .rst-plate{height:64px;border-width:3px}.rst-plate i{flex-basis:42px}
  .rst-plate input{font-size:clamp(18px,6vw,26px);letter-spacing:.03em;padding:0 6px}
  .rst-chips button,.rst-seg button{font-size:13.5px;padding:8px 12px}
  .rst-seg{display:grid;grid-template-columns:1fr 1fr 1fr}.rst-seg button{border-radius:12px;padding:9px 4px;text-align:center;line-height:1.2}
  .rst-btn{width:100%}.rst-acts .rst-btn{flex:1 1 100%}
  .rst-otp{gap:6px}.rst-otp input{max-width:none;min-width:0;height:50px;font-size:20px}
  .rst-cardwrap{box-shadow:5px 5px 0 var(--rk)}
}
.rst-more{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px}
@media(max-width:560px){.rst-res{padding-bottom:78px}.rst-more .rst-lnk{font-size:14px}}

/* Article body: tables and in-text images from the news desk */
.prose table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95em;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid #e3e6ee;padding:9px 12px;text-align:left;vertical-align:top}
.prose thead th{background:#f3f5fa;font-weight:700}
.prose tbody tr:nth-child(even){background:#fafbfd}
.prose figure{margin:1.4em 0}
.prose figure img{display:block;width:100%;height:auto;border-radius:10px}
.prose figcaption{font-size:.85em;color:#6b7280;margin-top:6px}