/* Rent vs Buy Calculator — v1.0.0 */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=DM+Sans:wght@300;400;500;600&display=swap');

#rvb-wrap *{box-sizing:border-box;margin:0;padding:0;}
#rvb-wrap{font-family:'DM Sans',sans-serif;color:#1a1209;max-width:1060px;margin:0 auto;padding:0 0 80px;}

/* ── Hero ── */
#rvb-wrap .rvb-hero{background:linear-gradient(135deg,#3d2209 0%,#6b3d14 45%,#c47a2a 100%);border-radius:20px;padding:56px 32px 48px;text-align:center;margin-bottom:40px;position:relative;overflow:hidden;}
#rvb-wrap .rvb-hero::before{content:'';position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:rgba(255,255,255,0.06);border-radius:50%;}
#rvb-wrap .rvb-hero::after{content:'';position:absolute;bottom:-100px;left:-40px;width:340px;height:340px;background:rgba(255,255,255,0.04);border-radius:50%;}
#rvb-wrap .rvb-badge{display:inline-block;background:rgba(255,255,255,0.16);color:#fff;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 18px;border-radius:20px;border:1px solid rgba(255,255,255,0.28);margin-bottom:16px;}
#rvb-wrap .rvb-hero h1{font-family:'Playfair Display',serif;font-size:clamp(26px,4.5vw,46px);font-weight:700;color:#fff!important;margin:0 0 14px!important;text-shadow:0 2px 14px rgba(0,0,0,0.2);line-height:1.2;}
#rvb-wrap .rvb-hero p{color:rgba(255,255,255,0.88)!important;font-size:16px;max-width:580px;margin:0 auto!important;line-height:1.8;}
#rvb-wrap .rvb-hero-stats{display:flex;justify-content:center;gap:28px;margin-top:28px;flex-wrap:wrap;}
#rvb-wrap .rvb-hstat{color:#fff;text-align:center;}
#rvb-wrap .rvb-hstat strong{display:block;font-size:22px;font-weight:700;}
#rvb-wrap .rvb-hstat span{font-size:11px;opacity:.75;letter-spacing:.05em;}

/* ── Breadcrumb ── */
#rvb-wrap .rvb-bc{font-size:13px;color:#8a6535;margin-bottom:26px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
#rvb-wrap .rvb-bc a{color:#b87728;text-decoration:none;font-weight:500;}
#rvb-wrap .rvb-bc a:hover{text-decoration:underline;}

/* ── Main layout ── */
#rvb-wrap .rvb-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;}
#rvb-wrap .rvb-panel{background:#fff;border:1.5px solid #d9b88a;border-radius:16px;padding:24px 22px;}
#rvb-wrap .rvb-panel h2{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:#3d2209;margin-bottom:18px!important;padding-bottom:12px;border-bottom:2px solid #e8ccaa;display:flex;align-items:center;gap:8px;}
#rvb-wrap .rvb-panel h2 .rvb-ph-icon{font-size:20px;}

/* ── Form fields ── */
#rvb-wrap .rvb-field{margin-bottom:14px;}
#rvb-wrap .rvb-field label{display:block;font-size:12.5px;font-weight:600;color:#5a3a14;margin-bottom:5px;letter-spacing:.02em;}
#rvb-wrap .rvb-field label .rvb-tip{font-weight:400;color:#9a7040;font-size:11.5px;margin-left:4px;}
#rvb-wrap .rvb-input-wrap{position:relative;}
#rvb-wrap .rvb-prefix{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:14px;color:#7a5020;font-weight:500;pointer-events:none;}
#rvb-wrap .rvb-suffix{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:14px;color:#7a5020;font-weight:500;pointer-events:none;}
#rvb-wrap input[type=number],#rvb-wrap select{width:100%;border:1.5px solid #d9b88a;border-radius:8px;padding:9px 36px 9px 28px;font-size:14px;font-family:'DM Sans',sans-serif;color:#1a1209;background:#fdf9f4;outline:none;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield;}
#rvb-wrap input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;}
#rvb-wrap input[type=number]:focus,#rvb-wrap select:focus{border-color:#b87728;box-shadow:0 0 0 3px rgba(184,119,40,0.12);}
#rvb-wrap select{padding:9px 28px 9px 12px;cursor:pointer;}
#rvb-wrap .rvb-field.no-prefix input{padding-left:12px;}
#rvb-wrap .rvb-field.pct input{padding-right:28px;padding-left:12px;}

