.auto-loan-page {
  --loan-deep: #113b4c;
  --loan-deep-2: #176269;
  --loan-ink: #12342f;
  --loan-muted: #526d68;
  --loan-mint: #32c99d;
  --loan-blue: #5a9fe6;
  --loan-amber: #dda64f;
  --loan-paper: #fbf9f2;
  --loan-sage: #e6efea;
  --loan-line: #bfd1c9;
  --mrp-ink: var(--loan-ink);
  --mrp-deep: var(--loan-deep);
  --mrp-deep-2: var(--loan-deep-2);
  --mrp-mint: var(--loan-mint);
  --mrp-paper: var(--loan-paper);
  --mrp-sage: var(--loan-sage);
  --mrp-line: var(--loan-line);
  color: var(--loan-ink);
  background: #f4f6f3;
}

.auto-loan-page .mrp-header-cta,
.auto-loan-page .mrp-btn--primary {
  background: linear-gradient(118deg, #123b70, #17677a 62%, #35bd84);
}

.auto-loan-page .mrp-main-nav a[aria-current="page"] {
  color: #0e5e55;
  background: #e7f5ef;
}

.auto-loan-hero {
  position: relative;
  min-height: 790px;
  padding: 30px 0 70px;
  overflow: hidden;
  background:
    linear-gradient(rgba(27,67,62,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27,67,62,.035) 1px, transparent 1px),
    radial-gradient(circle at 8% 30%, rgba(50,201,157,.17), transparent 27%),
    radial-gradient(circle at 88% 32%, rgba(90,159,230,.17), transparent 28%),
    linear-gradient(135deg, #edf5f0 0%, #fbf8ef 52%, #edf3f4 100%);
  background-size: 36px 36px, 36px 36px, auto, auto, auto;
}

.auto-loan-hero::after {
  content: "";
  position: absolute;
  right: -160px;
  bottom: -260px;
  width: 620px;
  height: 620px;
  border: 70px solid rgba(20,85,92,.055);
  border-radius: 50%;
  pointer-events: none;
}

.auto-loan-hero .mrp-container { position: relative; z-index: 1; }

.auto-loan-hero .mrp-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  margin-bottom: 42px;
  color: #55706b;
  font-size: 13px;
  font-weight: 760;
}

.auto-loan-hero .mrp-breadcrumbs a { color: inherit; text-decoration: none; }
.auto-loan-hero .mrp-breadcrumbs span { color: #91a9a2; }

.auto-loan-hero .mrp-hero__grid {
  grid-template-columns: minmax(0, 1fr) minmax(470px, .92fr);
  gap: 58px;
  align-items: center;
}

.auto-loan-hero .mrp-hero__copy h1 {
  max-width: 720px;
  margin-bottom: 24px;
  color: #10332e;
  font-size: clamp(58px, 5.8vw, 86px);
  line-height: .94;
  letter-spacing: -.072em;
}

.auto-loan-hero .mrp-hero__lead {
  max-width: 710px;
  margin-bottom: 28px;
  color: #4d6a64;
  font-size: 18px;
  line-height: 1.62;
}

.auto-loan-visual {
  position: relative;
  padding: 22px;
  overflow: hidden;
  color: #fff;
  border: 1px solid rgba(17,59,76,.18);
  border-radius: 35px;
  background:
    radial-gradient(circle at 88% 83%, rgba(221,166,79,.48), transparent 31%),
    radial-gradient(circle at 12% 14%, rgba(50,201,157,.18), transparent 33%),
    linear-gradient(145deg, #11384c, #164f5a 70%, #27685e);
  box-shadow: 0 34px 72px rgba(16,53,61,.23);
}

.auto-loan-visual::after {
  content: "";
  position: absolute;
  right: -68px;
  top: -82px;
  width: 240px;
  height: 240px;
  border: 38px solid rgba(255,255,255,.055);
  border-radius: 50%;
}

.auto-loan-visual__top {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
  color: #d6ece7;
  font-size: 12px;
  font-weight: 850;
}

.auto-loan-visual__top span { color: #8ee5d1; letter-spacing: .12em; }

.auto-loan-visual__art {
  position: relative;
  min-height: 350px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 27px;
  background: linear-gradient(#dff1f0 0 63%, #d9d1bf 63%);
}

.auto-loan-visual__art svg { position: absolute; inset: 0; width: 100%; height: 100%; }

.auto-loan-price,
.auto-loan-payment {
  position: absolute;
  z-index: 2;
  min-width: 150px;
  padding: 14px 16px;
  color: #183d45;
  border: 1px solid rgba(20,70,75,.12);
  border-radius: 17px;
  background: rgba(255,253,247,.93);
  box-shadow: 0 18px 30px rgba(13,51,59,.15);
}

.auto-loan-price { top: 18px; left: 18px; }
.auto-loan-payment { right: 18px; bottom: 18px; }
.auto-loan-price span, .auto-loan-payment span, .auto-loan-price strong, .auto-loan-payment strong, .auto-loan-price small, .auto-loan-payment small { display: block; }
.auto-loan-price span, .auto-loan-payment span { margin-bottom: 4px; color: #5d7671; font-size: 10px; font-weight: 800; }
.auto-loan-price strong, .auto-loan-payment strong { margin-bottom: 3px; font-size: 22px; line-height: 1.05; }
.auto-loan-price small, .auto-loan-payment small { color: #6f837e; font-size: 9px; }

.auto-loan-visual__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 13px;
}

.auto-loan-visual__metrics div {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 17px;
  background: rgba(255,255,255,.075);
}

.auto-loan-visual__metrics span, .auto-loan-visual__metrics strong { display: block; }
.auto-loan-visual__metrics span { margin-bottom: 5px; color: #c3ddd7; font-size: 10px; }
.auto-loan-visual__metrics strong { color: #fff; font-size: 15px; line-height: 1.25; }

.auto-loan-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  border-top: 1px solid rgba(164,188,179,.42);
  border-bottom: 1px solid rgba(164,188,179,.6);
  background: rgba(235,243,239,.94);
  box-shadow: 0 10px 28px rgba(18,63,72,.055);
  backdrop-filter: blur(15px);
}

.auto-loan-nav__inner {
  min-height: 68px;
  display: flex;
  align-items: center;
  gap: 9px;
  overflow-x: auto;
  scrollbar-width: none;
}

.auto-loan-nav__inner::-webkit-scrollbar { display: none; }
.auto-loan-nav a { flex: 0 0 auto; padding: 10px 15px; color: #315c57; border: 1px solid #c5d7cf; border-radius: 999px; background: rgba(255,255,255,.78); font-size: 13px; font-weight: 850; line-height: 1; text-decoration: none; }
.auto-loan-nav a:hover, .auto-loan-nav a:focus-visible { color: #0c554b; border-color: #62cfaa; background: #fff; }

.auto-loan-calculator {
  padding: 72px 0 94px;
  background:
    radial-gradient(circle at 5% 8%, rgba(50,201,157,.12), transparent 24%),
    radial-gradient(circle at 94% 12%, rgba(90,159,230,.11), transparent 25%),
    linear-gradient(135deg, #e7efeb, #f3f1e9);
}

.auto-loan-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(400px, .88fr);
  gap: 24px;
  align-items: start;
}

.auto-loan-form {
  min-width: 0;
  padding: 34px;
  border: 1px solid transparent;
  border-top-width: 4px;
  border-radius: 32px;
  background: linear-gradient(#fffdf8, #fffdf8) padding-box, linear-gradient(90deg, #32c99d, #5a9fe6 56%, #dda64f) border-box;
  box-shadow: 0 24px 54px rgba(25,67,62,.11);
}

.auto-loan-calc-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 20px; align-items: start; margin-bottom: 10px; }
.auto-loan-calc-head h2 { max-width: 640px; margin: 0; font-size: clamp(40px, 4.3vw, 62px); line-height: 1.02; letter-spacing: -.055em; }
.auto-loan-live { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; color: #2d6c5d; border-radius: 999px; background: #e7f5ee; font-size: 11px; font-weight: 850; white-space: nowrap; }
.auto-loan-live i, .auto-loan-privacy span { width: 8px; height: 8px; border-radius: 50%; background: var(--loan-mint); box-shadow: 0 0 0 5px rgba(50,201,157,.12); }
.auto-loan-form__intro { max-width: 680px; margin: 20px 0 22px; color: #536d68; line-height: 1.65; }

.auto-loan-presets { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-bottom: 24px; }
.auto-loan-presets button { min-width: 0; padding: 13px 10px; color: #244e4a; border: 1px solid #c4d4cd; border-radius: 16px; background: #f8fbf9; font-size: 13px; font-weight: 850; cursor: pointer; }
.auto-loan-presets button:hover, .auto-loan-presets button.is-active { color: #104b42; border-color: #62d9ad; background: #ebfaf3; box-shadow: 0 10px 24px rgba(31,129,101,.1); }

.auto-loan-field-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.auto-loan-basic-grid { margin-bottom: 18px; }
.auto-loan-field { min-width: 0; display: block; color: #163932; font-size: 14px; font-weight: 850; }
.auto-loan-field > span:first-child { display: block; margin-bottom: 8px; }
.auto-loan-field small { display: block; min-height: 40px; margin-top: 7px; color: #637a75; font-size: 11px; font-weight: 650; line-height: 1.45; }
.auto-loan-input { min-height: 58px; display: flex; align-items: center; gap: 10px; padding: 0 16px; overflow: hidden; border: 1px solid #c2d3cb; border-radius: 18px; background: #fff; transition: border-color .18s ease, box-shadow .18s ease; }
.auto-loan-input:focus-within { border-color: #4cbf9d; box-shadow: 0 0 0 4px rgba(50,201,157,.12); }
.auto-loan-input input, .auto-loan-input select { width: 100%; min-width: 0; height: 56px; color: #12342f; border: 0; outline: 0; background: transparent; font: inherit; font-size: 15px; font-weight: 850; }
.auto-loan-input em { flex: 0 0 auto; color: #617974; font-size: 12px; font-style: normal; white-space: nowrap; }
.auto-loan-field.is-invalid .auto-loan-input { border-color: #d15b4d; box-shadow: 0 0 0 3px rgba(209,91,77,.12); }
.auto-loan-field.is-invalid small { color: #a43d34; }

.auto-loan-pro { margin-top: 18px; overflow: hidden; border: 1px solid #bcd0c7; border-radius: 22px; background: #eef7f3; }
.auto-loan-pro summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; cursor: pointer; list-style: none; }
.auto-loan-pro summary::-webkit-details-marker { display: none; }
.auto-loan-pro summary span, .auto-loan-pro summary strong, .auto-loan-pro summary small { display: block; }
.auto-loan-pro summary strong { color: #153d36; font-size: 15px; }
.auto-loan-pro summary small { margin-top: 4px; color: #607a74; font-size: 11px; }
.auto-loan-pro summary b { padding: 7px 10px; color: #12614f; border-radius: 999px; background: #d9f3e8; font-size: 10px; letter-spacing: .08em; }
.auto-loan-pro summary::after { content: "+"; width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; color: #fff; border-radius: 50%; background: var(--loan-deep); font-size: 18px; }
.auto-loan-pro[open] summary::after { content: "−"; }
.auto-loan-pro__body { padding: 0 20px 22px; }
.auto-loan-pro__note { margin-bottom: 18px; padding: 15px 17px; color: #42635c; border-left: 4px solid var(--loan-mint); border-radius: 12px 18px 18px 12px; background: rgba(255,255,255,.64); }
.auto-loan-pro__note strong, .auto-loan-pro__note p { display: block; margin: 0; }
.auto-loan-pro__note p { margin-top: 5px; font-size: 12px; line-height: 1.55; }

.auto-loan-compare-switch { display: flex; align-items: center; gap: 14px; margin-top: 20px; padding: 15px 16px; color: #173c36; border: 1px solid #c2d5cc; border-radius: 18px; background: rgba(255,255,255,.72); cursor: pointer; }
.auto-loan-compare-switch input { position: absolute; opacity: 0; pointer-events: none; }
.auto-loan-compare-switch span { min-width: 0; flex: 1; }
.auto-loan-compare-switch strong, .auto-loan-compare-switch small { display: block; }
.auto-loan-compare-switch small { margin-top: 3px; color: #627b75; font-size: 11px; }
.auto-loan-compare-switch i { position: relative; width: 46px; height: 26px; flex: 0 0 auto; border-radius: 999px; background: #aebfba; }
.auto-loan-compare-switch i::after { content: ""; position: absolute; top: 4px; left: 4px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .2s ease; }
.auto-loan-compare-switch input:checked ~ i { background: var(--loan-mint); }
.auto-loan-compare-switch input:checked ~ i::after { transform: translateX(20px); }
.auto-loan-compare-fields { margin-top: 15px; padding: 17px; border: 1px solid #c2d4cc; border-radius: 19px; background: rgba(255,255,255,.57); }
.auto-loan-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 22px; }
.auto-loan-privacy { display: flex; align-items: center; gap: 10px; margin: 17px 0 0; color: #657d77; font-size: 11px; font-weight: 720; }
.auto-loan-privacy span { width: 7px; height: 7px; flex: 0 0 auto; }

.auto-loan-result {
  position: sticky;
  top: 86px;
  min-width: 0;
  padding: 28px;
  overflow: visible;
  color: #fff;
  border: 1px solid rgba(18,59,76,.28);
  border-top: 4px solid transparent;
  border-radius: 32px;
  background: radial-gradient(circle at 94% 88%, rgba(221,166,79,.38), transparent 30%), linear-gradient(145deg,#102f55,#16495c 62%,#1a7269);
  box-shadow: 0 26px 60px rgba(14,47,59,.22);
}
.auto-loan-result__head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.auto-loan-result__head .mrp-kicker { margin: 0; }
.auto-loan-result__head > span { padding: 8px 11px; color: #d0e7e1; border: 1px solid rgba(255,255,255,.17); border-radius: 999px; background: rgba(255,255,255,.08); font-size: 10px; font-weight: 850; }
.auto-loan-result h2 { margin: 20px 0 9px; color: #fff; font-size: clamp(28px,3vw,39px); line-height: 1.04; letter-spacing: -.045em; }
.auto-loan-result__lead { margin: 0 0 18px; color: #c8ddd9; font-size: 12px; line-height: 1.55; }
.auto-loan-result__main { position: relative; padding: 22px; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; background: linear-gradient(120deg,rgba(32,77,131,.92),rgba(30,119,117,.76) 69%,rgba(221,166,79,.72)); }
.auto-loan-result__main::after { content: ""; position: absolute; right: -40px; top: -48px; width: 145px; height: 145px; border: 24px solid rgba(255,255,255,.055); border-radius: 50%; }
.auto-loan-result__main > span, .auto-loan-result__main output, .auto-loan-result__main > strong, .auto-loan-result__main > small { position: relative; z-index: 1; display: block; }
.auto-loan-result__main > span { color: #d9e9e6; font-size: 10px; font-weight: 800; }
.auto-loan-result__main output { margin: 6px 0 7px; color: #fff; font-size: clamp(49px,5.2vw,70px); font-weight: 900; line-height: .98; letter-spacing: -.065em; white-space: nowrap; }
.auto-loan-result__main > strong { width: fit-content; padding: 6px 9px; color: #fff; border-radius: 999px; background: rgba(13,48,62,.62); font-size: 9px; }
.auto-loan-result__main > small { margin-top: 9px; color: #e0eeeb; font-size: 9px; }

.auto-loan-payment-strip { display: grid; grid-template-columns: 1fr auto 1fr auto 1.15fr; gap: 8px; align-items: center; margin-top: 13px; }
.auto-loan-payment-strip > div { min-width: 0; padding: 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(255,255,255,.07); }
.auto-loan-payment-strip span, .auto-loan-payment-strip strong { display: block; }
.auto-loan-payment-strip span { margin-bottom: 4px; color: #bcd6d1; font-size: 9px; }
.auto-loan-payment-strip strong { color: #fff; font-size: 13px; line-height: 1.2; }
.auto-loan-payment-strip > b { color: #6fe2cb; font-size: 18px; }

.auto-loan-result__metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 13px; }
.auto-loan-result__metrics div { min-width: 0; padding: 13px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(255,255,255,.07); }
.auto-loan-result__metrics span, .auto-loan-result__metrics strong { display: block; }
.auto-loan-result__metrics span { margin-bottom: 5px; color: #bcd4d0; font-size: 9px; }
.auto-loan-result__metrics strong { color: #fff; font-size: 14px; line-height: 1.25; }

.auto-loan-budget { margin-top: 13px; padding: 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 17px; background: rgba(255,255,255,.07); }
.auto-loan-budget > div:first-child { display: flex; justify-content: space-between; gap: 16px; color: #c6dcd7; font-size: 9px; }
.auto-loan-budget > div:first-child strong { color: #fff; }
.auto-loan-budget__track { height: 8px; margin-top: 10px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.15); }
.auto-loan-budget__track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#32c99d,#5a9fe6 70%,#dda64f); transition: width .25s ease; }
.auto-loan-budget__track i.is-over { background: linear-gradient(90deg,#e8a34a,#d86156); }
.auto-loan-budget p { margin: 9px 0 0; color: #c5dad6; font-size: 9px; line-height: 1.45; }

.auto-loan-decision, .auto-loan-compare-result { margin-top: 13px; padding: 15px; color: #17443d; border: 1px solid rgba(50,201,157,.38); border-radius: 17px; background: #eff9f4; }
.auto-loan-decision strong, .auto-loan-decision p { display: block; margin: 0; }
.auto-loan-decision strong { font-size: 13px; }
.auto-loan-decision p { margin-top: 5px; color: #4b6963; font-size: 10px; line-height: 1.5; }
.auto-loan-decision.is-warning { border-color: #e8bd78; background: #fff7e8; }
.auto-loan-decision.is-danger { border-color: #df857a; background: #fff0ec; }
.auto-loan-compare-result > span, .auto-loan-compare-result > strong { display: block; }
.auto-loan-compare-result > span { color: #54716b; font-size: 9px; font-weight: 850; text-transform: uppercase; }
.auto-loan-compare-result > strong { margin-top: 4px; font-size: 14px; }
.auto-loan-compare-result > div { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin: 10px 0 7px; }
.auto-loan-compare-result p { margin: 0; padding: 9px; border-radius: 11px; background: #fff; font-size: 10px; }
.auto-loan-compare-result small { color: #58726d; font-size: 9px; }
.auto-loan-result__actions { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin-top: 13px; }
.auto-loan-result__actions button, .auto-loan-result__actions a { min-height: 42px; display: grid; place-items: center; padding: 9px 10px; color: #fff; border: 1px solid rgba(255,255,255,.22); border-radius: 13px; background: rgba(255,255,255,.08); font: inherit; font-size: 10px; font-weight: 850; text-align: center; text-decoration: none; cursor: pointer; }
.auto-loan-result__actions button:hover, .auto-loan-result__actions a:hover { background: rgba(255,255,255,.15); }

.auto-loan-overview, .auto-loan-detail, .auto-loan-method, .auto-loan-types, .auto-loan-checklist, .auto-loan-examples, .auto-loan-budget-guide, .auto-loan-compare-guide, .auto-loan-schedule, .auto-loan-errors, .auto-loan-seo-guide, .auto-loan-sources, .auto-loan-faq, .auto-loan-related { padding: 94px 0; }
.auto-loan-overview { background: #f7f5ee; }
.auto-loan-detail { background: var(--loan-sage); }
.auto-loan-method { background: #f7f5ee; }
.auto-loan-types { background: #dfeae5; }
.auto-loan-checklist { background: #f7f5ee; }
.auto-loan-examples { background: #e9f0ec; }
.auto-loan-budget-guide { background: #123f48; }
.auto-loan-compare-guide { background: #f7f5ee; }
.auto-loan-schedule { background: #e4ede8; }
.auto-loan-errors { background: #123f48; color: #fff; }
.auto-loan-seo-guide { background: #f7f5ee; }
.auto-loan-sources { background: #e5eeea; }
.auto-loan-faq { background: #eef3f0; }
.auto-loan-related { color: #fff; background: linear-gradient(135deg,#123f48,#0e3440 72%); }

.auto-loan-page .mrp-heading { margin-bottom: 38px; }
.auto-loan-page .mrp-heading h2 { max-width: 900px; margin-bottom: 14px; color: inherit; font-size: clamp(45px,5.5vw,72px); line-height: .98; letter-spacing: -.065em; }
.auto-loan-page .mrp-heading p { max-width: 720px; line-height: 1.65; }

.auto-loan-stat-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.auto-loan-stat-grid article { min-height: 210px; padding: 25px; border: 1px solid #c6d5ce; border-radius: 25px; background: #fffdf8; box-shadow: 0 18px 38px rgba(30,67,62,.07); }
.auto-loan-stat-grid span { color: #16957a; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.auto-loan-stat-grid strong { display: block; margin: 36px 0 10px; font-size: 21px; }
.auto-loan-stat-grid p { margin: 0; color: #55706a; font-size: 13px; line-height: 1.55; }

.auto-loan-detail__grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); gap: 22px; align-items: start; }
.auto-loan-table-card { min-width: 0; padding: 24px; border: 1px solid #bdd0c7; border-radius: 28px; background: #fffdf8; box-shadow: 0 22px 48px rgba(25,67,62,.08); }
.auto-loan-reading { padding: 20px; border: 1px solid #bcded0; border-radius: 20px; background: linear-gradient(135deg,#e9f8f1,#f4f7f1); }
.auto-loan-reading span, .auto-loan-reading strong { display: block; }
.auto-loan-reading span { color: #397066; font-size: 10px; font-weight: 850; text-transform: uppercase; }
.auto-loan-reading strong { margin: 7px 0; font-size: 21px; }
.auto-loan-reading p { margin: 0; color: #56716b; font-size: 13px; line-height: 1.55; }
.auto-loan-table-wrap { margin-top: 17px; }
.auto-loan-table-wrap table, .auto-loan-schedule-table table { width: 100%; border-collapse: collapse; }
.auto-loan-table-wrap th, .auto-loan-table-wrap td, .auto-loan-schedule-table th, .auto-loan-schedule-table td { padding: 13px 12px; border-bottom: 1px solid #d3dfda; text-align: left; font-size: 12px; line-height: 1.4; }
.auto-loan-table-wrap thead th, .auto-loan-schedule-table thead th { color: #3f625b; font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
.auto-loan-table-wrap tbody th { color: #506b65; font-weight: 700; }
.auto-loan-table-wrap tbody td:nth-child(2), .auto-loan-schedule-table tbody td:nth-child(2) { color: #12342f; font-weight: 850; white-space: nowrap; }

.auto-loan-check-card { padding: 27px; color: #fff; border-radius: 28px; background: radial-gradient(circle at 90% 95%,rgba(221,166,79,.35),transparent 34%),linear-gradient(145deg,#123e4c,#1b6967); box-shadow: 0 22px 48px rgba(19,60,69,.18); }
.auto-loan-check-card h3 { margin: 19px 0 10px; color: #fff; font-size: 28px; line-height: 1.05; }
.auto-loan-check-card > p:not(.mrp-kicker) { color: #cae0db; font-size: 13px; line-height: 1.6; }
.auto-loan-check-card dl { margin: 22px 0; }
.auto-loan-check-card dl div { display: flex; justify-content: space-between; gap: 18px; padding: 13px 0; border-top: 1px solid rgba(255,255,255,.14); }
.auto-loan-check-card dt { color: #bdd8d2; font-size: 11px; }
.auto-loan-check-card dd { margin: 0; color: #fff; font-size: 12px; font-weight: 850; text-align: right; }
.auto-loan-check-card a { color: #fff; font-size: 12px; font-weight: 850; }

.auto-loan-method-grid, .auto-loan-type-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.auto-loan-method-grid article { min-height: 340px; display: flex; flex-direction: column; padding: 27px; border: 1px solid #c3d4cc; border-radius: 27px; background: #fffdf8; }
.auto-loan-method-grid span { color: #188e77; font-size: 10px; font-weight: 900; letter-spacing: .09em; }
.auto-loan-method-grid h3 { margin: 42px 0 12px; font-size: 26px; line-height: 1.08; }
.auto-loan-method-grid p { color: #57716b; font-size: 13px; line-height: 1.65; }
.auto-loan-method-grid code { display: block; margin-top: auto; padding: 15px; color: #204f47; border-left: 3px solid var(--loan-mint); border-radius: 8px 14px 14px 8px; background: #e8f3ee; font-size: 11px; white-space: normal; }
.auto-loan-law-note { margin-top: 18px; padding: 20px 23px; border: 1px solid #bfd1c8; border-radius: 22px; background: #e8f1ec; }
.auto-loan-law-note strong { font-size: 16px; }
.auto-loan-law-note p { margin: 7px 0 0; color: #56706a; font-size: 13px; line-height: 1.6; }

.auto-loan-type-grid article { min-height: 430px; padding: 30px; border: 1px solid #bfd0c8; border-radius: 28px; background: #fffdf8; }
.auto-loan-type-grid article.is-primary { color: #fff; border-color: transparent; background: radial-gradient(circle at 90% 90%,rgba(221,166,79,.36),transparent 32%),linear-gradient(145deg,#123f4d,#176560); }
.auto-loan-type-grid article > span { display: inline-flex; padding: 7px 10px; color: #13715f; border-radius: 999px; background: #e3f4ec; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.auto-loan-type-grid .is-primary > span { color: #b8f3df; background: rgba(255,255,255,.09); }
.auto-loan-type-grid h3 { margin: 46px 0 13px; font-size: 29px; line-height: 1.08; }
.auto-loan-type-grid p, .auto-loan-type-grid li { color: #55706a; font-size: 13px; line-height: 1.6; }
.auto-loan-type-grid .is-primary p, .auto-loan-type-grid .is-primary li { color: #cce0dc; }
.auto-loan-type-grid ul { margin: 19px 0 0; padding-left: 18px; }

.auto-loan-checklist-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.auto-loan-checklist-grid article { display: grid; grid-template-columns: 50px 1fr; gap: 16px; padding: 22px; border: 1px solid #c6d5ce; border-radius: 23px; background: #fff; }
.auto-loan-checklist-grid article > span { width: 50px; height: 50px; display: grid; place-items: center; color: #fff; border-radius: 15px; background: var(--loan-deep); font-size: 12px; font-weight: 900; }
.auto-loan-checklist-grid h3 { margin: 3px 0 7px; font-size: 19px; }
.auto-loan-checklist-grid p { margin: 0; color: #56706a; font-size: 12px; line-height: 1.6; }

.auto-loan-example-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.auto-loan-example-grid article { min-height: 360px; display: flex; flex-direction: column; padding: 27px; border: 1px solid #c2d2ca; border-radius: 27px; background: #fffdf8; }
.auto-loan-example-grid span { color: #178d76; font-size: 10px; font-weight: 900; }
.auto-loan-example-grid h3 { margin: 35px 0 13px; font-size: 27px; }
.auto-loan-example-grid p { color: #56706a; font-size: 13px; line-height: 1.65; }
.auto-loan-example-grid strong { margin-top: auto; font-size: 14px; }
.auto-loan-example-grid small { margin-top: 5px; color: #69807b; font-size: 10px; line-height: 1.45; }

.auto-loan-budget-guide__grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(320px,.55fr); gap: 30px; align-items: start; color: #fff; }
.auto-loan-budget-guide h2 { max-width: 760px; margin-bottom: 18px; color: #fff; font-size: clamp(48px,5.8vw,76px); line-height: .96; letter-spacing: -.065em; }
.auto-loan-budget-guide p { color: #c8ddd8; line-height: 1.65; }
.auto-loan-budget-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 30px; }
.auto-loan-budget-cards article { padding: 20px; border: 1px solid rgba(255,255,255,.13); border-radius: 21px; background: rgba(255,255,255,.07); }
.auto-loan-budget-cards span { color: #7ae1c9; font-size: 10px; font-weight: 900; }
.auto-loan-budget-cards strong { display: block; margin: 25px 0 8px; font-size: 17px; }
.auto-loan-budget-cards p { margin: 0; font-size: 11px; }
.auto-loan-budget-guide aside { padding: 27px; color: #153e38; border-radius: 27px; background: #eff6f1; }
.auto-loan-budget-guide aside > span { color: #287569; font-size: 10px; font-weight: 900; letter-spacing: .09em; }
.auto-loan-budget-guide aside strong { display: block; margin: 35px 0 12px; font-size: 28px; line-height: 1.08; }
.auto-loan-budget-guide aside p { color: #526d67; font-size: 13px; }
.auto-loan-budget-guide aside a { display: inline-block; margin-top: 12px; color: #145a4f; font-size: 12px; font-weight: 850; }

.auto-loan-steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.auto-loan-steps li { min-height: 300px; padding: 22px; border: 1px solid #c5d4cd; border-radius: 24px; background: #fff; }
.auto-loan-steps li > span { color: #158f76; font-size: 11px; font-weight: 900; }
.auto-loan-steps strong { display: block; margin: 50px 0 10px; font-size: 19px; line-height: 1.15; }
.auto-loan-steps p { margin: 0; color: #56716b; font-size: 12px; line-height: 1.6; }

.auto-loan-schedule-table { padding: 20px; border: 1px solid #bfd0c8; border-radius: 26px; background: #fffdf8; box-shadow: 0 20px 45px rgba(26,66,60,.08); }
.auto-loan-schedule-table tbody td:first-child { color: #16866f; font-weight: 850; }

.auto-loan-errors .mrp-heading p { color: #bdd6d1; }
.auto-loan-errors .mrp-heading .mrp-kicker,
.auto-loan-budget-guide .mrp-kicker,
.auto-loan-related .mrp-heading .mrp-kicker {
  color: #0c5e55;
  background: #e1f1eb;
  border-color: rgba(70,169,145,.34);
  box-shadow: 0 8px 22px rgba(3,36,39,.14);
}
.auto-loan-error-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.auto-loan-error-grid article { min-height: 210px; padding: 24px; border: 1px solid rgba(255,255,255,.15); border-radius: 23px; background: rgba(255,255,255,.07); }
.auto-loan-error-grid span { color: #7ce1ca; font-size: 10px; font-weight: 900; }
.auto-loan-error-grid h3 { margin: 38px 0 9px; color: #fff; font-size: 20px; }
.auto-loan-error-grid p { margin: 0; color: #c6dbd6; font-size: 12px; line-height: 1.6; }

.auto-loan-article-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.auto-loan-article-grid article { padding: 28px; border: 1px solid #c5d4cd; border-radius: 25px; background: #fff; }
.auto-loan-article-grid h3 { margin-bottom: 16px; font-size: 25px; line-height: 1.15; }
.auto-loan-article-grid p { color: #526e68; font-size: 13px; line-height: 1.72; }
.auto-loan-article-grid p:last-child { margin-bottom: 0; }

.auto-loan-source-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.auto-loan-source-grid a { min-height: 190px; display: flex; flex-direction: column; padding: 23px; color: #153a34; border: 1px solid #bfd0c8; border-radius: 23px; background: #fffdf8; text-decoration: none; }
.auto-loan-source-grid span { color: #178b75; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.auto-loan-source-grid strong { margin: 35px 0 9px; font-size: 18px; }
.auto-loan-source-grid small { margin-top: auto; color: #607873; font-size: 10px; line-height: 1.5; }

.auto-loan-faq-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 20px; }
.auto-loan-faq .mrp-heading .mrp-kicker { margin-bottom: 30px; }
.auto-loan-faq details { overflow: hidden; border: 1px solid #c5d4cd; border-radius: 18px; background: #fffdf8; }
.auto-loan-faq summary { position: relative; padding: 17px 52px 17px 18px; cursor: pointer; list-style: none; font-size: 13px; font-weight: 850; }
.auto-loan-faq summary::-webkit-details-marker { display: none; }
.auto-loan-faq summary::after { content: "+"; position: absolute; right: 15px; top: 50%; width: 27px; height: 27px; display: grid; place-items: center; color: #fff; border-radius: 50%; background: var(--loan-deep); transform: translateY(-50%); }
.auto-loan-faq details[open] summary::after { content: "−"; }
.auto-loan-faq details p { margin: 0; padding: 0 18px 18px; color: #56706a; font-size: 12px; line-height: 1.65; }

.auto-loan-related .mrp-heading p { color: #bed8d2; }
.auto-loan-related-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.auto-loan-related-grid a { min-height: 190px; display: flex; flex-direction: column; padding: 22px; color: #fff; border: 1px solid rgba(255,255,255,.16); border-radius: 23px; background: rgba(255,255,255,.075); text-decoration: none; }
.auto-loan-related-grid span { width: 40px; height: 40px; display: grid; place-items: center; color: #123f48; border-radius: 13px; background: var(--loan-mint); font-size: 12px; font-weight: 900; }
.auto-loan-related-grid strong { margin: 34px 0 8px; font-size: 18px; }
.auto-loan-related-grid small { color: #bed5d0; font-size: 10px; line-height: 1.5; }
.auto-loan-page .mrp-footer { background: #0d3039; }

@media (max-width: 1120px) {
  .auto-loan-hero .mrp-hero__grid { grid-template-columns: minmax(0,1fr) minmax(410px,.88fr); gap: 34px; }
  .auto-loan-hero .mrp-hero__copy h1 { font-size: clamp(54px,6vw,72px); }
  .auto-loan-stage { grid-template-columns: minmax(0,1fr) minmax(370px,.82fr); }
  .auto-loan-result { padding: 24px; }
  .auto-loan-method-grid, .auto-loan-type-grid { grid-template-columns: 1fr; }
  .auto-loan-type-grid article { min-height: 0; }
  .auto-loan-steps { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .auto-loan-source-grid, .auto-loan-related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 920px) {
  .auto-loan-hero { min-height: auto; }
  .auto-loan-hero .mrp-hero__grid, .auto-loan-stage, .auto-loan-detail__grid, .auto-loan-budget-guide__grid { grid-template-columns: 1fr; }
  .auto-loan-visual { width: min(100%,650px); margin-inline: auto; }
  .auto-loan-stage { gap: 18px; }
  .auto-loan-result { position: static; }
  .auto-loan-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .auto-loan-example-grid { grid-template-columns: 1fr; }
  .auto-loan-example-grid article { min-height: 0; }
  .auto-loan-budget-cards { grid-template-columns: 1fr; }
  .auto-loan-error-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .auto-loan-hero { padding: 30px 0 44px; }
  .auto-loan-hero::after { opacity: .25; }
  .auto-loan-hero .mrp-breadcrumbs { margin-bottom: 28px; }
  .auto-loan-hero .mrp-hero__copy h1 { font-size: clamp(43px,13vw,58px); line-height: .98; }
  .auto-loan-hero .mrp-hero__lead { font-size: 16px; }
  .auto-loan-visual { display: none; }
  .auto-loan-nav { position: relative; top: auto; }
  .auto-loan-nav__inner { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; min-height: 0; padding-block: 10px; overflow: visible; }
  .auto-loan-nav a { display: flex; justify-content: center; padding: 9px 5px; font-size: 10px; text-align: center; }
  .auto-loan-calculator { padding: 26px 0 62px; }
  .auto-loan-form { padding: 22px 18px; border-radius: 26px; }
  .auto-loan-calc-head { display: block; }
  .auto-loan-calc-head h2 { font-size: clamp(38px,11vw,50px); }
  .auto-loan-live { margin-top: 10px; }
  .auto-loan-presets, .auto-loan-field-grid { grid-template-columns: 1fr; }
  .auto-loan-presets button { text-align: left; }
  .auto-loan-field small { min-height: 0; }
  .auto-loan-pro__body { padding-inline: 14px; }
  .auto-loan-pro summary { padding-inline: 15px; }
  .auto-loan-pro summary b { display: none; }
  .auto-loan-result { padding: 20px; border-radius: 26px; }
  .auto-loan-result__head { align-items: flex-start; }
  .auto-loan-result__main output { font-size: clamp(43px,12vw,55px); }
  .auto-loan-payment-strip { grid-template-columns: 1fr; }
  .auto-loan-payment-strip > b { display: none; }
  .auto-loan-result__metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .auto-loan-stat-grid, .auto-loan-checklist-grid, .auto-loan-error-grid, .auto-loan-article-grid, .auto-loan-faq-grid, .auto-loan-source-grid, .auto-loan-related-grid { grid-template-columns: 1fr; }
  .auto-loan-result__actions { grid-template-columns: 1fr; }
  .auto-loan-overview, .auto-loan-detail, .auto-loan-method, .auto-loan-types, .auto-loan-checklist, .auto-loan-examples, .auto-loan-budget-guide, .auto-loan-compare-guide, .auto-loan-schedule, .auto-loan-errors, .auto-loan-seo-guide, .auto-loan-sources, .auto-loan-faq, .auto-loan-related { padding: 68px 0; }
  .auto-loan-page .mrp-heading h2 { font-size: clamp(40px,12vw,54px); }
  .auto-loan-stat-grid article, .auto-loan-source-grid a, .auto-loan-related-grid a { min-height: 0; }
  .auto-loan-detail__grid { gap: 16px; }
  .auto-loan-table-card { padding: 15px; }
  .auto-loan-table-wrap thead, .auto-loan-schedule-table thead { display: none; }
  .auto-loan-table-wrap tbody, .auto-loan-table-wrap tr, .auto-loan-table-wrap th, .auto-loan-table-wrap td, .auto-loan-schedule-table tbody, .auto-loan-schedule-table tr, .auto-loan-schedule-table td { display: block; }
  .auto-loan-table-wrap tr, .auto-loan-schedule-table tr { margin-bottom: 10px; padding: 13px; border: 1px solid #d0ddd7; border-radius: 16px; background: #fff; }
  .auto-loan-table-wrap th, .auto-loan-table-wrap td, .auto-loan-schedule-table td { padding: 7px 0; border: 0; white-space: normal !important; }
  .auto-loan-table-wrap td, .auto-loan-schedule-table td { display: grid; grid-template-columns: minmax(82px,.7fr) minmax(0,1.3fr); gap: 12px; align-items: baseline; }
  .auto-loan-table-wrap td::before, .auto-loan-schedule-table td::before { content: attr(data-label); color: #71847f; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
  .auto-loan-table-wrap td:last-child { color: #5d746f; }
  .auto-loan-check-card { padding: 22px; }
  .auto-loan-checklist-grid article { grid-template-columns: 42px 1fr; padding: 18px; }
  .auto-loan-checklist-grid article > span { width: 42px; height: 42px; }
  .auto-loan-steps { grid-template-columns: 1fr; }
  .auto-loan-steps li { min-height: 0; }
  .auto-loan-steps strong { margin-top: 32px; }
  .auto-loan-schedule-table { padding: 14px; }
  .auto-loan-faq-grid { gap: 18px; }
}

@media (max-width: 420px) {
  .auto-loan-result__head > span { max-width: 118px; white-space: normal; text-align: center; }
  .auto-loan-actions { display: grid; }
}

@media (max-width: 350px) {
  .auto-loan-result__metrics { grid-template-columns: 1fr; }
}

@media print {
  .auto-loan-hero, .auto-loan-nav, .auto-loan-overview, .auto-loan-method, .auto-loan-types, .auto-loan-checklist, .auto-loan-examples, .auto-loan-budget-guide, .auto-loan-compare-guide, .auto-loan-errors, .auto-loan-seo-guide, .auto-loan-sources, .auto-loan-faq, .auto-loan-related, .mrp-header, .mrp-footer { display: none !important; }
  .auto-loan-calculator, .auto-loan-detail, .auto-loan-schedule { padding: 20px 0; background: #fff; }
  .auto-loan-result { position: static; color: #111; background: #fff; box-shadow: none; }
}