
/* WLF v83 final reliability patch: readable cards, true cover thumbnails, working palette. */
:root{--wlf-brand:#2563EB;--wlf-brand-hot:#3B82F6;--wlf-bg:#061126;--wlf-panel:#08172D;--wlf-panel2:#0A1D37;--wlf-line:rgba(56,189,248,.30);--wlf-text:#F8FAFC;--wlf-muted:#C7D8EA;--wlf-soft:#93A8C4}
html,body{background:#061126!important;color:var(--wlf-text)!important;overflow-x:hidden!important;}
body{font-family:Barlow,Inter,Arial,sans-serif!important;}
body *{text-shadow:none!important;}
.topbar,nav{background:#020817!important;border-bottom:1px solid rgba(56,189,248,.20)!important;}
.topbar .brand,.brand{gap:12px!important;align-items:center!important;}
.topbar .brand img.bi,.brand img.bi,img.bi.wlf-clean-mark{width:46px!important;height:46px!important;min-width:46px!important;object-fit:cover!important;border-radius:12px!important;border:1px solid rgba(56,189,248,.28)!important;background:#071426!important;padding:0!important;}
.bn,.brand-title,.nav-logo{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:18px!important;line-height:1!important;letter-spacing:.04em!important;}
.bs,.brand-subtitle{color:#C7D8EA!important;-webkit-text-fill-color:#C7D8EA!important;font-size:10px!important;}
.nav-links a{color:#D7E6F7!important;-webkit-text-fill-color:#D7E6F7!important;font-size:13px!important;letter-spacing:.055em!important;}
.nav-links a:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;}
.tb-cta,.btn-or,.gpc-cta,.guide-btn,.prog-cta{background:var(--wlf-brand)!important;border-color:var(--wlf-brand)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:10px!important;box-shadow:0 10px 28px rgba(37,99,235,.22)!important;}
.tb-cta:hover,.btn-or:hover,.gpc-cta:hover,.guide-btn:hover,.prog-cta:hover{background:var(--wlf-brand-hot)!important;border-color:var(--wlf-brand-hot)!important;}
.page-title,h1,h2,h3,.section-title,.hero-title{color:#fff!important;-webkit-text-fill-color:#fff!important;}
.page-title .hl,.hl,.eyebrow{color:#38BDF8!important;-webkit-text-fill-color:#38BDF8!important;}
p,li,.hero-sub,.section-copy,.gpc-desc,.guide-desc{color:var(--wlf-muted)!important;-webkit-text-fill-color:var(--wlf-muted)!important;line-height:1.65!important;}
/* Home guide cards: actual covers in clean sale cards */
.guide-promo-section-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:18px!important;align-items:stretch!important;}
a.guide-promo-card{display:flex!important;flex-direction:column!important;background:linear-gradient(180deg,#08172D,#061126)!important;border:1.5px solid var(--wlf-line)!important;border-radius:18px!important;padding:14px!important;min-height:0!important;text-decoration:none!important;color:#fff!important;box-shadow:0 18px 44px rgba(0,0,0,.22)!important;overflow:hidden!important;}
a.guide-promo-card:hover{transform:translateY(-3px)!important;border-color:rgba(56,189,248,.72)!important;box-shadow:0 24px 58px rgba(0,0,0,.30)!important;}
.guide-promo-card .wlf-guide-cover-wrap{width:100%!important;aspect-ratio:5/7!important;max-height:300px!important;margin:0 0 14px!important;border-radius:14px!important;overflow:hidden!important;background:#020817!important;border:1px solid rgba(191,219,254,.28)!important;box-shadow:0 14px 30px rgba(0,0,0,.24)!important;}
.guide-promo-card .wlf-guide-cover-wrap img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center top!important;}
.gpc-tag,.guide-tag{font-size:11px!important;letter-spacing:.12em!important;color:#38BDF8!important;-webkit-text-fill-color:#38BDF8!important;margin-bottom:8px!important;}
.gpc-title,.guide-title{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:23px!important;line-height:1.05!important;letter-spacing:-.015em!important;margin-bottom:8px!important;}
.gpc-desc,.guide-desc{font-size:14px!important;line-height:1.55!important;margin-bottom:16px!important;}
.gpc-cta,.guide-btn{margin-top:auto!important;width:100%!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;letter-spacing:.06em!important;}
/* Dedicated free-guides page: smaller cover boxes, no giant cropped strips */
body:has(.guide-card) .grid{max-width:1180px!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:18px!important;align-items:stretch!important;padding-top:24px!important;}
.grid>.series-label,.grid>div:first-child{grid-column:1/-1!important;}
a.guide-card{display:flex!important;flex-direction:column!important;background:linear-gradient(180deg,#08172D,#061126)!important;border:1.5px solid var(--wlf-line)!important;border-radius:18px!important;padding:14px!important;color:#fff!important;text-decoration:none!important;box-shadow:0 18px 44px rgba(0,0,0,.20)!important;overflow:hidden!important;}
a.guide-card .wlf-guide-cover-wrap{width:100%!important;aspect-ratio:5/7!important;max-height:315px!important;margin:0 0 14px!important;border-radius:14px!important;overflow:hidden!important;border:1px solid rgba(191,219,254,.30)!important;background:#020817!important;}
a.guide-card .wlf-guide-cover-wrap img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center top!important;}
a.guide-card .guide-bullets{display:none!important;}
/* Fitness tools section: stop white rows and boxed/unreadable text */
.tools-section{background:linear-gradient(180deg,#071426,#061126)!important;border-top:1px solid rgba(56,189,248,.18)!important;border-bottom:1px solid rgba(56,189,248,.18)!important;}
.tools-section [style*="grid-template-columns:1fr 340px"]{grid-template-columns:minmax(0,1fr) 360px!important;gap:28px!important;}
.tools-section .hero-hook-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.tools-section .hero-hook{display:flex!important;align-items:flex-start!important;gap:14px!important;background:linear-gradient(180deg,#08172D,#061126)!important;background-image:linear-gradient(180deg,#08172D,#061126)!important;border:1.5px solid var(--wlf-line)!important;border-radius:18px!important;padding:18px!important;color:#fff!important;-webkit-text-fill-color:initial!important;box-shadow:0 16px 40px rgba(0,0,0,.22)!important;min-height:112px!important;}
.tools-section .hero-hook:hover{transform:translateY(-2px)!important;border-color:rgba(56,189,248,.70)!important;background:linear-gradient(180deg,#0A1D37,#08172D)!important;}
.tools-section .hero-hook-ico{background:rgba(37,99,235,.18)!important;border:1px solid rgba(56,189,248,.32)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;width:46px!important;height:46px!important;border-radius:14px!important;font-size:22px!important;}
.tools-section .hero-hook-t{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:18px!important;line-height:1.05!important;}
.tools-section .hero-hook-d{color:#C7D8EA!important;-webkit-text-fill-color:#C7D8EA!important;font-size:14px!important;line-height:1.5!important;}
.tools-section .page-title{font-size:clamp(42px,6vw,78px)!important;}
.tools-section .form-input,.tools-section select{background:#061126!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid rgba(191,219,254,.45)!important;}
.tools-section .form-input::placeholder{color:#93A8C4!important;-webkit-text-fill-color:#93A8C4!important;}
.tools-section [style*="position:sticky"]{background:linear-gradient(180deg,#08172D,#061126)!important;border:1.5px solid var(--wlf-line)!important;color:#fff!important;box-shadow:0 18px 48px rgba(0,0,0,.22)!important;}
/* Proper palette button and panel */
#wlfPaletteBtn{position:fixed!important;right:22px!important;bottom:22px!important;width:58px!important;height:58px!important;border-radius:50%!important;border:1.5px solid rgba(56,189,248,.55)!important;background:#071426!important;color:#fff!important;font-size:25px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2147483000!important;box-shadow:0 18px 50px rgba(0,0,0,.36)!important;cursor:pointer!important;-webkit-text-fill-color:#fff!important;}
#wlfPaletteBtn:hover{transform:translateY(-2px)!important;border-color:#38BDF8!important;}
#wlfPalettePanel{position:fixed!important;right:22px!important;bottom:90px!important;width:min(320px,calc(100vw - 32px))!important;background:#071426!important;border:1.5px solid rgba(56,189,248,.45)!important;border-radius:18px!important;padding:16px!important;z-index:2147483000!important;box-shadow:0 24px 70px rgba(0,0,0,.44)!important;display:none!important;color:#fff!important;}
#wlfPalettePanel.open{display:block!important;}
#wlfPalettePanel h3{font-size:18px!important;line-height:1.1!important;margin:0 0 6px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
#wlfPalettePanel p{font-size:13px!important;line-height:1.4!important;margin:0 0 12px!important;color:#C7D8EA!important;-webkit-text-fill-color:#C7D8EA!important;}
.wlfPaletteGrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;}
.wlfPaletteSwatch{height:42px!important;border-radius:12px!important;border:2px solid rgba(255,255,255,.80)!important;box-shadow:0 8px 18px rgba(0,0,0,.25)!important;cursor:pointer!important;}
.wlfPaletteSwatch.active{outline:3px solid #fff!important;outline-offset:2px!important;}
/* Hide older palette docks so there is only one working button */
.wlf-palette-toggle,.wlf-palette-dock,.palette-dock,.palette-toggle,.color-palette-toggle,[class*="paletteDock"],[id*="paletteDock"],button[aria-label*="palette" i]:not(#wlfPaletteBtn){display:none!important;}
/* general readability fixes */
.card,.panel,.module,.tile,[class*="card"],[class*="panel"],[class*="tile"]{border-color:rgba(56,189,248,.30)!important;}
.card p,.panel p,.module p,.tile p,[class*="card"] p,[class*="panel"] p{color:#C7D8EA!important;-webkit-text-fill-color:#C7D8EA!important;}
@media(max-width:980px){.tools-section [style*="grid-template-columns:1fr 340px"]{grid-template-columns:1fr!important}.tools-section [style*="position:sticky"]{position:relative!important;top:auto!important}.tools-section .hero-hook-grid{grid-template-columns:1fr!important}.guide-promo-section-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}}
@media(max-width:560px){#wlfPaletteBtn{right:16px!important;bottom:16px!important;width:54px!important;height:54px!important}.gpc-title,.guide-title{font-size:21px!important}.guide-promo-section-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.guide-promo-card .wlf-guide-cover-wrap,a.guide-card .wlf-guide-cover-wrap{max-height:250px!important}.tools-section .page-title{font-size:42px!important}}
@media(max-width:420px){.guide-promo-section-grid{grid-template-columns:1fr!important}}