/* ── Slider ── */
#rvb-wrap .rvb-slider-wrap{display:flex;align-items:center;gap:10px;}
#rvb-wrap input[type=range]{flex:1;-webkit-appearance:none;height:5px;border-radius:3px;background:linear-gradient(to right,#b87728 0%,#b87728 var(--val,50%),#e8ccaa var(--val,50%),#e8ccaa 100%);outline:none;cursor:pointer;}
#rvb-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#b87728;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.2);cursor:pointer;}
#rvb-wrap .rvb-slider-val{font-size:13px;font-weight:600;color:#3d2209;min-width:40px;text-align:right;}

/* ── Advanced toggle ── */
#rvb-wrap .rvb-adv-toggle{width:100%;background:none;border:1.5px dashed #c9a060;border-radius:8px;padding:9px 16px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;color:#7a5020;cursor:pointer;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s;}
#rvb-wrap .rvb-adv-toggle:hover{background:#fdf3e3;}
#rvb-wrap .rvb-adv-section{display:none;border-top:1px solid #eedcbc;margin-top:16px;padding-top:16px;}
#rvb-wrap .rvb-adv-section.open{display:block;}

/* ── Calculate button ── */
#rvb-wrap .rvb-calc-btn{width:100%;background:linear-gradient(135deg,#3d2209,#b87728);color:#fff;border:none;border-radius:12px;padding:16px;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:700;cursor:pointer;margin-top:20px;letter-spacing:.02em;transition:opacity .2s,transform .1s;box-shadow:0 4px 16px rgba(61,34,9,0.25);}
#rvb-wrap .rvb-calc-btn:hover{opacity:.9;}
#rvb-wrap .rvb-calc-btn:active{transform:scale(.99);}

/* ── Verdict banner ── */
#rvb-wrap .rvb-verdict{border-radius:16px;padding:24px 28px;margin-bottom:28px;display:none;text-align:center;}
#rvb-wrap .rvb-verdict.buy{background:linear-gradient(135deg,#1a4a28,#2d7a44);color:#fff;}
#rvb-wrap .rvb-verdict.rent{background:linear-gradient(135deg,#1a2e4a,#2d5a8a);color:#fff;}
#rvb-wrap .rvb-verdict.neutral{background:linear-gradient(135deg,#3d2209,#7a4f1e);color:#fff;}
#rvb-wrap .rvb-verdict-icon{font-size:40px;display:block;margin-bottom:8px;}
#rvb-wrap .rvb-verdict h2{font-family:'Playfair Display',serif;font-size:clamp(20px,3vw,30px);font-weight:700;color:#fff!important;margin-bottom:8px!important;}
#rvb-wrap .rvb-verdict p{font-size:15px;opacity:.9;max-width:620px;margin:0 auto!important;line-height:1.7;}

/* ── Stat cards ── */
#rvb-wrap .rvb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;}
#rvb-wrap .rvb-stat{background:#fff;border:1.5px solid #d9b88a;border-radius:12px;padding:16px 14px;text-align:center;}
#rvb-wrap .rvb-stat-label{font-size:11.5px;color:#8a6535;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}
#rvb-wrap .rvb-stat-val{font-size:22px;font-weight:700;color:#3d2209;line-height:1;}
#rvb-wrap .rvb-stat-val.buy-col{color:#1e7040;}
#rvb-wrap .rvb-stat-val.rent-col{color:#1e4070;}
#rvb-wrap .rvb-stat-sub{font-size:11px;color:#9a7040;margin-top:4px;}

