body.gffs-design.source-recreation{background:#f5f7fa}
/* Shared usability corrections from the staging audit. */
body.gffs-design .entry-hero .entry-hero-container-inner{background-color:#007e7a}
body.gffs-design main :focus-visible,body.gffs-design #colophon :focus-visible{outline:3px solid #004e5a;outline-offset:3px}
body.gffs-design main [id]{scroll-margin-top:calc(var(--kat-header-height,94px) + 80px)}
body.gffs-design #colophon .hs-form-field>label{display:block!important;color:#004e5a;font-size:16px;margin-bottom:6px}
body.gffs-design .hbspt-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body.gffs-design .hbspt-form select,body.gffs-design .hbspt-form textarea{font-size:16px;min-height:44px}
body.gffs-design .hbspt-form .hs-form-field>label{display:block}
body.gffs-design .hbspt-form label>span{display:inline}
body.gffs-design .entry-header .printfriendly a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:64px;min-height:44px;color:#fff!important}
body.gffs-design .entry-header .printfriendly svg{width:24px;height:24px;stroke:currentColor}
body.gffs-design .gffs-motion-toggle{display:block;position:relative;z-index:2;margin:10px auto;background:#004e5a;color:#fff;min-height:44px;padding:8px 16px;font-size:14px;border-radius:4px}
body.gffs-design .brand-list.swiper-container,body.gffs-design .tips-tricks-grid.swiper-container,body.gffs-design .specialty-recipes-grid.swiper-container{display:block}
body.gffs-design .gffs-motion-toggle{align-self:start;justify-self:center;grid-column:1 / -1;height:auto}
body.gffs-design .swiper-pagination-bullet{width:12px;height:12px;margin-inline:7px!important}
@media(max-width:900px){body.gffs-design.gffs-sitewide .main-header .brand-link img{height:74px}body.gffs-design .main-header .mega-toggle,body.gffs-design .main-header .basic-menu-toggle{min-width:44px;min-height:44px}}
@media(max-width:600px){body.gffs-design .entry-header .printfriendly{float:none;position:static;display:block;width:max-content;margin:0 0 12px auto}body.gffs-design .entry-header .kadence-breadcrumbs{clear:both}body.gffs-design .hbspt-form label{font-size:16px}}
@media(prefers-reduced-motion:reduce){body.gffs-design *,body.gffs-design *::before,body.gffs-design *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body.gffs-sitewide .main-header .brand-link{flex-basis:250px}
body.gffs-sitewide .main-header .brand-link img{width:250px;height:93px;padding:0 20px}
body.gffs-sitewide .main-header .enquire-link{border:0;border-radius:0}
body.gffs-sitewide main .source-product-enquiry{display:inline-block;margin:22px 0;font:700 18px/1.6 tgn-soft-round,Arial,sans-serif;padding:7.2px 18px;border:0}
body.gffs-sitewide.source-recreation .entry-header h1{margin-bottom:0}
body.gffs-sitewide.source-recreation .wp-block-button:not(.is-style-outline)>.wp-block-button__link{color:#fff;background:#004e5a}
body.gffs-sitewide #gffs-enquiry .page-heading{background:#fff;padding:30px 24px 0}
body.gffs-sitewide #gffs-enquiry .enquiry-layout{max-width:none;padding:12px 24px 60px}
body.gffs-sitewide #gffs-enquiry .enquiry-box form{box-shadow:none;border:0;padding:0;background:transparent}
body.gffs-sitewide main .guide-connection{margin-bottom:20px}
body.gffs-sitewide .source-static-sidebar .swiper-slide{margin-bottom:20px}
body.gffs-sitewide .soft>.container{max-width:1200px;margin:auto}
body.gffs-sitewide #gffs-enquiry .entry-content{margin:0;padding:0}
body.gffs-sitewide #gffs-enquiry .enquiry-box{min-width:0}
body.gffs-sitewide #gffs-enquiry iframe{max-width:100%;width:100%}
body.gffs-sitewide #gffs-enquiry .enquiry-layout{align-items:start}
body.gffs-sitewide .guides-entry{max-width:1200px;margin:auto;padding:35px 24px}
body.gffs-sitewide .guides-entry .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.gffs-sitewide #colophon .footer-menu a{text-decoration:underline;text-underline-offset:4px;white-space:normal}
body.gffs-sitewide #archive-container img{object-fit:contain}
body.gffs-sitewide .product-archive-hero-section .guide-connections,body.gffs-sitewide .product-archive-hero-section .guide-connection{background:#edf5f3;color:#004e5a}
body.gffs-sitewide main .entry-hero .guide-connections a,body.gffs-sitewide main .entry-hero .guide-connection{color:#004e5a;text-decoration:underline}
@media(max-width:1100px){body.gffs-sitewide .main-header .brand-link{flex-basis:180px}body.gffs-sitewide .main-header .brand-link img{width:180px;padding-inline:0}}
@media(max-width:900px){body.gffs-sitewide .main-header .brand-link{flex-basis:165px}body.gffs-sitewide .main-header .brand-link img{width:165px}body.gffs-sitewide .main-header .enquire-link{border-radius:8px}body.gffs-sitewide .guides-entry .card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body.gffs-sitewide .guides-entry .card-grid{grid-template-columns:1fr}body.gffs-sitewide main .guide-connections{margin-inline:0;gap:12px}body.gffs-sitewide main .guide-connection{max-width:100%}body.gffs-sitewide .enquiry-layout{display:block}body.gffs-sitewide .enquiry-box{margin-top:24px}}

@media(max-width:600px){body.gffs-design.admin-bar .main-header{top:46px}}

/* Native HubSpot embeds use hubspot_form on the form itself. */
body.gffs-design .hubspot_form .hs-form-field>label{display:block;font-size:16px;margin-bottom:6px}
body.gffs-design .hubspot_form .hs-form-field>label>span{display:inline!important}
body.gffs-design .hubspot_form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),body.gffs-design .hubspot_form select,body.gffs-design .hubspot_form textarea{box-sizing:border-box;min-height:44px!important;height:auto;font-size:16px;line-height:1.5;padding:10px 12px!important;max-width:100%}
body.gffs-design .hubspot_form textarea{min-height:140px}
body.gffs-design .hubspot_form input[type=submit]{min-height:44px;padding:10px 20px;font-size:16px;font-weight:700;background:#004e5a;color:#fff;border:0;border-radius:4px;cursor:pointer}
body.gffs-design .hubspot_form .hs-form-field{margin-bottom:20px}
body.gffs-design .hubspot_form .hs-error-msg{color:#a32222;font-size:16px}
body.gffs-sitewide #gffs-enquiry .page-heading,body.gffs-sitewide #gffs-enquiry .enquiry-layout{max-width:1200px;margin-inline:auto}
body.gffs-design .product-category-extra-content:empty{display:none}
@media screen{body.gffs-design.pilot #colophon.site-footer{display:block}}
body.gffs-design.pilot #colophon>.footer-newsletter{padding:40px 24px 0;color:#fff}
body.gffs-design #colophon .current-menu-item>a{color:#fff!important;text-decoration:underline;text-underline-offset:4px}
body.gffs-design #colophon a:focus-visible{outline-color:#fff}
body.gffs-design #gffs-enquiry .breadcrumb span{font-size:14px}
body.gffs-design #gffs-enquiry .breadcrumb span::after{content:none}
/* Keep published file downloads visible across native page templates. */
body.gffs-design .wp-block-file__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;background:#004e5a;color:#fff;text-decoration:none;line-height:1.4}
body.gffs-design .wp-block-file__button:hover{background:#003d47;color:#fff}
/* Centred section dividers occupy their own row instead of covering the next heading. */
body.gffs-sitewide .element-single-replace>.horizontal-accent-band.center{position:static;width:100%;margin:20px 0 2px}
body.gffs-sitewide.single-expert .element-single-replace>.wp-block-kadence-column>.kt-inside-inner-col>h2.wp-block-kadence-advancedheading{margin-bottom:14px}
/* Native FAQ buttons retain the approved question styling and visible keyboard focus. */
body.gffs-sitewide button.gffs-faq-trigger{display:flex;align-items:center;width:100%;min-height:44px;margin:0;padding:10px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:start;box-shadow:none;cursor:pointer}
body.gffs-sitewide button.gffs-faq-trigger:hover{background:transparent;color:inherit}
body.gffs-sitewide button.gffs-faq-trigger:focus-visible{outline:3px solid #004e5a;outline-offset:3px}
/* Smush placeholders must fit the same media column as the loaded photo. */
body.gffs-sitewide .wp-block-media-text__media img{max-width:100%;height:auto}

/* Client review, 28 October. Scoped to staging design. */
body.gffs-design .product-card{position:relative}
body.gffs-design .product-card .product-copy>a:last-child:after{content:"";position:absolute;inset:0;z-index:1}
body.gffs-design .product-card:focus-within{outline:3px solid #075764;outline-offset:4px}
body.gffs-design .supply-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding-top:28px}
body.gffs-design .gffs-category-advice :is(h2,h3,h4,summary){color:#003f4b!important}
body.gffs-design .gffs-category-advice details{border-top:1px solid #ccdadd;padding:18px 0;display:block}
body.gffs-design .gffs-category-advice summary{cursor:pointer;font-size:20px;font-weight:700;line-height:1.4}
body.gffs-design .gffs-category-advice details p{margin:14px 0 0}
body.gffs-design .gffs-category-advice h3{margin-top:28px}
body.gffs-design :is(.product-filter,.resource-filter,.recipe-filter) select,
body.gffs-design select.product-categories-select{background-color:#fff;color:#003f4b;border:1px solid #96b2b8;border-radius:6px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;min-height:48px;padding:12px 38px 12px 16px;max-width:100%}
body.gffs-design :is(.product-filter,.resource-filter,.recipe-filter) select:focus{outline:3px solid #f2bc37;outline-offset:2px}
body.gffs-design .filter-toggle{background:#003f4b;color:#fff;border-radius:6px;font:inherit;padding:12px 22px}
body.gffs-design.gffs-polish table:is(.nutriinfo,.product-info) :is(th,td){font-size:16px!important;line-height:1.55!important;padding:12px 16px!important}
body.gffs-design .calculator-fields{grid-template-columns:1.35fr 1fr 1.4fr .8fr;align-items:start}
body.gffs-design .calculator-fields label{display:grid!important;grid-template-rows:3.1em auto auto;gap:8px;align-content:start;line-height:1.45}
body.gffs-design .calculator-fields label input{grid-row:2;margin:0;min-width:0;width:100%;height:48px}
body.gffs-design .calculator-fields label small{grid-row:3}
body.calculator-review .category-lead,body.calculator-review .category-lead .intro{width:100%;max-width:none}
body.rice-review .rice-guide-intro{width:100%!important;max-width:none!important}
body.rice-review .resource-hero-section{background:#edf4f4;padding:40px 0!important}
body.rice-review .resource-title{display:block!important;max-width:1160px;margin:auto}
body.rice-review .resource-title h1{color:#003f4b!important;font-size:clamp(34px,4vw,56px)!important;line-height:1.08!important;max-width:100%;text-transform:none}
body.rice-review .resource-title>figure:empty{display:none}
body.gffs-design .guide-hero{align-items:start!important;gap:32px!important}
body.gffs-design .guide-hero>div{border:0!important;padding:0!important}
body.gffs-design .guide-hero>div:before{display:none!important}
body.gffs-design .guide-hero .guide-intro{margin-top:20px;font-size:18px;line-height:1.6;max-width:none}
body.gffs-design #gffs-enquiry .enquiry-layout{grid-template-columns:1fr!important;gap:28px!important}
body.gffs-design #gffs-enquiry .enquiry-layout>div{max-width:none;width:100%}
body.gffs-design #gffs-enquiry .enquiry-box{padding:28px!important;width:100%;box-sizing:border-box}
body.gffs-design #gffs-enquiry :is(.hbspt-form,.hs-form,iframe){width:100%!important;max-width:100%!important}
body.gffs-design .gffs-feedback-nav{display:flex;flex-wrap:wrap;gap:12px 24px;max-width:1160px;margin:24px auto;padding:18px 24px;background:#edf4f4;border-radius:6px}
body.gffs-design .gffs-feedback-nav a{color:#003f4b;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){
body.gffs-design .calculator-fields{grid-template-columns:1fr 1fr}
body.gffs-design .calculator-fields label:first-child{grid-column:1/-1}
body.gffs-design #gffs-enquiry .enquiry-box{padding:18px!important}
body.gffs-design .gffs-feedback-nav{margin:18px;padding:16px;gap:16px}
body.gffs-design .supply-strip{justify-content:flex-start}
body.gffs-design.gffs-polish table:is(.nutriinfo,.product-info) :is(th,td){padding:10px!important}
}
@media(max-width:480px){body.gffs-design .calculator-fields{grid-template-columns:1fr}body.gffs-design .calculator-fields label{grid-template-rows:auto auto auto}}

body.gffs-design #gffs-enquiry form.hs-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;align-items:start}
body.gffs-design #gffs-enquiry form.hs-form>div{min-width:0}
body.gffs-design #gffs-enquiry form.hs-form>:is(.hs_message,.hs_preferred_distributor,.legal-consent-container,.hs_recaptcha,.hs_submit,.hs_error_rollup){grid-column:1/-1}
body.gffs-design #gffs-enquiry form.hs-form .hs-form-field{margin-bottom:0}
body.gffs-design #gffs-enquiry form.hs-form :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea){width:100%;box-sizing:border-box}
@media(max-width:640px){body.gffs-design #gffs-enquiry form.hs-form{grid-template-columns:1fr;gap:16px}}

body.rice-review .resource-hero-section .entry-hero-container-inner{background:#edf4f4!important}
body.rice-review .resource-hero-section .hero-section-overlay{display:none!important}
body.rice-review .resource-hero-section :is(.kadence-breadcrumbs,.kadence-breadcrumbs a,.printfriendly a){color:#003f4b!important}

body.rice-review .resource-hero-section .printfriendly svg{color:#003f4b!important;stroke:#003f4b!important}

/* Sam review 29 October. Shared page title treatment across staging. */
body.gffs-design :is(.entry-hero,.entry-hero-container-inner,.page-heading){background:#edf4f4!important}
body.gffs-design .entry-hero .hero-section-overlay{display:none!important}
body.gffs-design .entry-hero{padding:40px 0!important;min-height:0!important}
body.gffs-design .entry-hero .hero-container{max-width:1208px;margin-inline:auto;padding-inline:24px}
body.gffs-design .entry-hero .entry-header{max-width:1160px;margin-inline:auto}
body.gffs-design .page-heading{padding:40px max(24px,calc((100% - 1160px)/2))!important;max-width:none!important;margin:0!important}
body.gffs-design :is(.entry-hero,.page-heading) h1{color:#003f4b!important;font-size:clamp(34px,4vw,56px)!important;line-height:1.08!important;text-transform:none!important;letter-spacing:normal;max-width:100%;margin-block:18px 0!important}
body.gffs-design :is(.entry-hero,.page-heading) :is(.kadence-breadcrumbs,.kadence-breadcrumbs a,.breadcrumb,.breadcrumb a,.printfriendly a,.entry-taxonomies a){color:#003f4b!important}
body.gffs-design .entry-hero .printfriendly svg{color:#003f4b!important;stroke:#003f4b!important}
body.gffs-design .entry-taxonomies .category-style-pill a{color:#fff!important;background:#003f4b!important}
body.gffs-design.gffs-category .hero,body.gffs-design.pilot .hero{background:#edf4f4}
body.gffs-design :is(.gffs-category-main,.gffs-pilot)>.hero h1{color:#003f4b!important;font-size:clamp(34px,4vw,56px)!important;line-height:1.08!important;text-transform:none!important}
body.gffs-design .gffs-rice-header{display:grid;grid-template-columns:1.35fr 1fr;align-items:start;gap:32px;margin-top:28px}
body.gffs-design .gffs-rice-header .rice-guide-intro{font-size:18px;line-height:1.6;margin:0!important}
body.gffs-design .gffs-rice-header figure{margin:0!important;width:100%;max-width:none}
body.gffs-design .gffs-rice-header img{display:block;width:100%!important;max-width:100%!important;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
/* The source image contains a narrow teal edge. Clip only that edge. */
body.gffs-design .guide-hero>img{clip-path:inset(0 0 0 3px round 8px)}
@media(max-width:767px){
body.gffs-design .entry-hero{padding:28px 0!important}
body.gffs-design .page-heading{padding:28px 24px!important}
body.gffs-design .gffs-rice-header{grid-template-columns:1fr;gap:24px;margin-top:24px}
}

/* Sam feedback, 29 October. Readable shared headers and intact FAQ icons. */
body.gffs-design .entry-hero .archive-description,
body.gffs-design .entry-hero .archive-description :is(p,a,strong,span){color:#003f4b!important}
/* Let the title use the available row instead of balancing short lines. */
body.gffs-design.rice-review .resource-title h1.entry-title{width:100%;max-width:none;text-wrap:wrap;clear:both}
/* CSS content requires Unicode escapes, not HTML character entities. */
body.home.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-icon::after{content:"\25B6"!important}
body.home.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-icon-active::after{content:"\25BC"!important}
body.home.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-faq-icon-wrap{color:#003f4b;flex:0 0 20px;width:20px;text-align:center}
body.home.gffs-sitewide .wpsp-faq-layout-accordion button.gffs-faq-trigger{gap:12px;padding:16px 18px;color:#003f4b;line-height:1.5}
body.home.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-question{color:inherit;flex:1;min-width:0}
body.home.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-faq-content{color:#003f4b;padding:0 18px 16px 50px}
@media(max-width:600px){
body.home.gffs-sitewide .wpsp-faq-layout-accordion button.gffs-faq-trigger{padding:14px 12px;gap:10px}
body.home.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-faq-content{padding:0 12px 14px 42px}
}

/* Keep FAQ visibility in sync during rapid native slide transitions. */
body.home.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-faq-content[aria-hidden="true"]{display:none!important}
body.home.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-faq-content[aria-hidden="false"]{display:block!important;height:auto!important;overflow:visible!important;padding:0 18px 16px 50px!important;margin:0!important;transition:none!important}
@media(max-width:600px){body.home.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-faq-content[aria-hidden="false"]{padding:0 12px 14px 42px!important}}

/* Sam's 30 October review. Keep header groups compact without joining title and copy. */
body.gffs-design :is(.expert-hero-section,.expert-archive-hero-section,.resource-archive-hero-section){padding:40px 0 32px!important}
body.gffs-design :is(.expert-hero-section,.expert-archive-hero-section,.resource-archive-hero-section) .entry-hero-container-inner{padding-block:0!important}
body.gffs-design :is(.expert-hero-section,.expert-archive-hero-section,.resource-archive-hero-section) .hero-container .entry-header{padding-block:0!important}
body.gffs-design :is(.expert-hero-section,.expert-archive-hero-section,.resource-archive-hero-section) h1{margin-bottom:20px!important}
body.gffs-design :is(.expert-hero-section,.expert-archive-hero-section,.resource-archive-hero-section) .archive-description>p:last-child{margin-bottom:0}
body.gffs-design :is(.expert-hero-section,.expert-archive-hero-section) .entry-header>.wp-block-buttons{margin-top:20px}

/* Pagination, motion control and the following CTA each occupy their own row. */
body.gffs-design.single-expert .swiper-container[data-gffs-motion-ready]{height:auto;overflow:hidden;padding-bottom:20px}
body.gffs-design.single-expert .swiper-container[data-gffs-motion-ready]>.swiper-wrapper{height:auto}
body.gffs-design.single-expert .swiper-container[data-gffs-motion-ready]>.swiper-pagination{position:relative!important;inset:auto!important;transform:none!important;margin:16px auto 0!important}
body.gffs-design.single-expert .swiper-container[data-gffs-motion-ready]>.gffs-motion-toggle{margin:16px auto 0;clear:both}

/* The legacy FAQ stylesheet emits escaped entity text instead of an arrow. */
body.single-expert.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-faq-icon-wrap{color:#003f4b;flex:0 0 20px;width:20px;margin:0;text-align:center}
body.single-expert.gffs-sitewide .wpsp-faq-layout-accordion :is(.wpsp-icon,.wpsp-icon-active)::after{content:""!important;display:inline-block;width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg);vertical-align:middle}
body.single-expert.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-icon-active::after{transform:rotate(45deg)}
body.single-expert.gffs-sitewide .wpsp-faq-layout-accordion button.gffs-faq-trigger{gap:12px;padding:16px 18px;color:#003f4b;line-height:1.5}
body.single-expert.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-question{color:inherit;flex:1;min-width:0}
body.single-expert.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-faq-content{color:#003f4b}
body.single-expert.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-faq-content[aria-hidden="true"]{display:none!important}
body.single-expert.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-faq-content[aria-hidden="false"]{display:block!important;height:auto!important;overflow:visible!important;padding:0 18px 16px 50px!important;margin:0!important;transition:none!important}
@media(max-width:600px){
body.gffs-design :is(.expert-hero-section,.expert-archive-hero-section,.resource-archive-hero-section){padding:28px 0 24px!important}
body.single-expert.gffs-sitewide .wpsp-faq-layout-accordion button.gffs-faq-trigger{padding:14px 12px;gap:10px}
body.single-expert.gffs-sitewide .wpsp-faq-layout-accordion .wpsp-faq-content[aria-hidden="false"]{padding:0 12px 14px 42px!important}
}

/* Separate page titles from the category links in every shared hero template. */
body.gffs-design .entry-hero .entry-header h1 + .entry-taxonomies{margin-block-start:20px!important}

/* 2.3.40: About, Recipes, Expert Hubs and Promotions toggles use the same CSS chevron as Products and Resources, so every arrow sits beside its label (Sam, 9 Nov) */
body.gffs-design .main-header .basic-menu-toggle{font-size:0;line-height:0}
body.gffs-design .main-header .basic-menu-toggle>span{display:none}
body.gffs-design .main-header .basic-menu-toggle:after{content:"";display:block;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
body.gffs-design .show-changes .basic-menu-toggle{color:var(--ink)!important}