:root{
  --brand:#02d43b;
  --brand-dark:#00a92e;
  --brand-soft:#e9fbed;
  --brand-faint:#f4fcf6;
  --ink:#24272b;
  --text:#50585d;
  --muted:#626b66;
  --page:#f2f8f4;
  --surface:#ffffff;
  --surface-alt:#f7f8fa;
  --border:#e2e6e9;
  --dark:#171918;
  --radius:12px;
  --shadow:0 2px 8px rgba(20,25,22,.08);
  --shadow-lg:0 10px 28px rgba(20,25,22,.10);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--page);color:var(--ink);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:inherit;color:var(--ink);line-height:1.22;letter-spacing:-.02em}
p{color:var(--text)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}
.skip-link{position:fixed;left:18px;top:12px;z-index:200;transform:translateY(-160%);background:var(--dark);color:#fff;border-radius:6px;padding:9px 14px;font-weight:700;box-shadow:var(--shadow)}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #087d31;outline-offset:3px}
section[id]{scroll-margin-top:88px}

/* Header */
header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);box-shadow:0 1px 5px rgba(20,25,22,.05);backdrop-filter:blur(8px)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-weight:800;font-size:24px;letter-spacing:-.035em;white-space:nowrap}
.logo-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:11px;background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(2,212,59,.24)}
.logo-mark svg{width:25px;height:25px;stroke:currentColor!important}
.logo-text{display:inline-block}
.menu{display:flex;align-items:center;gap:6px}
.menu>a:not(.btn),.nav-dropdown-toggle{display:inline-flex;align-items:center;min-height:42px;padding:0 13px;border:0;background:transparent;color:#3f4449;font-weight:600;font-size:14px;border-radius:6px;cursor:pointer}
.menu>a:not(.btn):hover,.menu>a.active,.nav-dropdown-toggle:hover,.nav-dropdown-toggle.active,.nav-item.open>.nav-dropdown-toggle{color:var(--ink);background:#e4f9ea}
.menu>a.active{box-shadow:inset 0 -2px var(--brand)}
.nav-item{position:relative}
.nav-dropdown-toggle{gap:6px}
.dropdown-chevron{font-size:12px;transition:transform .15s ease}
.nav-item.open .dropdown-chevron{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% + 9px);left:0;width:300px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 28px rgba(20,25,22,.14);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.15s;z-index:90}
.nav-item.open>.nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown a{display:block;padding:10px 11px;border-radius:6px;color:#3f454a;font-size:14px;font-weight:600}
.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:#e4f9ea;color:#08762d}
.nav-dropdown a strong,.nav-dropdown a small{display:block}
.nav-dropdown a small{margin-top:2px;color:#626b66;font-size:11.5px;font-weight:500;line-height:1.4}
.ingredients-dropdown{width:390px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.ingredients-nav>.nav-dropdown{left:auto;right:0}
.nav-toggle{display:none;margin-left:auto;padding:8px;border:0;background:transparent;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;margin:4px 0;border-radius:2px;background:var(--ink)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:11px 24px;border:0;border-radius:999px;font-weight:750;font-size:14px;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-green{background:var(--brand);color:#06280f;box-shadow:none}
.btn-green:hover{background:#05c83a;box-shadow:0 5px 14px rgba(2,212,59,.22)}
.btn-dark{background:var(--dark);color:#fff}
.btn-dark:hover{background:#000}
.btn-outline{background:#fff;color:var(--ink);border:1px solid var(--border)}
.btn-outline:hover{border-color:var(--brand);color:#08722d}
.btn-lg{min-height:50px;padding:13px 30px;font-size:15px}
.btn-block{width:100%}
.header-cta{min-height:42px!important;padding:9px 22px!important;margin-left:8px;font-weight:500!important}

/* Hero */
.hero{position:relative;overflow:hidden;background:#f2f8f4;text-align:center;padding:68px 0 74px}
.hero .wrap{position:relative;z-index:2}
.hero .blob{position:absolute;border-radius:50%;filter:none;opacity:.72}
.b1{width:110px;height:110px;left:5%;top:34px;background:#ddf4e3}
.b2{width:180px;height:150px;left:2%;bottom:-24px;background:#e4f6e8;border-radius:52% 48% 58% 42%}
.b3{width:88px;height:88px;right:8%;top:58px;background:#ddf4e3}
.b4{width:145px;height:120px;right:4%;bottom:-5px;background:#e4f6e8;border-radius:45% 55% 52% 48%}
.hero h1{max-width:900px;margin:0 auto 22px;font-size:46px;font-weight:800;text-wrap:balance}
.hero .lede{max-width:810px;margin:0 auto 18px;color:#40464b;font-size:17px;line-height:1.65}
.hero .sub{max-width:780px;margin:0 auto 28px;color:#626a71;font-size:16px;line-height:1.7}
.home-hero{display:flex;align-items:center;min-height:650px;padding:88px 0 96px}
.home-hero h1{max-width:1030px;margin-bottom:28px;font-size:clamp(48px,4vw,62px);line-height:1.12}
.home-hero .lede{max-width:850px;margin-bottom:20px;color:#26352d;font-size:18px;line-height:1.62}
.home-hero .sub{max-width:820px;margin-bottom:34px;font-size:17px}
.inner-hero{padding:56px 0 62px}
.inner-hero h1{font-size:43px}
.resource-hero{padding:58px 0 64px}
.resource-hero h1{max-width:900px;font-size:44px}
.resource-hero .lede{max-width:860px}
.resource-hero .sub{max-width:800px}
.printable-hero h1{max-width:820px}
.compact-hero{padding:46px 0 50px}
.compact-hero h1{font-size:42px;margin-bottom:14px}
.compact-hero .sub{margin-bottom:0}
.hero-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.hero-cta .btn{flex:0 0 240px}
.breadcrumbs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;color:#697177;font-size:13px}
.breadcrumbs a{color:#08762d;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:#08752d;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.hero-eyebrow:before{content:"";width:20px;height:3px;background:var(--brand)}
.download-note{max-width:620px;margin:13px auto 0;color:#70777d;font-size:12.5px}
.print-download-actions{width:min(720px,100%);margin:0 auto;justify-content:center}
.print-download-actions .btn:first-child{flex:0 1 220px}
.print-download-actions .btn-download-tip{flex:0 1 460px;background:#fff;color:var(--ink);border:1px solid var(--border);box-shadow:var(--shadow)}
.print-download-actions .btn-download-tip:hover{background:#e4f9ea;border-color:#c9e9d2;box-shadow:0 6px 16px rgba(20,40,28,.09)}

/* Section architecture */
.sec{padding:30px 0;background:var(--page)}
.soft-bg{background:var(--page)}
.tool-section{padding:42px 0 54px;background:#fff}
.showcase-section{padding:48px 0;background:#fff}
.showcase-section.soft-bg{background:var(--page)}
.content-section>.wrap{padding:38px 40px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.content-section>.wrap>.panel:only-child{padding:0!important;background:transparent;border:0;box-shadow:none}
.content-section.data-section>.wrap{border-top:4px solid var(--brand)}
.content-section.composite-section{padding:44px 0}
.content-section.composite-section>.wrap{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.composite-section .split>.panel,.composite-section .split>.card{background:#fff;box-shadow:var(--shadow)}
.composite-section .hl-card{padding:34px 36px;background:#fff;border:1px solid var(--border);border-top:4px solid var(--brand);box-shadow:var(--shadow)}
.composite-section .print-band{padding:30px 34px;background:#fff;border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:var(--radius);box-shadow:var(--shadow)}
.composite-section .faq{gap:12px}
.composite-section .qa{box-shadow:0 1px 4px rgba(20,25,22,.06)}
.source-box-section{padding:30px 0;background:var(--page)}
.h2wrap{display:flex;flex-direction:column;gap:8px;margin-bottom:27px}
.h2center{align-items:center;text-align:center}
.h2wrap h2{font-size:31px;font-weight:800;text-wrap:balance}
.bar{padding-left:15px;border-left:4px solid var(--brand)}
.bar h2{font-size:29px;font-weight:800}
.sub-lead{max-width:720px;color:#737a80;font-size:15px}
.section-intro{max-width:850px;margin:-11px 0 23px;color:#697177;font-size:15px}
.table-note{margin-top:13px;color:#747b81;font-size:12.5px}
.data-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}
.data-heading-row .h2wrap{margin-bottom:0}
.source-pdf-cta{flex:0 0 auto;min-width:210px}

/* Grids and cards */
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid>*,.split>*,.amount-detail-grid>*{min-width:0}
.card,.panel,.conv-card,.source-box,.amount-check-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.card:hover{transform:translateY(-2px);border-color:#cbd4cf;box-shadow:0 7px 18px rgba(20,25,22,.10)}
.panel{padding:30px;background:var(--surface-alt);box-shadow:none}
.panel>.h2wrap{margin-bottom:20px}
.panel>p+p,.amount-detail article>p+p{margin-top:12px}
.panel h3{margin:20px 0 7px;font-size:18px}
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.info-split{margin-top:22px}

.ibadge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 15px;border-radius:50%;background:var(--brand)}
.ibadge svg{width:23px;height:23px;stroke:#0d2615;fill:none;stroke-width:2}
.ibadge.solid svg{fill:#0d2615;stroke:none}
.guide{display:flex;flex-direction:column;height:100%;padding:27px 24px;text-align:center}
.guide h3{margin-bottom:8px;font-size:18px}
.guide p{flex:1;margin-bottom:19px;color:#6b7278;font-size:14px}
.guide .btn{width:100%;background:var(--dark);color:#fff}
.amt{display:flex;flex-direction:column;align-items:center;min-height:286px;padding:30px 22px;text-align:center}
.amt .ibadge{width:58px;height:58px;margin-bottom:18px;box-shadow:0 8px 20px rgba(2,212,59,.2)}
.amt .ibadge svg{width:25px;height:25px}
.amt h3{margin-bottom:9px;font-size:18px}
.amt p{flex:1;margin-bottom:20px;color:#637168;font-size:14px;line-height:1.65}
.amt .btn{width:100%;min-height:50px;padding:11px 18px;background:var(--dark);color:#fff}
.tip{padding:26px 22px;text-align:center}
.tip h3,.tip h4{margin-bottom:8px;font-size:17px}
.tip p{color:#6c7379;font-size:14px}
.tip p+p{margin-top:7px}
.tip>a{display:inline-flex;margin-top:14px;color:#08732d;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.def{padding:28px}
.def h3{margin-bottom:10px;font-size:21px}
.def p{font-size:15px}
.def ul{display:grid;gap:9px;margin-top:11px;list-style:none}
.def li{position:relative;padding-left:20px;color:#4e555b;font-size:14px}
.def li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.hl-card{padding:36px;background:#f1f3f5;border:2px solid var(--brand);border-radius:var(--radius);box-shadow:none}

/* Converter */
.tools-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:25px;flex-wrap:wrap}
.tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 24px;border:0;border-radius:7px;background:#f1f3f5;color:#3f454a;font-weight:700;font-size:14px;cursor:pointer}
.tab.active{background:var(--brand);color:#092611;box-shadow:none}
.tabpane[hidden]{display:none}
.conv-card{max-width:720px;margin:0 auto;padding:34px;border-radius:12px;box-shadow:var(--shadow-lg)}
.conv-card h3{margin-bottom:4px;font-size:24px}
.conv-card>p.muted{margin-bottom:22px;color:var(--muted);font-size:14px}
.field{margin-bottom:17px}
.field label,.rp-label{display:block;margin-bottom:7px;color:#3c4247;font-size:13px;font-weight:700}
.field select,.field input,.batch-row select,.batch-row input,.recipe-ta{width:100%;min-height:48px;padding:12px 14px;border:1px solid #d5dade;border-radius:7px;background:#fff;color:var(--ink);font-size:14px}
.field select,.batch-row select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M1 1.5l5 5 5-5'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.field input:focus,.field select:focus,.batch-row input:focus,.batch-row select:focus,.recipe-ta:focus{outline:none;border-color:var(--brand-dark);box-shadow:0 0 0 3px rgba(2,212,59,.13)}
.field .result{background:#f5f6f7;color:#344039;font-weight:700}
.conv-extra{margin-top:16px;padding:14px 16px;background:var(--brand-faint);border:1px solid #cfeeda;border-radius:8px}
.conv-extra .big{color:var(--ink);font-size:20px;font-weight:800}
.conv-extra .brk{margin-top:2px;color:#70777d;font-size:13px}
.embed-note{margin-top:14px;color:#858b90;font-size:11px;font-weight:650;text-align:center;text-transform:uppercase;letter-spacing:.06em}
.batch-head,.batch-row{display:grid;grid-template-columns:1.6fr 1fr 1fr auto;gap:10px;align-items:center}
.batch-head{margin-bottom:8px;padding:0 2px;color:#7c8388;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.batch-row{margin-bottom:10px}
.batch-row .b-res{background:var(--brand-faint);font-weight:700}
.b-remove{height:40px;padding:0 12px;border:0;border-radius:6px;background:#eef0f2;color:#565f66;font-size:12px;font-weight:700;cursor:pointer}
.b-remove:hover{background:#fee7e7;color:#b33c3c}
.batch-actions{display:flex;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}
.batch-actions .btn{flex:1;min-width:160px}
.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.recipe-ta{min-height:190px;resize:vertical;line-height:1.6}
.recipe-out{min-height:190px;margin-bottom:10px;padding:13px 15px;overflow:auto;border:1px solid var(--border);border-radius:7px;background:#f6f7f8;color:#4e555b;font-size:14px;line-height:1.75;white-space:pre-wrap}
.recipe-out .rp-placeholder{color:#999fa4}
.recipe-out .conv{color:#08712c;font-weight:700}

/* Tables */
.tbl-card{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow)}
.tbl-card h3{padding:19px 10px 5px;text-align:center;font-size:18px}
table{width:100%;border-collapse:collapse}
table thead th{padding:12px 18px;background:var(--brand);color:#102617;font-size:13px;font-weight:800;text-align:left}
table td{padding:11px 18px;border-top:1px solid #e8ebed;color:#4c5358;font-size:14px}
table tbody tr:nth-child(even){background:#fbfcfc}
table tbody tr:hover{background:var(--brand-faint)}
.wide-tbl td:first-child{color:var(--ink);font-weight:650}
.table-scroll{scrollbar-color:#9cccad #eef1f0;scrollbar-width:thin}
.table-scroll:focus-visible{outline:3px solid #08762d;outline-offset:3px}
.table-scroll-hint{display:none}
.print-table table{min-width:1080px}

/* Lists, formulas and calls */
.formula{margin:18px 0;padding:18px;border:1px solid #e0e4e7;border-radius:7px;background:#fff;color:var(--ink);font-size:17px;font-weight:800;text-align:center;box-shadow:var(--shadow)}
.formula small{display:block;margin-top:5px;color:#777e84;font-size:13px;font-weight:500}
.pill-list{display:grid;gap:12px}
.pill{padding:13px 17px;border-left:3px solid var(--brand);border-radius:5px;background:#fff;color:#4f565b;font-size:14px;box-shadow:var(--shadow)}
.checks{display:grid;gap:13px;margin-top:5px}
.check{display:flex;align-items:flex-start;gap:11px}
.check .ck{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--brand)}
.check .ck svg{width:11px;height:11px;stroke:#0b2813;stroke-width:3;fill:none}
.check span{color:#4f565c;font-size:14px}
.numlist{display:grid;gap:20px;margin-top:7px}
.numrow{display:flex;align-items:flex-start;gap:14px}
.numrow .num{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#0c2814;font-size:13px;font-weight:800}
.numrow h4{margin-bottom:3px;font-size:16px}
.numrow p{font-size:14px}
.plain-list,.numbered-steps{display:grid;gap:8px;margin:12px 0 0 20px;color:#52595e;font-size:14px}
.numbered-steps{padding-left:15px}
.callout{margin-top:27px;padding:18px 24px;border-radius:6px;background:var(--brand);color:#15301c;font-size:14px;font-weight:700;text-align:center}
.taglinks{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.taglinks a{padding:9px 17px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#42494e;font-size:13px;font-weight:700;box-shadow:none;transition:.15s}
.taglinks a:hover{border-color:var(--brand);background:var(--brand-faint);color:#08722d}
.amount-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.amount-hub-card{display:flex;min-height:112px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.amount-hub-card strong{color:var(--ink);font-size:15px;line-height:1.35}
.amount-hub-card span{margin-top:5px;color:var(--muted);font-size:13px}
.amount-hub-card:hover{transform:translateY(-2px);border-color:#a9dcb7;box-shadow:var(--shadow-lg)}
.print-band{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.print-band .txt{max-width:650px}

/* FAQ */
.faq{display:grid;gap:11px}
.qa{overflow:hidden;border:1px solid #d9dde0;border-radius:7px;background:#fff;box-shadow:none}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;list-style:none;color:#30363a;font-size:14px;font-weight:750;cursor:pointer}
.qa summary::-webkit-details-marker{display:none}
.qa summary .chev{color:var(--brand-dark);transition:transform .15s ease}
.qa[open]{border-color:#b9dec4}
.qa[open] summary .chev{transform:rotate(180deg)}
.qa .ans{padding:0 20px 18px;color:#5d656b;font-size:14px}
.qa .ans a{color:#08712d;text-decoration:underline}

/* Sources and editorial */
.source-box{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;padding:30px;border-left:4px solid var(--brand);box-shadow:var(--shadow)}
.source-box h2{margin:3px 0 9px;font-size:23px}
.source-links{display:grid;align-content:center;gap:8px}
.source-links a,.legal-copy a,.data-table a{color:#08712d;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.source-name{color:#454d52;font-weight:650}
.source-links .source-download{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;border-radius:999px;background:var(--dark);color:#fff;text-decoration:none}
.source-links .source-download:hover{background:#000;color:#fff}
.eyebrow-label{color:#08752d;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.editorial-box{padding:30px 0;background:#222523;color:#fff}
.editorial-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}
.editorial-box h2{margin:3px 0 7px;color:#fff;font-size:23px}
.editorial-box p{color:#c7cdca;font-size:14px}
.editorial-box a{color:#55e77f;text-decoration:underline;text-underline-offset:3px}
.review-date{text-align:right;white-space:nowrap}

/* Legal pages */
.legal-section{background:var(--page)}
.legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:26px;align-items:start}
.legal-copy{padding:34px 38px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.legal-copy>p:first-child{color:#444b50;font-size:16px}
.legal-copy h2{margin:24px 0 8px;padding-top:22px;border-top:1px solid #e8ebed;font-size:22px}
.legal-copy p{line-height:1.78}
.legal-sidebar{display:grid;gap:16px;position:sticky;top:92px}
.legal-nav-card,.legal-contact-card{padding:21px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.legal-nav-card{border-top:4px solid var(--brand)}
.legal-nav-card h2,.legal-contact-card h2{margin:3px 0 11px;font-size:18px}
.legal-nav-card nav{display:grid;gap:3px}
.legal-nav-card a{padding:8px 9px;border-radius:5px;color:#535a60;font-size:13px;font-weight:650}
.legal-nav-card a:hover,.legal-nav-card a.current{background:var(--brand-soft);color:#08702c}
.legal-contact-card{background:var(--dark);color:#fff}
.legal-contact-card h2{color:#fff}
.legal-contact-card p{margin-bottom:10px;color:#bcc3bf;font-size:13px}
.legal-contact-card a{color:#50e57b;font-size:12px;font-weight:700;overflow-wrap:anywhere;text-decoration:underline}
.error-code{margin-bottom:8px;color:var(--brand-dark);font-size:68px;font-weight:800;line-height:1}
.error-hero{min-height:470px;display:flex;align-items:center}

/* Data and amount details */
.data-table,.wide-tbl{overflow-x:auto}
.codebox{max-height:340px;padding:16px;overflow:auto;border-radius:7px;background:#1d211f;color:#d8eee0;font:13px/1.6 ui-monospace,Consolas,monospace}
.amount-detail-grid{display:grid;grid-template-columns:1.4fr .75fr;gap:26px;align-items:start}
.amount-detail-grid article p{margin-bottom:13px}
.amount-check-card{padding:23px;border-top:4px solid var(--brand);box-shadow:none}
.amount-check-card h3{margin-bottom:11px;font-size:18px}
.amount-check-card ul{display:grid;gap:8px;margin-bottom:16px;list-style:none}
.amount-check-card li{display:flex;gap:8px;color:#4b5358;font-size:14px}
.amount-check-card li span{color:#08732d;font-weight:900}
.amount-check-card p{margin-top:6px;font-size:13px}
.data-error{margin-top:15px;padding:11px;border:1px solid #ecc0c0;border-radius:6px;background:#fff1f1;color:#8c2f2f;font-size:13px}

/* Footer */
footer{padding:54px 0 25px;background:var(--dark);color:#c5cac7}
.fgrid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:40px;align-items:start}
footer .logo{margin-bottom:14px;color:#fff}
footer .logo-mark svg{stroke:#fff!important}
.footer-brand{max-width:330px}
.footer-brand p{color:#aeb5b1;font-size:13.5px;line-height:1.8}
.fcol h3{margin:3px 0 14px;color:var(--brand);font-size:15px}
.fcol a{display:block;margin-bottom:8px;color:#aeb5b1;font-size:13.5px}
.fcol a:hover{color:#fff}
.fbottom{margin-top:36px;padding-top:20px;border-top:1px solid #303432;color:#858c88;font-size:12.5px;text-align:center}

@media(min-width:961px){
  .has-dropdown:hover>.nav-dropdown,.has-dropdown:focus-within>.nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  .has-dropdown:hover>.nav-dropdown-toggle .dropdown-chevron,.has-dropdown:focus-within>.nav-dropdown-toggle .dropdown-chevron{transform:rotate(180deg)}
  .page-home .showcase-section .g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
}

@media(max-width:960px){
  .nav{height:66px}
  .nav-toggle{display:block}
  .menu{position:absolute;top:100%;left:0;right:0;display:none;max-height:calc(100vh - 66px);padding:7px 18px 16px;overflow-y:auto;background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch;gap:0}
  .menu.open{display:flex}
  .menu>a:not(.btn){display:flex!important;width:100%;padding:12px 4px;border-bottom:1px solid var(--border);border-radius:0}
  .nav-item{width:100%}
  .nav-dropdown-toggle{width:100%;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--border);border-radius:0}
  .nav-dropdown,.ingredients-nav>.nav-dropdown{position:static;display:none;width:100%;padding:5px 0 7px 12px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-item.open>.nav-dropdown{display:grid}
  .ingredients-dropdown{grid-template-columns:1fr 1fr}
  .header-cta{display:flex!important;width:100%;margin:11px 0 0;justify-content:center}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .legal-layout{grid-template-columns:1fr}
  .legal-sidebar{position:static;grid-template-columns:1fr 1fr}
  .source-box,.editorial-inner{grid-template-columns:1fr}
  .review-date{text-align:left}
  .amount-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:700px){
  body{font-size:15px}
  .wrap{width:min(100% - 32px,1160px)}
  .logo{gap:9px;font-size:19px}
  .logo-mark{width:36px;height:36px;border-radius:9px}
  .logo-mark svg{width:22px;height:22px}
  .hero,.home-hero{padding:48px 0 53px}
  .home-hero{display:block;min-height:0}
  .inner-hero{padding:42px 0 47px}
  .resource-hero{padding:42px 0 48px}
  .compact-hero{padding:38px 0 42px}
  .hero h1,.home-hero h1,.inner-hero h1,.compact-hero h1{margin-bottom:17px;font-size:31px;line-height:1.18}
  .home-hero .lede{font-size:15.5px}
  .home-hero .sub{font-size:14.5px}
  .hero .lede{font-size:15.5px;line-height:1.65}
  .hero .sub{margin-bottom:23px;font-size:14.5px}
  .hero .blob{opacity:.55}
  .b1{width:75px;height:75px;left:-18px}.b2{width:100px;height:90px;left:-30px}.b3{width:60px;height:60px;right:-10px}.b4{width:95px;height:85px;right:-25px}
  .hero-cta{flex-direction:column;gap:9px}
  .hero-cta .btn{flex:0 0 auto;width:100%;min-height:48px}
  .print-download-actions{width:100%}
  .print-download-actions .btn:first-child,.print-download-actions .btn-download-tip{flex:0 0 auto;width:100%}
  .breadcrumbs{margin-bottom:13px;font-size:12px}
  .sec{padding:17px 0}
  .tool-section{padding:35px 0 42px}
  .showcase-section{padding:38px 0}
  .content-section>.wrap{padding:25px 22px;border-radius:10px}
  .content-section.composite-section{padding:31px 0}
  .content-section.composite-section>.wrap{padding:0;border-radius:0}
  .composite-section .split{gap:14px}
  .composite-section .def{padding:24px 22px}
  .composite-section .hl-card{padding:25px 21px}
  .composite-section .print-band{padding:24px 22px}
  .h2wrap{margin-bottom:21px}
  .h2wrap h2,.bar h2{font-size:24px}
  .bar{padding-left:11px}
  .sub-lead{font-size:14px}
  .data-heading-row{align-items:stretch;flex-direction:column;gap:15px;margin-bottom:20px}
  .source-pdf-cta{width:100%;min-width:0}
  .g2,.g3{grid-template-columns:1fr}
  .grid{gap:14px}
  .split,.amount-detail-grid{grid-template-columns:1fr}
  .panel{padding:22px}
  .tools-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:18px}
  .tab{min-height:46px;padding:8px 5px;font-size:12px;line-height:1.25;text-align:center}
  .conv-card{padding:23px 18px}
  .conv-card h3{font-size:20px}
  .recipe-grid{grid-template-columns:1fr}
  .batch-head{display:none}
  .batch-row{grid-template-columns:1fr 1fr auto}
  .batch-row select{grid-column:1/-1}
  .batch-actions .btn{min-width:0}
  .table-scroll-hint{display:flex;align-items:center;gap:7px;margin:0 0 8px;color:#687078;font-size:12px;font-weight:650}
  .table-scroll-hint:before{content:"↔";display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:var(--brand-soft);color:#08712d;font-size:14px}
  .table-scroll{-webkit-overflow-scrolling:touch}
  .table-scroll th:first-child,.table-scroll td:first-child{position:sticky;left:0;z-index:2}
  .table-scroll th:first-child{z-index:3;background:var(--brand)}
  .table-scroll td:first-child{background:#fff;box-shadow:1px 0 #e4e8e5}
  .table-scroll tbody tr:nth-child(even) td:first-child{background:#fbfcfc}
  table thead th,table td{padding:10px 13px;font-size:13px}
  .tbl-card table{min-width:340px}
  .source-box{grid-template-columns:1fr;gap:20px;padding:23px}
  .legal-copy{padding:25px 22px}
  .legal-copy h2{font-size:20px}
  .legal-sidebar{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr;gap:30px 22px}
  .footer-brand{grid-column:1/-1}
  .fbottom{text-align:left;line-height:1.6}
  .error-code{font-size:58px}
  .error-hero{min-height:420px}
  .amount-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .amount-hub-card{min-height:102px;padding:17px 12px}
}

@media(max-width:430px){
  .wrap{width:min(100% - 28px,1160px)}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .amt{min-height:260px;padding:22px 13px}
  .amt .ibadge{width:50px;height:50px}
  .amt h3{font-size:15px}
  .amt p{font-size:12px}
  .ingredients-dropdown{grid-template-columns:1fr}
  .tools-tabs{grid-template-columns:1fr}
  .tab{font-size:13px}
  .fgrid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .amount-hub-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn,.card,.tab,.nav-dropdown,.dropdown-chevron{transition:none!important}
}

@media print{
  header,footer,.no-print,.editorial-box,.faq-section,.source-box-section,.skip-link,.table-scroll-hint{display:none!important}
  body{background:#fff;font-size:11px}
  .hero{padding:15px 0;background:#fff}
  .hero .blob{display:none}
  .hero h1{font-size:26px}
  .sec{padding:13px 0;background:#fff}
  .content-section>.wrap{width:100%;padding:0;border:0;box-shadow:none}
  .wrap{width:100%;padding:0 8px}
  .print-area{display:block!important}
  .print-table{overflow:visible}
  .print-table table{min-width:0}
  .tbl-card{box-shadow:none;border-color:#999}
  table th,table td{padding:5px!important;color:#000!important;font-size:8px!important}
  table thead th{background:#d7f2df!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}