/* ── Charts area ── */
#rvb-wrap .rvb-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;}
#rvb-wrap .rvb-chart-box{background:#fff;border:1.5px solid #d9b88a;border-radius:16px;padding:20px;}
#rvb-wrap .rvb-chart-box h3{font-family:'Playfair Display',serif;font-size:15px;font-weight:700;color:#3d2209;margin-bottom:4px!important;}
#rvb-wrap .rvb-chart-sub{font-size:12px;color:#8a6535;margin-bottom:14px;}
#rvb-wrap .rvb-chart-box canvas{width:100%!important;}

/* ── Breakdown table ── */
#rvb-wrap .rvb-table-wrap{background:#fff;border:1.5px solid #d9b88a;border-radius:16px;padding:22px;margin-bottom:28px;overflow-x:auto;}
#rvb-wrap .rvb-table-wrap h3{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:#3d2209;margin-bottom:14px!important;}
#rvb-wrap table.rvb-table{width:100%;border-collapse:collapse;font-size:13.5px;}
#rvb-wrap table.rvb-table th{background:#f7ede0;color:#5a3a14;font-weight:700;padding:10px 14px;text-align:left;border-bottom:2px solid #d9b88a;}
#rvb-wrap table.rvb-table th:not(:first-child){text-align:right;}
#rvb-wrap table.rvb-table td{padding:9px 14px;border-bottom:1px solid #f0e0cc;color:#3d2209;}
#rvb-wrap table.rvb-table td:not(:first-child){text-align:right;font-weight:500;}
#rvb-wrap table.rvb-table tr:last-child td{border-bottom:none;font-weight:700;background:#fdf5ea;}
#rvb-wrap .buy-num{color:#1e7040;}
#rvb-wrap .rent-num{color:#1e4070;}

/* ── Year table ── */
#rvb-wrap .rvb-yr-wrap{background:#fff;border:1.5px solid #d9b88a;border-radius:16px;padding:22px;margin-bottom:28px;overflow-x:auto;}
#rvb-wrap .rvb-yr-wrap h3{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:#3d2209;margin-bottom:4px!important;}
#rvb-wrap .rvb-yr-sub{font-size:12.5px;color:#8a6535;margin-bottom:14px;}
#rvb-wrap table.rvb-yr{width:100%;border-collapse:collapse;font-size:12.5px;}
#rvb-wrap table.rvb-yr th{background:#f7ede0;color:#5a3a14;font-weight:700;padding:9px 12px;text-align:right;border-bottom:2px solid #d9b88a;white-space:nowrap;}
#rvb-wrap table.rvb-yr th:first-child{text-align:left;}
#rvb-wrap table.rvb-yr td{padding:8px 12px;border-bottom:1px solid #f0e0cc;text-align:right;color:#3d2209;}
#rvb-wrap table.rvb-yr td:first-child{text-align:left;font-weight:600;}
#rvb-wrap table.rvb-yr tr.be-row td{background:#fff9e6;font-weight:700;color:#b87728;}
#rvb-wrap table.rvb-yr tr:last-child td{background:#fdf5ea;font-weight:700;}

/* ── PDF / Share buttons ── */
#rvb-wrap .rvb-actions{display:flex;gap:12px;justify-content:center;margin-bottom:36px;flex-wrap:wrap;}
#rvb-wrap .rvb-act-btn{background:#fff;border:1.5px solid #d9b88a;color:#5a3a14;border-radius:10px;padding:11px 22px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .2s;}
#rvb-wrap .rvb-act-btn:hover{background:#fdf3e3;border-color:#b87728;}
#rvb-wrap .rvb-act-btn.primary{background:linear-gradient(135deg,#3d2209,#b87728);color:#fff;border-color:transparent;}
#rvb-wrap .rvb-act-btn.primary:hover{opacity:.9;}

