/* Review 56: neutral shopping gauge, then the Finance presentation pass. */
html body #app #foodPage#foodPage#foodPage .food-story-ring{--ring:#71875b;background:conic-gradient(var(--ring) calc(var(--p)*1%),#dfe6d2 0)!important}
html body #app #foodPage#foodPage#foodPage .food-story-ring.over{--ring:#b07b5d}
html body #app #foodPage#foodPage#foodPage .food-story-ring::before{background:#f5f7ed!important}
html body #app #foodPage#foodPage#foodPage .food-story-ring span{background:transparent!important;color:#33432a!important}
html body #app #foodPage#foodPage#foodPage :is(.food-shop-smarter,.shop-smarter-store,.shop-smart-stats>div,.food-tesco-button){background:#edf2e2!important;color:#33432a!important;border-color:#c5d1b6!important}
html body #app #foodPage#foodPage#foodPage .shop-progress-bar{background:#dce5cf!important}
html body #app #foodPage#foodPage#foodPage .shop-progress-bar i{background:#637e50!important}
html body.unravel-brand #app #financePage#financePage#financePage{font:400 15px/1.5 system-ui!important}
html body.unravel-brand #app #financePage#financePage#financePage h1{font:600 clamp(28px,3vw,36px)/1.15 system-ui!important;letter-spacing:-.035em!important}
html body.unravel-brand #app #financePage#financePage#financePage :is(h2,h3,.money-month34 h3){font:600 21px/1.3 system-ui!important;letter-spacing:-.02em!important}
html body.unravel-brand #app #financePage#financePage#financePage :is(p,.uc-subtitle,.uc-empty,.uc-quote,.money-comparison-note34){font:400 14px/1.5 system-ui!important;color:#4a5542!important}
html body.unravel-brand #app #financePage#financePage#financePage :is(button,.uc-action,.uc-inline-action,.finance-link-button,.una-tv-watch){font:550 13px/1.3 system-ui!important;min-height:44px!important;border-radius:10px!important;letter-spacing:0!important}
html body.unravel-brand #app #financePage#financePage#financePage :is(input,select){font:400 16px/1.4 system-ui!important;min-height:44px!important;background:#fafbf5!important;color:#303d27!important;border-color:#cbd4bf!important}
html body.unravel-brand #app #financePage#financePage#financePage :is(.uc-feature,.uc-panel,.uc-detail,.finance-panel,.money-month34){background:rgba(248,250,242,.91)!important;border:1px solid #d3dac9!important;border-radius:16px!important;box-shadow:0 6px 20px rgba(40,52,32,.04)!important}
html body.unravel-brand #app #financePage#financePage#financePage .uc-feature-art{background:url('/hero-finance.jpg') center/cover!important;filter:none!important;opacity:1!important;background-blend-mode:normal!important;min-height:180px!important}
html body.unravel-brand #app #financePage#financePage#financePage .uc-feature-art img{visibility:hidden!important}
html body.unravel-brand #app #financePage#financePage#financePage .uc-feature-art::before,html body.unravel-brand #app #financePage#financePage#financePage .uc-feature-art::after{display:none!important}
html body.unravel-brand #app #financePage#financePage#financePage .uc-feature .uc-money-number{font:600 clamp(30px,4vw,42px)/1.15 system-ui!important;font-variant-numeric:tabular-nums!important}
html body.unravel-brand #app #financePage#financePage#financePage :is(.finance-bank-grid36 button,.finance-kpi){padding:16px!important;background:#edf2e4!important;border:1px solid #cbd5be!important;border-radius:12px!important;gap:6px!important}
html body.unravel-brand #app #financePage#financePage#financePage .finance-bank-grid36 button[aria-pressed=true]{background:#e2ebd5!important;border-color:#829771!important}
html body.unravel-brand #app #financePage#financePage#financePage .finance-bank-grid36 span{font:600 15px/1.3 system-ui!important}
html body.unravel-brand #app #financePage#financePage#financePage :is(.finance-bank-grid36 b,.finance-kpi b){font:600 26px/1.3 system-ui!important;letter-spacing:-.02em!important;font-variant-numeric:tabular-nums!important}
html body.unravel-brand #app #financePage#financePage#financePage :is(.finance-bank-grid36 small,.finance-kpi small,.finance-kpi span){font:400 12px/1.4 system-ui!important;color:#4a5940!important}
html body.unravel-brand #app #financePage#financePage#financePage .finance-kpi.expense{background:#f3e9df!important;border-color:#dac8b8!important}
html body.unravel-brand #app #financePage#financePage#financePage .finance-table :is(th,td){font:400 13px/1.45 system-ui!important;padding:12px 10px!important;color:#33402b!important}
html body.unravel-brand #app #financePage#financePage#financePage .finance-table th{font-weight:600!important;background:#edf1e5!important}
html body.unravel-brand #app #financePage#financePage#financePage .finance-table :is(b,strong){font-weight:600!important;font-size:13px!important}
html body.unravel-brand #app #financePage#financePage#financePage .money-month34{padding:16px!important}
html body.unravel-brand #app #financePage#financePage#financePage .money-month-values34{gap:8px!important;margin:14px 0!important}
html body.unravel-brand #app #financePage#financePage#financePage .money-month-values34 small{font:500 11px/1.4 system-ui!important}
html body.unravel-brand #app #financePage#financePage#financePage .money-month-values34 b{font:600 18px/1.3 system-ui!important}
html body.unravel-brand #app #financePage#financePage#financePage :is(.uc-row b,.money-minute b){font:600 15px/1.4 system-ui!important}
html body.unravel-brand #app #financePage#financePage#financePage :is(.uc-row small,.uc-row time,.money-minute small){font:400 12px/1.4 system-ui!important;color:#526047!important}
html body.unravel-brand #app #financePage#financePage#financePage :is(.money-matters,.money-matters-grid>*,.money-resource,.money-minute){background:#f1f5e8!important;border-color:#ccd7bf!important;color:#304127!important}
@media(max-width:600px){html body.unravel-brand #app #financePage#financePage#financePage .uc-detail-body{padding:12px!important}html body.unravel-brand #app #financePage#financePage#financePage .finance-bank-grid36{gap:10px!important}html body.unravel-brand #app #financePage#financePage#financePage .finance-bank-grid36 button{padding:12px!important}html body.unravel-brand #app #financePage#financePage#financePage .finance-bank-grid36 b{font-size:23px!important}}