/**
 * VA Home Affordability Calculator — Styles
 * Scoped to #vAff. No conflicts with vlnPage or Divi.
 * Version: 1.0.0
 */

#vAff,#vAff *{margin:0!important;padding:0!important;box-sizing:border-box!important;line-height:normal!important;border:none!important;outline:none!important;text-decoration:none!important;letter-spacing:normal!important;text-transform:none!important;float:none!important;clear:none!important;}
#vAff{
  --n:#0c1a30;--n2:#132240;--n3:#1a2d50;--nb:rgba(12,26,48,.08);
  --g:#c9a227;--gv:#e2b84a;--gg:rgba(226,184,74,.12);
  --em:#25c281;--emb:rgba(37,194,129,.1);
  --co:#e85d5d;--cob:rgba(232,93,93,.08);
  --sk:#3b8ed4;
  --w:#fff;--ww:#f7f8fb;--bd:#dde3ec;--bd2:#e8edf4;
  --t1:#1e293b;--t2:#475569;--t3:#94a3b8;
  font-family:'Plus Jakarta Sans',sans-serif!important;max-width:1600px;margin:0 auto!important;padding:8px 20px!important;font-size:13px!important;color:var(--t1)!important;
}
#vAff .sh{background:var(--w)!important;border:1px solid var(--bd)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 6px 30px rgba(0,0,0,.06)!important;}
#vAff .br{display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:5px 14px!important;border-bottom:1px solid var(--bd)!important;background:var(--n)!important;}
#vAff .br img{height:13px!important;opacity:.3!important;}
#vAff .br .fb{font-size:7px!important;color:#94a3b8!important;font-weight:600!important;}
#vAff .bd{display:flex!important;align-items:stretch!important;}
#vAff .cc{flex:4!important;padding:8px 12px 5px!important;display:flex!important;flex-direction:column!important;background:var(--w)!important;}
#vAff .si{flex:1!important;padding:10px 12px!important;background:var(--ww)!important;border-left:1px solid var(--bd)!important;display:flex!important;flex-direction:column!important;min-width:200px!important;}
#vAff .si h2{font-size:13px!important;font-weight:700!important;color:var(--n)!important;margin-bottom:6px!important;line-height:1.3!important;padding-left:8px!important;border-left:3px solid var(--sk)!important;}
#vAff .si p{font-size:11px!important;color:var(--t2)!important;line-height:1.55!important;margin-bottom:5px!important;}
#vAff .si .ih{font-weight:600!important;color:var(--t1)!important;}
#vAff .si .sp{flex:1!important;}
#vAff .si .ct{display:block!important;text-align:center!important;margin-top:8px!important;font-size:13px!important;font-weight:700!important;color:var(--w)!important;padding:8px 16px!important;background:var(--n)!important;border-radius:6px!important;}
#vAff .si .ct:hover{background:var(--n2)!important;}
#vAff .em{margin-top:4px!important;display:flex!important;gap:3px!important;align-items:center!important;}
#vAff .em input{flex:1!important;padding:2px 4px!important;background:var(--w)!important;border:1px solid var(--bd)!important;border-radius:2px!important;font-family:'DM Sans',sans-serif!important;font-size:6px!important;color:var(--t3)!important;cursor:pointer!important;}
#vAff .em button{padding:2px 6px!important;background:var(--bd)!important;border-radius:2px!important;font-size:7px!important;font-weight:600!important;color:var(--t2)!important;cursor:pointer!important;}
#vAff .ctt{font-size:17px!important;font-weight:800!important;color:var(--n)!important;text-align:center!important;margin-bottom:6px!important;padding-bottom:6px!important;border-bottom:1px solid var(--bd)!important;}
/* Hero */
#vAff .hr{background:var(--n)!important;border-radius:6px!important;padding:7px 10px!important;text-align:center!important;margin-bottom:5px!important;}
#vAff .hr .hl{font-size:8px!important;font-weight:700!important;color:var(--gv)!important;text-transform:uppercase!important;letter-spacing:.8px!important;border-bottom:1px solid rgba(226,184,74,.25)!important;padding-bottom:2px!important;display:inline-block!important;}
#vAff .hr .hv{font-family:'DM Sans',sans-serif!important;font-size:28px!important;font-weight:800!important;color:var(--w)!important;letter-spacing:-1px!important;margin:2px 0!important;}
#vAff .hr .hs{font-size:7px!important;color:#64748b!important;}
/* Groups */
#vAff .gp{margin-bottom:5px!important;}
#vAff .gl{font-size:9px!important;font-weight:700!important;color:var(--sk)!important;text-transform:uppercase!important;letter-spacing:.6px!important;margin-bottom:3px!important;}
#vAff .gb{background:var(--ww)!important;border:1px solid var(--bd2)!important;border-radius:5px!important;padding:5px 7px!important;}
#vAff .gr{display:flex!important;gap:7px!important;}
#vAff .gr+.gr{margin-top:3px!important;}
#vAff .fd{flex:1!important;}
#vAff .fl{display:flex!important;align-items:center!important;gap:2px!important;font-size:10px!important;font-weight:600!important;color:var(--t2)!important;margin-bottom:2px!important;}
#vAff .fl .hn{font-weight:400!important;color:var(--t3)!important;}
#vAff .tp{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:10px!important;height:10px!important;border-radius:50%!important;background:var(--bd)!important;font-size:6px!important;font-weight:700!important;color:var(--t3)!important;cursor:help!important;position:relative!important;}
#vAff .tp:hover::after{content:attr(data-t)!important;position:absolute!important;bottom:120%!important;left:50%!important;transform:translateX(-50%)!important;background:var(--n)!important;color:var(--w)!important;padding:3px 6px!important;border-radius:3px!important;font-size:8px!important;font-weight:500!important;white-space:nowrap!important;z-index:10!important;box-shadow:0 3px 8px rgba(0,0,0,.2)!important;}
#vAff .fi{display:flex!important;align-items:center!important;border:1px solid var(--bd)!important;border-radius:3px!important;background:var(--w)!important;overflow:hidden!important;}
#vAff .fi:focus-within{border-color:var(--n)!important;box-shadow:0 0 0 2px rgba(12,26,48,.08)!important;}
#vAff .fi .pre,#vAff .fi .suf{padding:0 4px!important;font-family:'DM Sans',sans-serif!important;font-size:12px!important;color:var(--t3)!important;}
#vAff .fi input[type="number"]{flex:1!important;padding:4px 3px!important;border:none!important;background:transparent!important;font-family:'DM Sans',sans-serif!important;font-size:13px!important;font-weight:500!important;color:var(--t1)!important;width:100%!important;-moz-appearance:textfield!important;}
#vAff .fi input::-webkit-inner-spin-button{opacity:.15!important;}
#vAff input[type="range"]{width:100%!important;margin-top:2px!important;height:3px!important;-webkit-appearance:none!important;appearance:none!important;background:var(--bd)!important;border-radius:2px!important;}
#vAff input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none!important;width:16px!important;height:16px!important;border-radius:50%!important;background:var(--n)!important;border:3px solid var(--w)!important;cursor:pointer!important;box-shadow:0 1px 6px rgba(12,26,48,.3)!important;transition:transform .15s!important;}
#vAff input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2)!important;box-shadow:0 2px 10px rgba(12,26,48,.4)!important;}
#vAff input[type="range"]::-moz-range-thumb{width:16px!important;height:16px!important;border-radius:50%!important;background:var(--n)!important;border:3px solid var(--w)!important;cursor:pointer!important;box-shadow:0 1px 6px rgba(12,26,48,.3)!important;}
#vAff .rg{display:flex!important;border:1px solid var(--bd)!important;border-radius:3px!important;overflow:hidden!important;}
#vAff .rg input[type="radio"]{display:none!important;}
#vAff .rg .rl{flex:1!important;padding:4px 3px!important;font-size:11px!important;font-weight:600!important;text-align:center!important;color:var(--t2)!important;background:var(--ww)!important;cursor:pointer!important;border-right:1px solid var(--bd)!important;line-height:1.2!important;}
#vAff .rg .rl:last-child{border-right:none!important;}
#vAff .rg .rl.active{background:var(--n)!important;color:var(--w)!important;}
#vAff .rg .rl span{display:block!important;font-size:7px!important;font-weight:400!important;opacity:.6!important;margin-top:1px!important;}
#vAff .badge{display:inline-block!important;padding:1px 3px!important;border-radius:2px!important;font-size:6px!important;font-weight:700!important;vertical-align:middle!important;margin-left:2px!important;}
#vAff .badge.exempt{background:var(--emb)!important;color:var(--em)!important;}
#vAff .badge.first{background:var(--gg)!important;color:var(--g)!important;}
#vAff .badge.subsequent{background:var(--cob)!important;color:var(--co)!important;}
/* Accordion */
#vAff .ac{margin-bottom:2px!important;}
#vAff .ah{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:3px 7px!important;background:var(--n)!important;border-radius:3px!important;cursor:pointer!important;}
#vAff .ah:hover{background:var(--n2)!important;}
#vAff .ah .al{font-size:10px!important;font-weight:600!important;color:#94a3b8!important;}
#vAff .ah .ch{font-size:7px!important;color:#64748b!important;display:inline-block!important;transition:transform .2s!important;}
#vAff .ah.open .ch{transform:rotate(180deg)!important;}
#vAff .ab{max-height:0!important;overflow:hidden!important;transition:max-height .2s!important;background:var(--n)!important;border-radius:0 0 3px 3px!important;margin-top:-1px!important;}
#vAff .ab.open{max-height:150px!important;}
#vAff .abi{padding:3px 7px!important;}
#vAff .ar{display:flex!important;justify-content:space-between!important;padding:1px 0!important;border-bottom:1px solid rgba(255,255,255,.04)!important;}
#vAff .ar:last-child{border-bottom:none!important;}
#vAff .ar .al2{font-size:10px!important;color:#94a3b8!important;}
#vAff .ar .av2{font-family:'DM Sans',sans-serif!important;font-size:10px!important;font-weight:600!important;color:#e0e7f0!important;}
#vAff .ar .av2.neg{color:var(--co)!important;}
#vAff .ar .av2.gld{color:var(--gv)!important;font-weight:700!important;}
/* DTI */
#vAff .dti{margin-top:3px!important;}
#vAff .dtb{background:var(--n)!important;border-radius:5px!important;padding:5px 8px!important;text-align:center!important;}
#vAff .dtf{font-family:'DM Sans',sans-serif!important;font-size:12px!important;font-weight:700!important;color:var(--w)!important;}
#vAff .dts{font-size:6px!important;color:#64748b!important;margin-top:1px!important;}
#vAff .dtt{height:4px!important;border-radius:2px!important;background:rgba(255,255,255,.06)!important;overflow:hidden!important;margin-top:2px!important;}
#vAff .dtl{height:100%!important;border-radius:2px!important;transition:width .3s,background .3s!important;}
#vAff .dtlb{display:flex!important;justify-content:space-between!important;margin-top:1px!important;font-size:7px!important;font-family:'DM Sans',sans-serif!important;color:var(--t3)!important;}
#vAff .dtc{font-weight:700!important;}
#vAff .dtok{color:var(--em)!important;}
#vAff .dtwn{color:var(--gv)!important;}
#vAff .dtov{color:var(--co)!important;}
#vAff .di{font-size:6px!important;color:var(--t3)!important;text-align:center!important;margin-top:3px!important;}
#vAff .st-badge{display:inline-flex!important;align-items:center!important;gap:3px!important;font-size:7px!important;font-weight:600!important;color:var(--sk)!important;background:rgba(59,142,212,.08)!important;padding:2px 6px!important;border-radius:3px!important;margin-top:2px!important;}
#vAff .st-sel{width:100%!important;padding:4px 5px!important;border:1px solid var(--bd)!important;border-radius:4px!important;background:var(--w)!important;font-family:'DM Sans',sans-serif!important;font-size:12px!important;font-weight:500!important;color:var(--t1)!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important;cursor:pointer!important;}
#vAff .ft{display:flex!important;align-items:center!important;justify-content:center!important;padding:4px!important;border-top:1px solid var(--bd)!important;background:var(--ww)!important;}
#vAff .ft span{font-size:7px!important;color:var(--t3)!important;}