/* ── FAQ ── */
#rvb-wrap .rvb-faq{margin-bottom:48px;}
#rvb-wrap .rvb-faq-item{background:#fff;border:1.5px solid #d9b88a;border-radius:12px;margin-bottom:10px;overflow:hidden;}
#rvb-wrap .rvb-faq-q{width:100%;text-align:left;background:none;border:none;padding:17px 20px;font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:600;color:#1a1209;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;}
#rvb-wrap .rvb-faq-q:hover{background:rgba(184,119,40,.05);}
#rvb-wrap .rvb-faq-arr{color:#b87728;font-size:17px;flex-shrink:0;transition:transform .2s;}
#rvb-wrap .rvb-faq-q[aria-expanded=true] .rvb-faq-arr{transform:rotate(180deg);}
#rvb-wrap .rvb-faq-a{padding:0 20px 16px;font-size:14px;color:#3d2209;line-height:1.8;display:none;}
#rvb-wrap .rvb-faq-a.open{display:block;}
#rvb-wrap .rvb-faq-a a{color:#b87728;font-weight:500;}

/* ── Section titles ── */
#rvb-wrap .rvb-section-h{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:#3d2209;margin:0 0 20px!important;padding-bottom:12px;border-bottom:2px solid #d9b88a;display:flex;align-items:center;gap:10px;}

/* ── Why section ── */
#rvb-wrap .rvb-why{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:48px;}
#rvb-wrap .rvb-why-item{background:#fff;border:1.5px solid #d9b88a;border-radius:12px;padding:18px 16px;}
#rvb-wrap .rvb-why-icon{font-size:28px;display:block;margin-bottom:10px;}
#rvb-wrap .rvb-why-item h3{font-family:'Playfair Display',serif;font-size:14px;font-weight:700;color:#3d2209;margin-bottom:6px!important;}
#rvb-wrap .rvb-why-item p{font-size:13px;color:#6a4a1a;line-height:1.6;margin:0!important;}

/* ── CTA ── */
#rvb-wrap .rvb-cta{background:linear-gradient(135deg,#3d2209 0%,#6b3d14 50%,#c47a2a 100%);border-radius:18px;padding:48px 32px;text-align:center;}
#rvb-wrap .rvb-cta h2{font-family:'Playfair Display',serif;font-size:clamp(20px,3vw,30px);font-weight:700;color:#fff!important;margin:0 0 10px!important;}
#rvb-wrap .rvb-cta p{color:rgba(255,255,255,.88)!important;font-size:15px;margin:0 0 24px!important;}
#rvb-wrap .rvb-cta-btn{display:inline-block;background:#fff;color:#6b3d14!important;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;padding:14px 32px;border-radius:10px;text-decoration:none!important;margin:5px;transition:all .2s;box-shadow:0 4px 14px rgba(0,0,0,.15);}
#rvb-wrap .rvb-cta-btn:hover{background:#fdf3e3;transform:translateY(-2px);}
#rvb-wrap .rvb-cta-btn.sec{background:rgba(255,255,255,.14);color:#fff!important;border:1.5px solid rgba(255,255,255,.4);}
#rvb-wrap .rvb-cta-btn.sec:hover{background:rgba(255,255,255,.24);}

/* ── Results hidden until calculated ── */
#rvb-results{display:none;}

/* ── Responsive ── */
@media(max-width:860px){
  #rvb-wrap .rvb-layout{grid-template-columns:1fr;}
  #rvb-wrap .rvb-stats{grid-template-columns:repeat(2,1fr);}
  #rvb-wrap .rvb-charts{grid-template-columns:1fr;}
  #rvb-wrap .rvb-why{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  #rvb-wrap .rvb-hero{padding:36px 16px 32px;}
  #rvb-wrap .rvb-stats{grid-template-columns:1fr 1fr;}
  #rvb-wrap .rvb-why{grid-template-columns:1fr;}
  #rvb-wrap .rvb-panel{padding:18px 16px;}
  #rvb-wrap .rvb-hero-stats{gap:16px;}
}