/* LifeUp Calculator V3.1 mobile UX layer */
:root{--sticky-gap:6px}
.tabs{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#080c12e8}
.ux-summarybar{display:flex;gap:7px;align-items:center;overflow-x:auto;scrollbar-width:none;background:#0a1018e8;border:1px solid var(--line);border-radius:12px;padding:7px 8px;margin:-6px 0 14px;position:sticky;top:66px;z-index:9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 22px #0005}
.ux-summarybar::-webkit-scrollbar{display:none}.ux-chip{flex:0 0 auto;border:1px solid #27415a;background:#0c1d2c;color:#b7dcf7;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;white-space:nowrap}.ux-chip.good{border-color:#1e6847;background:#0d291d;color:#7be0a8!important}.ux-chip.bad{border-color:#7b2932;background:#321318;color:#ff9fa6!important}.ux-chip.warn{border-color:#7d6420;background:#33280d;color:#ffd979!important}.ux-chip.muted{border-color:var(--line);background:#0b1017;color:var(--muted)}
.ux-consistency-hero,.ux-eligibility-hero{border:1px solid #27415a;background:linear-gradient(135deg,#0d2131,#0b121b);border-radius:14px;padding:13px;margin:0 0 9px}.ux-consistency-hero .eyebrow,.ux-eligibility-hero .eyebrow{font-size:10px;color:var(--muted);font-weight:800;margin-bottom:4px}.ux-consistency-hero .big{font-size:30px;font-weight:900;letter-spacing:-1px;line-height:1.1}.ux-consistency-hero .subline,.ux-eligibility-hero .subline{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.45}.ux-consistency-hero.good,.ux-eligibility-hero.good{border-color:#1e6847;background:linear-gradient(135deg,#0d291d,#0b1712)}.ux-consistency-hero.bad,.ux-eligibility-hero.bad{border-color:#7b2932;background:linear-gradient(135deg,#321318,#170b0d)}.ux-consistency-hero.warn,.ux-eligibility-hero.warn{border-color:#7d6420;background:linear-gradient(135deg,#33280d,#171307)}.ux-eligibility-hero .big{font-size:19px;font-weight:900;line-height:1.35}
#cRatio{font-size:25px}.status{font-size:13px}.card:has(#eligibilityChecks) #eligibilityStatus{margin-top:10px}
@media(max-width:780px){.tabs{top:max(4px,env(safe-area-inset-top));}.ux-summarybar{top:68px}}
@media(max-width:460px){
  .wrap{padding:12px 9px 26px}.hero{margin-bottom:11px}.hero h1{font-size:26px}.sub{font-size:11px;line-height:1.45;margin-top:5px}.policy-date{font-size:10px;margin-top:5px}
  .tabs{margin-bottom:11px;padding:4px;gap:4px;border-radius:12px}.tab{padding:10px 5px;font-size:13px;border-radius:9px}.ux-summarybar{top:58px;margin:-4px 0 11px;padding:6px}.ux-chip{font-size:10px;padding:5px 8px}
  .grid{gap:10px}.card{padding:12px;border-radius:14px}.card h2{font-size:17px;margin-bottom:9px}label{margin:8px 0 5px;font-size:11px}input,select{padding:10px 11px;border-radius:9px;font-size:15px}.buttons{margin-top:10px}.btn{min-height:42px}
  .metric{padding:8px 0}.metric span{font-size:11px}.metric b{font-size:17px}.formula,.notice{margin-top:9px;padding:9px;font-size:11px;line-height:1.55}.summary{padding:9px}.summary b{font-size:15px}.summary span{font-size:10px}.summary em{font-size:9px}.summary-grid{gap:6px}.row2,.row3,.row4{gap:7px}.check{padding:9px}.check b{font-size:12px}.check p{font-size:10px}.status{padding:11px;margin-top:9px}.ux-consistency-hero,.ux-eligibility-hero{padding:11px;margin-bottom:7px}.ux-consistency-hero .big{font-size:27px}.ux-eligibility-hero .big{font-size:17px}
  th,td{padding:6px 4px;font-size:11px}td input{padding:8px 7px}
}