@media(max-width:900px){#vAff .bd{flex-direction:column!important;}#vAff .si{border-left:none!important;border-top:1px solid var(--bd)!important;min-width:auto!important;}}
@media(max-width:640px){
  #vAff{padding:4px 6px!important;display:block!important;visibility:visible!important;opacity:1!important;max-height:none!important;overflow:visible!important;}
  #vAff .sh{display:block!important;visibility:visible!important;border-radius:8px!important;}
  #vAff .bd{display:flex!important;flex-direction:column!important;visibility:visible!important;}
  #vAff .br{padding:4px 10px!important;}
  #vAff .br img{height:10px!important;}
  #vAff .cc{padding:6px 8px 4px!important;}
  #vAff .ctt{font-size:12px!important;margin-bottom:3px!important;padding-bottom:3px!important;}
  #vAff .hr{padding:6px 8px!important;border-radius:5px!important;margin-bottom:4px!important;}
  #vAff .hr .hl{font-size:6px!important;}
  #vAff .hr .hv{font-size:20px!important;margin:1px 0!important;}
  #vAff .hr .hs{font-size:6px!important;}
  #vAff .gp{margin-bottom:4px!important;}
  #vAff .gl{font-size:6px!important;margin-bottom:1px!important;}
  #vAff .gb{padding:4px 6px!important;border-radius:4px!important;}
  #vAff .gr{flex-direction:row!important;gap:5px!important;}
  #vAff .gr+.gr{margin-top:3px!important;}
  #vAff .fl{font-size:7px!important;}
  #vAff .fi{border-radius:3px!important;}
  #vAff .fi .pre,#vAff .fi .suf{font-size:9px!important;padding:0 3px!important;}
  #vAff .fi input[type="number"]{font-size:10px!important;padding:3px 2px!important;}
  #vAff .st-sel{font-size:9px!important;padding:3px 3px!important;}
  #vAff input[type="range"]{display:none!important;}
  #vAff .rg .rl{padding:3px 2px!important;font-size:8px!important;}
  #vAff .rg .rl span{font-size:6px!important;}
  #vAff .ac{margin-bottom:2px!important;}
  #vAff .ah{padding:3px 6px!important;border-radius:3px!important;}
  #vAff .ah .al{font-size:7px!important;}
  #vAff .dtb{padding:4px 6px!important;border-radius:4px!important;}
  #vAff .dtf{font-size:9px!important;}
  #vAff .dts{font-size:5px!important;}
  #vAff .dtt{height:3px!important;margin-top:2px!important;}
  #vAff .dtlb{font-size:6px!important;}
  #vAff .di{font-size:5px!important;margin-top:2px!important;}
  #vAff .si{padding:8px 10px!important;border-left:none!important;border-top:1px solid var(--bd)!important;}
  #vAff .si h2{font-size:10px!important;margin-bottom:4px!important;padding-left:6px!important;}
  #vAff .si p{font-size:9px!important;line-height:1.45!important;margin-bottom:3px!important;}
  #vAff .si .ct{font-size:10px!important;padding:6px 10px!important;margin-top:4px!important;width:100%!important;}
  #vAff .ft{padding:3px!important;}
  #vAff .ft span{font-size:6px!important;}
}