﻿/* Scoped V2 migration layer for DPH, loan and leasing pages */
body.rv-tool-page .brand-logo-img{display:block;height:auto}
body.rv-tool-page .tool-hero{padding:14px 0 42px}
body.rv-tool-page .hero-grid{align-items:stretch}
body.rv-tool-page .hero-visual{min-height:470px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
body.rv-tool-page .anchor-nav{position:static;top:auto;z-index:auto;margin:0 0 18px;padding:10px 0;background:transparent;border:0;backdrop-filter:none}
body.rv-tool-page .anchor-scroll{display:flex;gap:10px;overflow-x:auto;padding-block:4px}
body.rv-tool-page .tool-stage{padding-block:22px 52px}
body.rv-tool-page .calculator-card{position:relative;overflow:hidden}
body.rv-tool-page .calculator-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--theme-accent),var(--theme-accent-2))}
body.rv-tool-page .form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
body.rv-tool-page .result-panel{align-self:start}
body.rv-tool-page .rv-result-note,body.rv-tool-page .rv-next-actions{margin-top:14px;border:1px solid var(--line);border-radius:var(--radius-md);padding:16px;background:#fff;color:var(--muted);line-height:1.55;font-weight:650}
body.rv-tool-page .rv-result-note p,body.rv-tool-page .rv-next-actions p{margin:8px 0 0}
body.rv-tool-page .content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-block:22px 54px}
body.rv-tool-page .content-card,body.rv-tool-page .related-tools,body.rv-tool-page .faq-section{border-radius:var(--radius-xl);padding:clamp(22px,4vw,34px)}
body.rv-tool-page .formula{margin:18px 0;padding:16px;border-radius:var(--radius-md);background:var(--theme-soft);border:1px solid color-mix(in srgb,var(--theme-accent) 26%,var(--line));overflow-x:auto}
body.rv-tool-page .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff}
body.rv-tool-page table{width:100%;border-collapse:collapse;min-width:620px}
body.rv-tool-page th,body.rv-tool-page td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
body.rv-tool-page th{color:var(--ink);font-size:13px;background:#f8fbff}
body.rv-tool-page td{color:var(--muted);font-weight:650}
body.rv-tool-page .related-tools,body.rv-tool-page .faq-section{margin-bottom:54px}
body.rv-tool-page .related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.rv-tool-page .related-card{min-height:170px;display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:0 10px 26px rgba(8,26,51,.06)}
body.rv-tool-page .related-card span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--ink),var(--theme-accent));font-weight:950}
body.rv-tool-page .related-card strong{font-size:18px;letter-spacing:-.03em}
body.rv-tool-page .related-card small{color:var(--muted);line-height:1.45;font-weight:650}
body.rv-tool-page .faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.rv-tool-page .faq-grid details{border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 18px;background:#fff}
body.rv-tool-page .faq-grid summary{cursor:pointer;font-weight:900}
body.rv-tool-page .faq-grid p{margin:12px 0 0;color:var(--muted);line-height:1.6;font-weight:650}
body.rv-tool-page .footer{padding:48px 0 26px;background:var(--ink);color:#fff}
body.rv-tool-page .footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:26px}
body.rv-tool-page .footer p,body.rv-tool-page .footer a{color:rgba(255,255,255,.74)}
body.rv-tool-page .footer h3{color:#fff;margin:0 0 12px}
body.rv-tool-page .footer-links{display:grid;gap:9px}
body.rv-tool-page .footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:28px;padding-top:18px}
body.rv-tool-page .rv-floating-card{position:relative;z-index:2;align-self:flex-end;max-width:260px;padding:14px 16px;border-radius:20px;color:var(--ink);background:rgba(255,255,255,.92);box-shadow:0 20px 44px rgba(0,0,0,.22)}
body.rv-tool-page .rv-floating-card span{display:block;color:var(--muted);font-size:12px;font-weight:850}
body.rv-tool-page .rv-floating-card strong{display:block;margin-top:4px}
body.rv-tool-page .rv-hero-number{margin:10px 0;font-size:clamp(38px,5vw,58px);line-height:.95;letter-spacing:-.06em;font-weight:950}
body.rv-tool-page .rv-hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
body.rv-tool-page .rv-hero-metrics div{padding:12px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
body.rv-tool-page .rv-hero-metrics span{display:block;color:rgba(255,255,255,.68);font-size:12px;font-weight:850}
body.rv-tool-page .rv-hero-metrics b{display:block;margin-top:5px;font-size:15px}
body.rv-dph-page .rv-receipt-card{padding:24px}
body.rv-dph-page .rv-receipt-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:rgba(255,255,255,.76);font-weight:850}
body.rv-dph-page .rv-receipt-head strong{padding:8px 10px;border-radius:999px;color:var(--ink);background:var(--lime);font-size:13px}
body.rv-dph-page .rv-breakdown-bars{display:grid;gap:14px;margin-top:18px}
body.rv-dph-page .rv-breakdown-bars div{display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:10px}
body.rv-dph-page .rv-breakdown-bars span{color:rgba(255,255,255,.72);font-size:13px;font-weight:850}
body.rv-dph-page .rv-breakdown-bars i{height:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.16)}
body.rv-dph-page .rv-breakdown-bars b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--theme-accent-2),var(--theme-accent))}
body.rv-loan-page .rv-chart-bars{display:grid;gap:10px;margin-top:20px}
body.rv-loan-page .rv-chart-bars i{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,var(--lime),var(--blue-2))}
body.rv-loan-page .rv-chart-bars i+i{width:42%;background:linear-gradient(90deg,var(--orange),var(--theme-accent));opacity:.88}
body.rv-leasing-page .rv-car-shape{position:absolute;right:28px;top:28px;width:150px;height:64px;border-radius:40px 58px 22px 22px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(118,224,91,.86));box-shadow:0 24px 60px rgba(0,0,0,.22)}
body.rv-leasing-page .rv-car-shape:before{content:"";position:absolute;left:34px;top:-18px;width:74px;height:36px;border-radius:34px 34px 6px 6px;background:rgba(255,255,255,.8)}
body.rv-leasing-page .rv-car-shape span:before,body.rv-leasing-page .rv-car-shape span:after{content:"";position:absolute;bottom:-11px;width:28px;height:28px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 7px rgba(255,255,255,.75)}
body.rv-leasing-page .rv-car-shape span:before{left:24px}
body.rv-leasing-page .rv-car-shape span:after{right:24px}
body.rv-leasing-page .dashboard-card-main{margin-top:110px}
body.rv-leasing-page .rv-split-meter{display:flex;overflow:hidden;height:16px;border-radius:999px;background:rgba(255,255,255,.16);margin-top:20px}
body.rv-leasing-page .rv-split-meter i:first-child{background:var(--orange)}
body.rv-leasing-page .rv-split-meter i:last-child{background:var(--lime)}
@media(max-width:980px){body.rv-tool-page .hero-grid,body.rv-tool-page .tool-stage,body.rv-tool-page .content-grid,body.rv-tool-page .footer-grid{grid-template-columns:1fr}body.rv-tool-page .hero-visual{min-height:420px}body.rv-tool-page .result-panel{position:static}body.rv-tool-page .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body.rv-tool-page .form-grid,body.rv-tool-page .result-metrics,body.rv-tool-page .faq-grid,body.rv-tool-page .related-grid{grid-template-columns:1fr}body.rv-tool-page .hero-copy,body.rv-tool-page .hero-visual,body.rv-tool-page .calculator-card,body.rv-tool-page .content-card,body.rv-tool-page .related-tools,body.rv-tool-page .faq-section{border-radius:26px}body.rv-tool-page .rv-hero-metrics{grid-template-columns:1fr}body.rv-dph-page .rv-breakdown-bars div{grid-template-columns:1fr}body.rv-tool-page table{min-width:560px}}

body.rv-tool-page .content-grid > *,
body.rv-tool-page .related-grid > *,
body.rv-tool-page .faq-grid > * { min-width: 0; max-width: 100%; width: auto; }
body.rv-tool-page .content-card { width: auto; max-width: 100%; }
body.rv-tool-page .content-card > * { max-width: 100%; }
body.rv-tool-page .anchor-scroll { max-width: 100%; }
body.rv-tool-page .visual-orb { max-width: none; }
@media(max-width:680px){body.rv-tool-page .content-grid{overflow:hidden}body.rv-tool-page .content-card{padding:22px}}
