/* Sugargoo Supply conversion and scorecard layout, 2026-08-08 */
.supply-score-depth,.supply-starts,.supply-page-cta,.supply-guide-note{
  max-width:1080px;margin:34px auto;padding:24px;background:#fff;border:1px solid #d8eee4;border-radius:10px;box-shadow:none
}
.supply-score-depth h2,.supply-starts h2{margin:0 0 12px;font-size:clamp(26px,3.2vw,42px);line-height:1.1;color:#102d2a}
.supply-score-depth p,.supply-starts p,.supply-guide-note p{line-height:1.65;color:#3e5b54}
.score-grid,.supply-start-grid,.supply-risk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}
.score-grid article,.supply-start-grid a,.supply-risk-grid article{padding:16px;border:1px solid #d8eee4;border-radius:8px;background:#f7fffb;text-decoration:none;color:#102d2a}
.score-grid h3,.supply-risk-grid h3{margin:0 0 8px;font-size:18px}
.score-pill{display:inline-flex;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#12b76a;color:#fff;font-weight:900;font-size:12px}
.supply-link-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid #d8eee4}
.supply-link-row a,.supply-page-cta a,.supply-start-grid a strong{font-weight:900}
.supply-link-row a,.supply-page-cta a{display:inline-flex;padding:10px 14px;border-radius:999px;background:#12b76a;color:#fff!important;text-decoration:none}
.supply-link-row a.secondary{background:#fff;color:#08764f!important;border:1px solid #cfeee0}
.supply-page-cta{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#f4fff8}
.supply-page-cta p{margin:6px 0 0}
.category-grid a small{display:block;margin-top:6px;font-size:13px;line-height:1.35;color:#58706a;font-weight:700}
body:not(.sugargoo-supplynet-hero-fix) main,body:not(.sugargoo-supplynet-hero-fix) .wrap{max-width:1080px!important}
@media(max-width:760px){.supply-score-depth,.supply-starts,.supply-page-cta,.supply-guide-note{margin:24px 14px;padding:18px}.supply-page-cta{display:block}.supply-page-cta a{margin-top:12px}}


/* Category 3D icons and flat centered subpage polish, 2026-08-08 */
.supply-icon-grid{
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:16px!important;
}
.supply-icon-grid a{
  min-height:138px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-template-areas:"icon title" "icon note"!important;
  align-items:center!important;
  column-gap:14px!important;
  padding:18px!important;
  text-align:left!important;
  background:linear-gradient(145deg,#fff,#f7fffb)!important;
  border:1px solid #d8eee4!important;
  border-radius:12px!important;
  box-shadow:0 10px 24px rgba(0,90,60,.05)!important;
}
.supply-icon-grid a:hover{border-color:#12b76a!important;transform:translateY(-1px)}
.supply-3d-icon{
  grid-area:icon;
  width:58px;
  height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:radial-gradient(circle at 30% 25%,#ffffff,#e9fff5 54%,#c8f5df);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 22px rgba(0,120,80,.16);
  font-size:30px;
  line-height:1;
}
.supply-icon-grid strong{grid-area:title;font-size:17px;line-height:1.2;color:#082a25}
.supply-icon-grid small{grid-area:note;margin:4px 0 0!important;color:#58706a!important;font-weight:700!important}
body:not(.sugargoo-supplynet-hero-fix){
  background:#fffaf5!important;
}
body:not(.sugargoo-supplynet-hero-fix) .sg-hero,
body:not(.sugargoo-supplynet-hero-fix) .hero,
body:not(.sugargoo-supplynet-hero-fix) .sg-section,
body:not(.sugargoo-supplynet-hero-fix) .section,
body:not(.sugargoo-supplynet-hero-fix) .score-table,
body:not(.sugargoo-supplynet-hero-fix) .supply-score-depth,
body:not(.sugargoo-supplynet-hero-fix) .supply-page-cta{
  max-width:1080px!important;
  width:calc(100% - 40px)!important;
  margin:22px auto!important;
  padding:24px!important;
  background:#fff!important;
  border:1px solid #eadfd4!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body:not(.sugargoo-supplynet-hero-fix) .sg-grid,
body:not(.sugargoo-supplynet-hero-fix) .grid,
body:not(.sugargoo-supplynet-hero-fix) .score-table .role-grid,
body:not(.sugargoo-supplynet-hero-fix) .supply-risk-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
body:not(.sugargoo-supplynet-hero-fix) .sg-card,
body:not(.sugargoo-supplynet-hero-fix) .card,
body:not(.sugargoo-supplynet-hero-fix) .panel,
body:not(.sugargoo-supplynet-hero-fix) .role-grid>div,
body:not(.sugargoo-supplynet-hero-fix) .supply-risk-grid article{
  padding:16px!important;
  background:#fffaf6!important;
  border:1px solid #eadfd4!important;
  border-radius:8px!important;
  box-shadow:none!important;
  min-height:0!important;
}
body:not(.sugargoo-supplynet-hero-fix) h1{
  max-width:860px!important;
  margin:8px 0 12px!important;
  font-size:clamp(34px,4vw,52px)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
}
body:not(.sugargoo-supplynet-hero-fix) p,
body:not(.sugargoo-supplynet-hero-fix) li{line-height:1.65}
body:not(.sugargoo-supplynet-hero-fix) .supply-page-cta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:#f4fff8!important;
  border-color:#cfeee0!important;
}
@media(max-width:760px){
  .supply-icon-grid{grid-template-columns:1fr!important}
  .supply-icon-grid a{min-height:auto!important}
  body:not(.sugargoo-supplynet-hero-fix) .sg-hero,
  body:not(.sugargoo-supplynet-hero-fix) .hero,
  body:not(.sugargoo-supplynet-hero-fix) .sg-section,
  body:not(.sugargoo-supplynet-hero-fix) .section,
  body:not(.sugargoo-supplynet-hero-fix) .score-table,
  body:not(.sugargoo-supplynet-hero-fix) .supply-score-depth,
  body:not(.sugargoo-supplynet-hero-fix) .supply-page-cta{width:calc(100% - 24px)!important;padding:18px!important}
}


/* Hard override for mixed legacy subpage templates, 2026-08-08 */
html body:not(.sugargoo-supplynet-hero-fix){
  background:#fffaf5!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .top{
  background:#fff!important;
  border-bottom:1px solid #e4eee9!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .top .wrap{
  max-width:1080px!important;
  width:calc(100% - 40px)!important;
  padding:0!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .hero,
html body:not(.sugargoo-supplynet-hero-fix) .section{
  max-width:1080px!important;
  width:calc(100% - 40px)!important;
  margin:22px auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .hero > .wrap,
html body:not(.sugargoo-supplynet-hero-fix) .section > .wrap,
html body:not(.sugargoo-supplynet-hero-fix) .sg-hero,
html body:not(.sugargoo-supplynet-hero-fix) .sg-section,
html body:not(.sugargoo-supplynet-hero-fix) .score-table,
html body:not(.sugargoo-supplynet-hero-fix) .supply-score-depth,
html body:not(.sugargoo-supplynet-hero-fix) .supply-page-cta{
  max-width:1080px!important;
  width:100%!important;
  margin:0 auto 22px!important;
  padding:24px!important;
  background:#fff!important;
  border:1px solid #eadfd4!important;
  border-radius:10px!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .section > .wrap.grid,
html body:not(.sugargoo-supplynet-hero-fix) .grid,
html body:not(.sugargoo-supplynet-hero-fix) .sg-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .panel,
html body:not(.sugargoo-supplynet-hero-fix) .sg-card{
  min-height:0!important;
  padding:18px!important;
  border-radius:8px!important;
  border:1px solid #eadfd4!important;
  background:#fffaf6!important;
  box-shadow:none!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .section > .wrap:not(.grid){
  display:block!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .section > .wrap:not(.grid) details{
  width:100%!important;
  box-sizing:border-box!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .score-table,
html body:not(.sugargoo-supplynet-hero-fix) .supply-score-depth,
html body:not(.sugargoo-supplynet-hero-fix) .supply-page-cta{
  width:calc(100% - 40px)!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .supply-score-depth{
  margin-top:22px!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .supply-page-cta{
  margin-bottom:42px!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .lead{
  max-width:760px!important;
}
html body:not(.sugargoo-supplynet-hero-fix) .checks li{
  background:#effaf6!important;
  border:1px solid #dff4ec!important;
  border-radius:8px!important;
}
html body:not(.sugargoo-supplynet-hero-fix) footer .wrap,
html body:not(.sugargoo-supplynet-hero-fix) .legal{
  max-width:1080px!important;
  width:calc(100% - 40px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
@media(max-width:760px){
  html body:not(.sugargoo-supplynet-hero-fix) .top .wrap,
  html body:not(.sugargoo-supplynet-hero-fix) .hero,
  html body:not(.sugargoo-supplynet-hero-fix) .section,
  html body:not(.sugargoo-supplynet-hero-fix) .score-table,
  html body:not(.sugargoo-supplynet-hero-fix) .supply-score-depth,
  html body:not(.sugargoo-supplynet-hero-fix) .supply-page-cta,
  html body:not(.sugargoo-supplynet-hero-fix) footer .wrap,
  html body:not(.sugargoo-supplynet-hero-fix) .legal{
    width:calc(100% - 24px)!important;
  }
  html body:not(.sugargoo-supplynet-hero-fix) .hero > .wrap,
  html body:not(.sugargoo-supplynet-hero-fix) .section > .wrap,
  html body:not(.sugargoo-supplynet-hero-fix) .sg-hero,
  html body:not(.sugargoo-supplynet-hero-fix) .sg-section,
  html body:not(.sugargoo-supplynet-hero-fix) .score-table,
  html body:not(.sugargoo-supplynet-hero-fix) .supply-score-depth,
  html body:not(.sugargoo-supplynet-hero-fix) .supply-page-cta{
    padding:18px!important;
  }
}