
/* Force all legacy guide/category subpages into a centered flat layout, 2026-08-08 */
*{box-sizing:border-box}
html,body{margin:0!important;overflow-x:hidden!important;background:#fffaf5!important;color:#10241f!important}
body{font-family:Inter,Arial,sans-serif!important;line-height:1.62!important;text-align:left!important}
a{color:inherit}
header,.top,nav{width:100%!important;background:#fff!important;border-bottom:1px solid rgba(0,120,80,.14)!important}
header .wrap,.top .wrap,nav .wrap,.nav-wrap{max-width:1120px!important;width:calc(100% - 40px)!important;margin:0 auto!important;padding:0 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
main{width:100%!important;margin:0!important;padding:0 0 56px!important;display:block!important}
main>*,body>section,body>.hero,body>.section,body>.wrap:not(header .wrap):not(.top .wrap),.hero,.section,.seo-depth,.score-table,.supply-score-depth,.supply-page-cta{max-width:1120px!important;width:calc(100% - 40px)!important;margin:24px auto!important;padding:28px!important;border:1px solid rgba(220,100,20,.18)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;float:none!important;position:relative!important;left:auto!important;right:auto!important;transform:none!important;text-align:left!important;min-height:0!important}
.hero,main>.hero,body>.hero{padding:42px 28px!important;text-align:center!important}
.hero h1,.sg-hero h1,h1{font-size:clamp(34px,5vw,56px)!important;line-height:1.05!important;margin:8px auto 18px!important;max-width:980px!important;text-align:center!important;letter-spacing:0!important}
.hero p,.sg-hero p{max-width:820px!important;margin:0 auto 18px!important;text-align:center!important;font-size:18px!important;color:#5b463d!important}
.eyebrow,.kicker,.hero .tag,main .tag:first-child{display:block!important;text-align:center!important;color:#009767!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important;margin:0 auto 10px!important}
.grid,.section>.wrap.grid,.wrap.grid,.cards,.seo-grid,.sg-grid{max-width:1120px!important;width:calc(100% - 40px)!important;margin:24px auto!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:16px!important;padding:0!important;background:transparent!important;border:0!important}
.grid>* ,.cards>* ,.seo-grid>* ,.sg-grid>* ,.panel,.card,.sg-card,article{min-width:0!important;width:100%!important;margin:0!important;padding:22px!important;border:1px solid rgba(220,100,20,.18)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;text-align:left!important}
.section>.wrap:not(.grid),.hero>.wrap{max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
h2{font-size:clamp(24px,3vw,34px)!important;line-height:1.16!important;margin:0 0 16px!important;letter-spacing:0!important;text-align:left!important}
h3{font-size:18px!important;line-height:1.25!important;margin:16px 0 10px!important;text-align:left!important}
p,li{font-size:16px!important;color:#284942!important;text-align:left!important;max-width:none!important}
ul,ol{padding-left:22px!important;margin:12px 0!important;text-align:left!important;list-style-position:outside!important}
li{margin:8px 0!important;padding-left:2px!important}
.badges,.chips,.actions,.hero .actions,.cta-row{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important;justify-content:flex-start!important;margin-top:18px!important}
.hero .actions{justify-content:center!important}
.btn,.button,a.button,a.btn,.actions a,.cta-row a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px 18px!important;border-radius:999px!important;text-decoration:none!important;font-weight:800!important;border:1px solid rgba(255,102,0,.35)!important;background:#ff6500!important;color:#fff!important;line-height:1.15!important;white-space:normal!important;text-align:center!important}
.btn.secondary,.button.secondary,a.secondary{background:#fff!important;color:#d94f00!important}
table{width:100%!important;border-collapse:collapse!important;background:#fff!important}th,td{padding:14px!important;border:1px solid #eee!important;text-align:left!important;vertical-align:top!important}
.faq details,details{width:100%!important;margin:10px 0!important;padding:16px!important;border:1px solid rgba(0,120,80,.15)!important;border-radius:8px!important;background:#fff!important}
footer{width:100%!important;margin:0!important;padding:28px 20px!important;text-align:center!important;background:#effff8!important;border-top:1px solid rgba(0,120,80,.13)!important}
@media(max-width:720px){header .wrap,.top .wrap,nav .wrap,.nav-wrap,main>*,body>section,body>.hero,body>.section,body>.wrap:not(header .wrap):not(.top .wrap),.hero,.section,.seo-depth,.score-table,.supply-score-depth,.supply-page-cta,.grid,.section>.wrap.grid,.wrap.grid,.cards,.seo-grid,.sg-grid{width:calc(100% - 24px)!important;margin:14px auto!important}.hero,main>.hero,body>.hero,main>*,body>section,body>.section{padding:22px!important}.hero h1,.sg-hero h1,h1{font-size:34px!important}.hero p,.sg-hero p,p,li{font-size:15px!important}.grid,.cards,.seo-grid,.sg-grid{grid-template-columns:1fr!important}.badges,.chips,.actions,.hero .actions,.cta-row{justify-content:center!important}.btn,.button,a.button,a.btn,.actions a,.cta-row a{width:auto!important;max-width:100%!important}}

/* No-box article layout for all subpages, 2026-08-08 */
html,body{background:#fffaf5!important;color:#10241f!important}
body.supply-flat-page main,body.supply-flat-page{overflow-x:hidden!important}
body.supply-flat-page header,body.supply-flat-page .top,body.supply-flat-page nav{background:#fff!important;border-bottom:1px solid rgba(0,120,80,.12)!important}
body.supply-flat-page header .wrap,body.supply-flat-page .top .wrap,body.supply-flat-page nav .wrap,body.supply-flat-page .nav-wrap{max-width:980px!important;width:calc(100% - 40px)!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}
body.supply-flat-page main{max-width:980px!important;width:calc(100% - 40px)!important;margin:0 auto!important;padding:26px 0 70px!important;background:transparent!important}
body.supply-flat-page main>*,body.supply-flat-page .hero,body.supply-flat-page .section,body.supply-flat-page .seo-depth,body.supply-flat-page .score-table,body.supply-flat-page .supply-score-depth,body.supply-flat-page .supply-page-cta{max-width:980px!important;width:100%!important;margin:0 auto 42px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
body.supply-flat-page .hero,body.supply-flat-page main>.hero{padding:34px 0 28px!important;border-bottom:1px solid rgba(0,120,80,.14)!important;text-align:left!important}
body.supply-flat-page .hero h1,body.supply-flat-page .sg-hero h1,body.supply-flat-page h1{font-size:clamp(38px,5vw,58px)!important;line-height:1.04!important;max-width:980px!important;margin:8px 0 18px!important;text-align:left!important}
body.supply-flat-page .hero p,body.supply-flat-page .sg-hero p{max-width:760px!important;margin:0 0 12px!important;text-align:left!important;font-size:18px!important;color:#5b463d!important}
body.supply-flat-page .eyebrow,body.supply-flat-page .kicker,body.supply-flat-page .hero .tag,body.supply-flat-page main .tag:first-child{text-align:left!important;margin:0 0 10px!important;letter-spacing:.14em!important;color:#009767!important}
body.supply-flat-page .grid,body.supply-flat-page .section>.wrap.grid,body.supply-flat-page .wrap.grid,body.supply-flat-page .cards,body.supply-flat-page .seo-grid,body.supply-flat-page .sg-grid{max-width:980px!important;width:100%!important;margin:0 auto 42px!important;padding:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px 46px!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.supply-flat-page .grid>*,body.supply-flat-page .cards>*,body.supply-flat-page .seo-grid>*,body.supply-flat-page .sg-grid>*,body.supply-flat-page .panel,body.supply-flat-page .card,body.supply-flat-page .sg-card,body.supply-flat-page article{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
body.supply-flat-page .section>.wrap:not(.grid),body.supply-flat-page .hero>.wrap{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
body.supply-flat-page h2{font-size:clamp(26px,3vw,36px)!important;line-height:1.12!important;margin:0 0 16px!important;text-align:left!important}
body.supply-flat-page h3{font-size:18px!important;margin:18px 0 10px!important;text-align:left!important}
body.supply-flat-page p,body.supply-flat-page li{font-size:16px!important;line-height:1.72!important;color:#284942!important;text-align:left!important}
body.supply-flat-page ul,body.supply-flat-page ol{padding-left:22px!important;margin:14px 0 0!important;list-style-position:outside!important}
body.supply-flat-page li{margin:8px 0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
body.supply-flat-page li strong{font-weight:800!important;color:#10241f!important}
body.supply-flat-page .badges,body.supply-flat-page .chips,body.supply-flat-page .actions,body.supply-flat-page .hero .actions,body.supply-flat-page .cta-row{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:12px!important;margin:20px 0 0!important}
body.supply-flat-page .btn,body.supply-flat-page .button,body.supply-flat-page a.button,body.supply-flat-page a.btn,body.supply-flat-page .actions a,body.supply-flat-page .cta-row a{border-radius:999px!important;border:1px solid rgba(255,102,0,.35)!important;background:#ff6500!important;color:#fff!important;padding:10px 18px!important;min-height:42px!important;font-weight:800!important;text-decoration:none!important}
body.supply-flat-page .btn.secondary,body.supply-flat-page .button.secondary,body.supply-flat-page a.secondary{background:transparent!important;color:#d94f00!important}
body.supply-flat-page details,body.supply-flat-page .faq details{border:0!important;border-top:1px solid rgba(0,120,80,.14)!important;border-radius:0!important;background:transparent!important;padding:16px 0!important;margin:0!important}
body.supply-flat-page table{background:transparent!important;border-collapse:collapse!important;width:100%!important}body.supply-flat-page th,body.supply-flat-page td{border:0!important;border-bottom:1px solid rgba(0,120,80,.13)!important;padding:14px 8px!important;text-align:left!important}
body.supply-flat-page .supply-page-cta{padding:24px 0 0!important;border-top:1px solid rgba(0,120,80,.14)!important}
body.supply-flat-page footer{background:#effff8!important;border-top:1px solid rgba(0,120,80,.12)!important;text-align:center!important}
@media(max-width:760px){body.supply-flat-page header .wrap,body.supply-flat-page .top .wrap,body.supply-flat-page nav .wrap,body.supply-flat-page .nav-wrap,body.supply-flat-page main{width:calc(100% - 28px)!important}body.supply-flat-page .grid,body.supply-flat-page .section>.wrap.grid,body.supply-flat-page .wrap.grid,body.supply-flat-page .cards,body.supply-flat-page .seo-grid,body.supply-flat-page .sg-grid{grid-template-columns:1fr!important;gap:28px!important}body.supply-flat-page .hero h1,body.supply-flat-page h1{font-size:34px!important}body.supply-flat-page .hero p,body.supply-flat-page p,body.supply-flat-page li{font-size:15px!important}}
