/* FoxyPick Home · Design System Sprint 1 · Nov 2026 */
:root{--fph-forest:#173b2b;--fph-deep:#10291d;--fph-ink:#203428;--fph-muted:#52665b;--fph-ivory:#fbfaf6;--fph-cream:#f5f4ee;--fph-sage:#e9eee5;--fph-oak:#d6b993;--fph-line:#dce4d9;--fph-focus:#72a983;--fph-radius:18px;--fph-shadow:0 17px 48px rgba(20,49,29,.09);--fph-font:-apple-system,BlinkMacSystemFont,Inter,"Segoe UI",system-ui,sans-serif}
#fp-nav-v2.fph-site-header{background:rgba(16,39,28,.98)!important;border-bottom:1px solid #ffffff25!important;box-shadow:0 2px 11px #091a100d;z-index:290!important;font-family:var(--fph-font)!important}
#fp-nav-v2.fph-site-header .fn-inner{max-width:1260px!important;min-height:74px!important;gap:20px!important}
#fp-nav-v2.fph-site-header .fn-logo{display:flex!important;align-items:center;gap:12px!important}
#fp-nav-v2.fph-site-header .fn-logo img{width:clamp(127px,12.5vw,164px)!important;max-height:51px;object-fit:contain}
#fp-nav-v2.fph-site-header .fph-home-label{font-size:10px!important;letter-spacing:.16em!important;font-weight:850!important;color:#e7d1a8!important;border-color:#e7d1a84d!important}
#fp-nav-v2.fph-site-header .fn-primary>a:not(.fn-cta){font-size:12px!important;color:#e6efe6!important;font-weight:680!important}
#fp-nav-v2.fph-site-header .fn-primary>a:not(.fn-cta):hover,#fp-nav-v2.fph-site-header .fn-primary>a[aria-current=page]:not(.fn-cta){color:#efd5a2!important}
#fp-nav-v2.fph-site-header .fn-primary>a:not(.fn-cta)::after{background:var(--fph-oak)!important}
#fp-nav-v2.fph-site-header .fn-primary>a.fn-cta{background:#e9f0df!important;color:#173b2b!important;border:1px solid #e9f0df!important;border-radius:999px!important;font-weight:820!important;font-size:12px!important;padding:11px 16px!important}
#fp-nav-v2.fph-site-header .fn-primary>a.fn-cta:hover{background:#fff!important}
#fp-nav-v2.fph-site-header .fn-mobile summary{background:#254331!important;color:#f5faf3!important;border-color:#73917b!important;border-radius:11px!important}
#fp-nav-v2.fph-site-header .fn-mobile-menu{background:#193929!important;border:1px solid #52775c!important;box-shadow:0 18px 45px #0b1d16bd!important;border-radius:16px!important}
#fp-nav-v2.fph-site-header .fn-mobile-menu a{font-size:14px!important;color:#f5faf2!important;min-height:44px!important}
#fp-nav-v2.fph-site-header .fn-mobile-menu a[aria-current=page]{color:#173b2b!important;background:#e2eed8!important}
#fp-unified-footer.fph-site-footer{background:radial-gradient(ellipse at 90% 0,#204530,transparent 45%),var(--fph-deep)!important;color:#f4f8ee!important;border-top-color:#3b6046!important}
#fp-unified-footer.fph-site-footer .fpuf-wrap{max-width:1230px!important}
#fp-unified-footer.fph-site-footer .fpuf-eyebrow,#fp-unified-footer.fph-site-footer .fpuf-nav nav b{color:#dbc598!important}
#fp-unified-footer.fph-site-footer .fpuf-wordmark small{color:#dfc899!important}
#fp-unified-footer.fph-site-footer h2 em{color:#dceacb!important}
#fp-unified-footer.fph-site-footer .fpuf-primary{background:#e4efdd!important;color:#153b2b!important;border-radius:999px!important}
#fp-unified-footer.fph-site-footer .fpuf-outline{border-radius:999px!important}
.fph-main,.fp-library-main{font-family:var(--fph-font)!important}
.fph-main{background:#fff!important;color:var(--fph-ink)!important}
.fph-main .fph-shell{width:min(1180px,calc(100% - 54px))!important}
.fph-main a:focus-visible,.fp-library-main a:focus-visible,#fp-nav-v2 a:focus-visible,#fp-unified-footer a:focus-visible{outline:3px solid var(--fph-focus)!important;outline-offset:3px!important}
.fph-main .fph-hero{background:radial-gradient(ellipse at 88% 0,#e6ece1,transparent 58%),var(--fph-ivory)!important;padding:clamp(61px,8vw,111px) 0!important;border-bottom:1px solid var(--fph-line)!important}
.fph-main .fph-hero h1,.fph-main .fph-hub-hero h1{font-size:clamp(49px,6vw,83px)!important;font-weight:810!important;letter-spacing:-.068em!important;line-height:1.06!important;color:#183628!important}
.fph-main .fph-hero h1 em,.fph-main .fph-hub-hero h1 em{color:#63866d!important}
.fph-main .fph-hero-copy>p,.fph-main .fph-hub-hero p{color:#596e60!important;line-height:1.78!important}
.fph-main .fph-hero-visual{border-radius:26px!important;box-shadow:0 22px 52px #183a2724!important}
.fph-main .fph-hero-image-label{background:linear-gradient(transparent,#112317dc)!important}
.fph-main .fph-btn{border-radius:999px!important;min-height:48px!important;padding:13px 19px!important}
.fph-main .fph-primary{background:var(--fph-forest)!important;border-color:var(--fph-forest)!important}
.fph-main .fph-outline{color:var(--fph-forest)!important;border-color:#c5d7c5!important}
.fph-main .fph-kicker,.fph-main .fph-eyebrow{color:#4b7558!important;font-size:10px!important;letter-spacing:.16em!important}
.fph-main .fph-section{padding:clamp(59px,7.5vw,98px) 0!important}
.fph-main .fph-section-title h2,.fph-main .fph-path h2,.fph-main .fph-trust h2{font-weight:790!important;letter-spacing:-.058em!important}
.fph-main .fph-category-grid,.fph-main .fph-tools-grid{gap:18px!important}
.fph-main .fph-category-card,.fph-main .fph-tool-card,.fph-main .fph-hub-grid article{background:#fff!important;border:1px solid #dfe8dc!important;border-radius:var(--fph-radius)!important;box-shadow:0 2px 10px #11371e08!important;overflow:hidden!important}
.fph-main .fph-category-card:hover,.fph-main .fph-tool-card:hover{border-color:#abc5ad!important;box-shadow:var(--fph-shadow)!important;transform:translateY(-2px)!important}
.fph-main .fph-category-image,.fph-main .fph-hub-img{position:relative!important;padding:0!important;background:#e8ede6!important;overflow:hidden!important}
.fph-main .fph-category-image img,.fph-main .fph-hub-img img{width:100%;height:100%;object-fit:cover!important;mix-blend-mode:normal!important;filter:saturate(.88) contrast(1.03);transition:transform .55s ease!important}
@media(hover:hover){.fph-main .fph-category-card:hover img{transform:scale(1.035)}}
.fph-photo-note{position:absolute;inset:auto 0 0;padding:28px 13px 10px;background:linear-gradient(transparent,#102519e5);display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:4px 9px;color:white!important;font-size:9px!important;letter-spacing:.045em;font-weight:780;line-height:1.5!important}
.fph-photo-note a{color:white!important;text-decoration:underline!important;text-underline-offset:2px}
.fph-main .fph-category-copy,.fph-main .fph-hub-content{padding:23px!important}
.fph-main .fph-category-copy h3,.fph-main .fph-hub-content h3{font-weight:790!important;letter-spacing:-.048em!important;color:#1c392b!important}
.fph-main .fph-category-copy p,.fph-main .fph-hub-content p{color:#5f7265!important;line-height:1.73!important}
.fph-main .fph-category-links a,.fph-main .fph-hub-content nav a{color:#25613e!important;font-weight:770!important}
.fph-main .fph-tools{background:var(--fph-cream)!important}
.fph-main .fph-path,.fph-main .fph-hub-bottom{background:radial-gradient(ellipse at right top,#29543f,transparent 48%),#173a2b!important}
.fph-main .fph-guide-grid>a{border-radius:var(--fph-radius)!important;background:var(--fph-ivory)!important}
.fph-main .fph-guide-grid>a:hover{background:#fff!important;box-shadow:var(--fph-shadow)!important}
.fph-main .fph-trust,.fph-main .fph-hub-policy{background:var(--fph-cream)!important}
.fph-main .fph-hub-hero{background:radial-gradient(ellipse at 95% 0,#e2eadd,transparent 56%),var(--fph-ivory)!important}
.fp-library-main .fp-library-hero{background:radial-gradient(ellipse at right top,#e4edde,transparent 53%),var(--fph-ivory)!important}
.fp-library-main .fp-library-hero h1{font-weight:810!important}
.fp-library-main .fp-published-guide-card{background:#fff!important;border:1px solid #dfe8dd!important;border-radius:var(--fph-radius)!important;box-shadow:0 2px 9px #14331e08!important}
.fp-library-main .fp-published-guide-card:hover{border-color:#b4cbb5!important;box-shadow:var(--fph-shadow)!important}
.fp-library-main .fp-guide-filters .filter-btn.active,.fp-library-main .fp-guide-filters .filter-btn[aria-pressed=true]{background:var(--fph-forest)!important;border-color:var(--fph-forest)!important}
.fp-library-main .fp-library-trust{background:var(--fph-cream)!important}
.rh-hero{background:radial-gradient(ellipse at right top,#29553e,transparent 54%),#173929!important}
.rh-hero #rh-title{font-weight:800!important;letter-spacing:-.06em!important}
.rh-hero .rh-lead{line-height:1.78!important}
.fp-master-category-hub{background:var(--fph-ivory)!important}
.fp-master-category-hub .fp-hub-card{background:#fff!important;border-color:#dfe7da!important;border-radius:17px!important}
.fp-master-category-hub .fp-hub-card:hover{box-shadow:var(--fph-shadow)!important;transform:translateY(-2px)}
.fp-author-byline{box-shadow:none!important;border-radius:12px!important}
.fp-original-evidence,.fp-related-bottom{border-radius:var(--fph-radius)!important}
@media(max-width:1170px){#fp-nav-v2.fph-site-header .fn-primary{display:none!important}#fp-nav-v2.fph-site-header .fn-mobile{display:block!important}}
@media(max-width:690px){#fp-nav-v2.fph-site-header .fn-inner{min-height:65px!important}#fp-nav-v2.fph-site-header .fn-logo img{width:min(152px,36vw)!important}.fph-main .fph-shell{width:calc(100% - 34px)!important}.fph-main .fph-hero{padding:47px 0 38px!important}.fph-main .fph-hero h1,.fph-main .fph-hub-hero h1{font-size:clamp(44px,11vw,63px)!important}.fph-main .fph-section{padding:47px 0!important}.fph-main .fph-category-grid,.fph-main .fph-tools-grid{gap:13px!important}.fph-main .fph-category-image{height:215px!important}.fph-main .fph-category-copy,.fph-main .fph-hub-content{padding:20px!important}.fph-main .fph-hub-img{height:210px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}#fp-nav-v2 *,#fp-unified-footer *,.fph-main *,.fp-library-main *,.fp-master-category-hub *{transition:none!important;animation:none!important}.fph-main .fph-category-card:hover,.fph-main .fph-tool-card:hover{transform:none!important}}