:root{
  --page:#f5f6f3;
  --paper:#ffffff;
  --paper-warm:#faf8f2;
  --ink:#1f241f;
  --ink-2:#3f463e;
  --muted:#747b72;
  --line:#e3e6df;
  --line-strong:#d5dacf;
  --green:#3f7f43;
  --green-deep:#2e6132;
  --green-soft:#edf5ea;
  --green-pale:#f5f9f1;
  --sand:#f3eee4;
  --sand-2:#ebe2d2;
  --danger:#a74d3e;
  --warn:#a06b1f;
  --shadow:0 18px 55px rgba(31,40,27,.07);
  --shadow-soft:0 8px 28px rgba(31,40,27,.05);
  --radius:22px;
  --shell:1680px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--page);color:var(--ink);font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;word-break:keep-all}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{min-height:100vh}
.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;max-width:var(--shell);min-height:76px;margin:0 auto;padding:0 28px;border-bottom:1px solid rgba(226,230,222,.9);background:rgba(255,255,255,.93);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--green);color:#fff;font-weight:950;font-size:18px;box-shadow:0 8px 20px rgba(63,127,67,.18)}
.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:-.02em}.brand small{margin-top:2px;color:var(--muted);font-size:10px;letter-spacing:.03em}
.desktop-nav{display:flex;justify-content:center;gap:3px}
.nav-button{padding:10px 13px;border:0;border-radius:10px;background:transparent;color:#4e564c;font-size:13px;font-weight:800}.nav-button:hover,.nav-button.active{background:#f2f5ef;color:var(--green-deep)}
.header-actions{display:flex;align-items:center;gap:7px}.icon-button,.admin-link{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;font-size:15px;font-weight:850}.icon-button:hover,.admin-link:hover{background:var(--green-soft);border-color:#c9ddc8}.admin-link{font-size:11px}
main{max-width:var(--shell);margin:0 auto;padding:20px 28px 50px}
.eyebrow{margin:0 0 8px;color:var(--green);font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.search-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(560px,1.15fr);gap:46px;align-items:center;min-height:420px;padding:54px 56px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(130deg,#fbfaf6 0%,#f8f4e9 48%,#eef5ea 100%);box-shadow:var(--shadow);overflow:visible}
.search-hero-copy h1{max-width:650px;margin:0;font-size:clamp(42px,4vw,68px);line-height:1.06;letter-spacing:-.065em}.search-hero-copy h1 em{color:var(--green);font-style:normal}.hero-description{max-width:660px;margin:20px 0 0;color:#636a60;font-size:16px;line-height:1.8}
.hero-trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-trust-row span{padding:7px 10px;border:1px solid #d9dfd2;border-radius:999px;background:rgba(255,255,255,.64);color:#586157;font-size:11px;font-weight:750}
.search-command{position:relative;padding:24px;border:1px solid rgba(214,220,207,.95);border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 18px 45px rgba(46,61,41,.08)}
.search-command-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.search-command-top>span{font-size:12px;font-weight:900}.api-status{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:#f4f5f2;color:#70766e;font-size:10px}.api-status>span{width:7px;height:7px;border-radius:50%;background:#aeb4aa}.api-status strong{font-size:10px}.api-status button{padding:2px 5px;border:0;background:transparent;color:inherit;font-size:9px;font-weight:900}.api-status.ok{background:#edf7ec;color:#2e7436}.api-status.ok>span{background:#3e9449}.api-status.bad{background:#fff0ed;color:#9b483c}.api-status.bad>span{background:#b85043}
.search-box{display:grid;grid-template-columns:1fr auto;gap:8px}.search-box input{width:100%;height:62px;padding:0 20px;border:1px solid #d9ddd4;border-radius:15px;background:#fff;outline:none;font-size:16px}.search-box input:focus,.mini-search input:focus,.dataset-search-wrap input:focus,.detail-toolbar input:focus{border-color:#9fbea0;box-shadow:0 0 0 4px rgba(63,127,67,.08)}.search-submit{min-width:130px;border:0;border-radius:15px;background:var(--green);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(63,127,67,.16)}.search-submit:hover{background:var(--green-deep)}.search-submit:disabled{opacity:.55;cursor:wait}
.quick-row{display:flex;align-items:flex-start;gap:10px;margin-top:13px}.quick-row>span{flex:0 0 auto;padding-top:6px;color:var(--muted);font-size:10px;font-weight:800}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button,.sidebar-quick-search button{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#555d53;font-size:10px;font-weight:800}.chips button:hover,.sidebar-quick-search button:hover{border-color:#b8cfb7;background:var(--green-soft);color:var(--green-deep)}
.search-message{margin-top:12px;color:var(--muted);font-size:11px}.search-results{position:absolute;left:24px;right:24px;top:calc(100% - 16px);z-index:30;max-height:440px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 24px 50px rgba(34,40,30,.16)}.search-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;padding:13px 14px;border:0;border-bottom:1px solid #eef0eb;background:#fff;text-align:left}.search-result:last-child{border-bottom:0}.search-result:hover{background:#f7faf5}.search-result strong,.search-result small{display:block}.search-result strong{font-size:13px}.search-result small{margin-top:3px;color:var(--muted);font-size:10px}.result-side{text-align:right}.result-side>span{font-size:11px;font-weight:850}
.discover-board{margin-top:18px;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}.discover-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.discover-head h2{margin:0;font-size:29px;letter-spacing:-.04em}.discover-head>p{max-width:560px;margin:0;color:var(--muted);font-size:12px;text-align:right}
.popular-search-hub{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.popular-search-group{padding:15px;border:1px solid var(--line);border-radius:16px;background:#fbfcf9}.popular-search-group strong{display:block;margin-bottom:10px;font-size:12px}.popular-search-group div{display:flex;flex-wrap:wrap;gap:6px}.popular-search-group button{padding:6px 8px;border:1px solid #e0e5dc;border-radius:9px;background:#fff;color:#525a50;font-size:10px}.popular-search-group button:hover{border-color:#abc6aa;background:var(--green-soft);color:#2f6634}
.compare-presets{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px;padding-top:15px;border-top:1px solid #eceee8}.compare-presets strong{margin-right:4px;font-size:11px}.preset-button{padding:6px 9px;border:1px solid #dfdfda;border-radius:999px;background:var(--sand);font-size:10px;font-weight:850}.preset-button:hover{background:#ebe4d7}.compare-presets>span{margin-left:auto;color:var(--muted);font-size:9px}
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;margin-top:18px;align-items:start}.food-article{min-width:0}.article-sidebar{display:grid;gap:14px}.sidebar-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}.sticky-card{position:sticky;top:96px}.sidebar-card h3{margin:0 0 13px;font-size:17px;letter-spacing:-.03em}.sidebar-quick-search{display:flex;flex-wrap:wrap;gap:6px}.sidebar-all-button{width:100%;margin-top:13px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#f7f9f5;font-size:11px;font-weight:850}.sidebar-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.sidebar-list li{position:relative;padding-left:15px;color:#596058;font-size:11px}.sidebar-list li::before{position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#79a47b;content:""}
.selected-food{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:16px;padding:34px;border:1px solid var(--line);border-radius:24px 24px 0 0;background:linear-gradient(120deg,#fff,#fbfaf5);box-shadow:var(--shadow-soft)}.food-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.food-title-row h2{margin:0;font-size:40px;line-height:1.12;letter-spacing:-.05em}.meta-line{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.meta-line span{padding:5px 8px;border-radius:999px;background:#f1f3ee;color:#667064;font-size:10px}.selected-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.favorite-toggle,.outline-button{padding:9px 11px;border:1px solid #dce1d8;border-radius:10px;background:#fff;font-size:11px;font-weight:850}.favorite-toggle.active{border-color:#d8b0ac;background:#fff3f2;color:#9a4b40}.outline-button:hover,.favorite-toggle:hover{background:#f6f8f4}
.key-nutrients{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:22px}.key-nutrient{min-width:0;padding:12px;border:1px solid #e7e9e3;border-radius:13px;background:#fff}.key-nutrient span,.key-nutrient strong,.key-nutrient em{display:block}.key-nutrient span{color:var(--muted);font-size:9px}.key-nutrient strong{margin-top:5px;font-size:21px;letter-spacing:-.04em}.key-nutrient em{margin-top:1px;color:#92988f;font-size:8px;font-style:normal}.key-nutrient:first-child{border-color:#d8e6d3;background:var(--green-pale)}.key-nutrient:first-child strong{color:var(--green-deep)}
.source-card{padding:18px;border:1px solid #e2e2db;border-radius:16px;background:var(--sand);align-self:stretch}.source-card span,.source-card strong,.source-card p{display:block}.source-card>span:first-child{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em}.source-card strong{margin-top:6px;font-size:14px}.source-card p{margin:9px 0;color:#6a7066;font-size:10px}.food-code{margin-top:14px!important;padding-top:12px;border-top:1px solid #dfd6c7;color:#72796f;font-size:9px;word-break:break-all}
.article-toc{display:flex;align-items:center;gap:5px;padding:12px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);background:#fff;overflow-x:auto}.article-toc strong{margin-right:8px;white-space:nowrap;font-size:10px}.article-toc button{padding:6px 8px;border:0;border-radius:8px;background:#f5f6f2;white-space:nowrap;color:#61685e;font-size:9px;font-weight:800}.article-toc button:hover{background:var(--green-soft);color:var(--green-deep)}
.article-section{margin-top:12px;padding:34px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading>div{position:relative;padding-left:42px}.section-number{position:absolute;left:0;top:-2px;display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f0f4ed;color:var(--green);font-size:10px;font-weight:950}.section-heading h3{margin:0;font-size:27px;letter-spacing:-.045em}.soft-badge{display:inline-flex;flex:0 0 auto;padding:7px 9px;border-radius:999px;background:#f1f4ee;color:#657064;font-size:9px;font-weight:850}.article-lead{max-width:1020px;margin:0;color:#50574e;font-size:15px;line-height:1.85}.section-intro{margin:-3px 0 16px;color:var(--muted);font-size:11px}
.fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.fact{padding:13px;border:1px solid #e8eae5;border-radius:13px;background:#fbfcfa}.fact span,.fact strong{display:block}.fact span{color:var(--muted);font-size:9px}.fact strong{margin-top:4px;font-size:12px;word-break:break-word}
.article-two-column{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.story-panel{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fafbf8}.focus-panel{background:#fbfaf6}.mini-heading span,.mini-heading strong{display:block}.mini-heading span{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.08em}.mini-heading strong{margin-top:4px;font-size:15px}.story-panel>p{margin:13px 0;color:#626961;font-size:11px;line-height:1.75}.macro-energy-bars{display:grid;gap:9px;margin-top:16px}.macro-row{display:grid;grid-template-columns:65px 1fr 52px;align-items:center;gap:10px}.macro-row span{font-size:10px;font-weight:850}.macro-track{height:8px;overflow:hidden;border-radius:999px;background:#e8ebe5}.macro-fill{height:100%;border-radius:999px;background:#6e9d70}.macro-row strong{text-align:right;font-size:10px}.method-note{margin:13px 0 0!important;padding-top:10px;border-top:1px solid #e5e7e1;color:#898f86!important;font-size:9px!important}.nutrition-focus-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.focus-card{padding:13px;border:1px solid #e7e7e1;border-radius:12px;background:#fff}.focus-card span,.focus-card strong,.focus-card small{display:block}.focus-card span{color:var(--muted);font-size:9px}.focus-card strong{margin-top:4px;font-size:18px;letter-spacing:-.03em}.focus-card small{margin-top:3px;color:#848b82;font-size:8px;line-height:1.45}
.health-guide{background:linear-gradient(180deg,#fff,#fbfcf9)}.health-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.health-guide-card{padding:17px;border:1px solid #e4e7df;border-radius:15px;background:#fff}.health-guide-card .guide-icon{display:grid;place-items:center;width:31px;height:31px;margin-bottom:11px;border-radius:10px;background:#eef5ea;color:var(--green);font-size:12px;font-weight:950}.health-guide-card strong{display:block;font-size:13px}.health-guide-card p{margin:7px 0 0;color:#687067;font-size:10px;line-height:1.65}.health-guide-note{margin-top:12px;padding:17px;border:1px solid #e4ded1;border-radius:14px;background:#faf6ee}.health-guide-note strong{font-size:11px}.health-guide-note p{margin:5px 0 0;color:#6f6b62;font-size:9px;line-height:1.65}
.serving-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px}.serving-copy{padding:22px;border-radius:16px;background:#f7f4ed}.serving-copy h4{margin:0;font-size:17px}.serving-copy p{margin:10px 0 0;color:#6f7069;font-size:11px;line-height:1.7}.portion-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.portion-shortcuts button{padding:6px 10px;border:1px solid #ded9ce;border-radius:9px;background:#fff;font-size:10px;font-weight:850}.calculator-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.portion-input-row{display:grid;grid-template-columns:42px 1fr 42px;gap:7px}.portion-input-row>button{border:1px solid var(--line);border-radius:11px;background:#f8f9f7;font-size:18px}.portion-input-row label{display:flex;align-items:center;justify-content:center;height:48px;border:1px solid var(--line);border-radius:11px;background:#fff}.portion-input-row input{width:110px;border:0;outline:none;background:transparent;text-align:right;font-size:23px;font-weight:900}.portion-input-row label span{margin-left:5px;color:var(--muted);font-size:11px}.range{width:100%;margin-top:17px;accent-color:var(--green)}.range-labels{display:flex;justify-content:space-between;color:#9b9f98;font-size:8px}.portion-result{display:flex;align-items:end;gap:5px;margin-top:16px;padding:15px;border-radius:13px;background:var(--green-pale)}.portion-result span{margin-right:auto;color:#687165;font-size:10px}.portion-result strong{color:var(--green-deep);font-size:30px;line-height:1}.portion-result em{color:#7f887c;font-size:9px;font-style:normal}.mini-macros{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.mini-macro{padding:9px;border:1px solid #eaebe7;border-radius:10px}.mini-macro span,.mini-macro strong{display:block}.mini-macro span{color:var(--muted);font-size:8px}.mini-macro strong{margin-top:3px;font-size:10px}.inline-warning{margin:10px 0 0;padding:10px;border-radius:10px;background:#fff1ee;color:#964d42;font-size:9px}
.compare-search-row{display:grid;grid-template-columns:240px 1fr;gap:9px}.current-food-pill{padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#f7f9f5}.current-food-pill span,.current-food-pill strong{display:block}.current-food-pill span{color:var(--muted);font-size:8px}.current-food-pill strong{margin-top:3px;font-size:12px}.mini-search{display:grid;grid-template-columns:1fr auto;gap:7px}.mini-search input{min-width:0;padding:0 13px;border:1px solid var(--line);border-radius:12px;outline:none}.mini-search button{padding:0 15px;border:0;border-radius:12px;background:var(--green);color:#fff;font-size:10px;font-weight:900}.compare-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.compare-suggestions::before{content:"추천 비교";margin-right:3px;color:var(--muted);font-size:9px}.compare-suggestions button{padding:5px 8px;border:1px solid #e1e4de;border-radius:999px;background:#fff;font-size:9px}.compare-results{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.compare-result{padding:11px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left}.compare-result:hover{background:#f7faf5}.compare-result strong,.compare-result small{display:block}.compare-result strong{font-size:11px}.compare-result small{margin-top:3px;color:var(--muted);font-size:8px}.comparison-notice{margin-top:12px;padding:11px 13px;border-radius:11px;background:#f5f7f2;color:#666e63;font-size:9px}.comparison-table-wrap,.nutrient-table-wrap{margin-top:10px;overflow:auto;border:1px solid var(--line);border-radius:13px}.comparison-table-wrap table,.nutrient-table-wrap table{width:100%;border-collapse:collapse;font-size:10px}.comparison-table-wrap th,.comparison-table-wrap td,.nutrient-table-wrap th,.nutrient-table-wrap td{padding:10px 12px;border-bottom:1px solid #eceee9;text-align:left;vertical-align:top}.comparison-table-wrap th,.nutrient-table-wrap th{position:sticky;top:0;background:#f8f9f6;color:#5a6258;font-weight:900}.comparison-table-wrap tr:last-child td,.nutrient-table-wrap tr:last-child td{border-bottom:0}.text-button{margin-top:10px;padding:6px 0;border:0;background:transparent;color:var(--green-deep);font-size:9px;font-weight:900}.empty-state{padding:24px;border:1px dashed #d9ddd4;border-radius:12px;background:#fafbf9;color:var(--muted);font-size:10px;text-align:center}
.nutrient-tabs{display:flex;flex-wrap:wrap;gap:6px}.nutrient-tabs button{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:9px;font-weight:800}.nutrient-tabs button.active{border-color:#aac4aa;background:var(--green-soft);color:var(--green-deep)}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}.detail-toolbar label{font-size:9px;color:#656d63}.detail-toolbar input[type="search"]{width:310px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;outline:none;font-size:10px}
.source-ledger-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.source-ledger-item{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fbfcfa}.source-ledger-item span,.source-ledger-item strong{display:block}.source-ledger-item span{color:var(--muted);font-size:8px}.source-ledger-item strong{margin-top:4px;font-size:10px;word-break:break-word}.source-policy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.source-policy-grid>div{padding:15px;border-radius:12px;background:#f6f4ee}.source-policy-grid strong{font-size:10px}.source-policy-grid p{margin:5px 0 0;color:#6c7068;font-size:8px;line-height:1.55}
.popular-section{margin-top:18px;padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}.popular-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.popular-heading h2{margin:0;font-size:28px;letter-spacing:-.04em}.popular-heading p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:11px}.dataset-search-wrap{display:grid;grid-template-columns:minmax(240px,360px) 35px}.dataset-search-wrap input{padding:10px 12px;border:1px solid var(--line);border-radius:11px 0 0 11px;outline:none;font-size:11px}.dataset-search-wrap button{border:1px solid var(--line);border-left:0;border-radius:0 11px 11px 0;background:#fff;color:#899087}.category-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.category-chips button{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#60685e;font-size:9px}.category-chips button.active{border-color:#abc4a9;background:var(--green-soft);color:var(--green-deep);font-weight:900}.dataset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}.dataset-card{display:flex;min-height:122px;flex-direction:column;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfcfa;text-align:left}.dataset-card:hover{border-color:#b8ceb5;background:#f7faf5}.dataset-card small,.dataset-card strong,.dataset-card span,.dataset-card em{display:block}.dataset-card small{color:var(--green);font-size:8px;font-weight:900}.dataset-card strong{margin-top:4px;font-size:13px}.dataset-card span{margin-top:3px;color:var(--muted);font-size:8px}.dataset-card em{margin-top:auto;padding-top:10px;color:#657763;font-size:8px;font-style:normal;font-weight:850}.more-button{display:block;margin:15px auto 0;padding:9px 20px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:10px;font-weight:850}.more-button:hover{background:#f6f8f4}
.trust-section{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.trust-section>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.trust-section strong,.trust-section span{display:block}.trust-section strong{font-size:11px}.trust-section span{margin-top:3px;color:var(--muted);font-size:8px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:var(--shell);margin:0 auto;padding:26px 28px 40px;color:#7d837a;font-size:9px}.site-footer p{max-width:1120px;margin:0}.site-footer div{display:flex;gap:10px}.site-footer a{font-weight:850;text-decoration:none}
.library-dialog{width:min(620px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.2)}.library-dialog::backdrop{background:rgba(27,31,26,.35);backdrop-filter:blur(4px)}.dialog-head,.dialog-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.dialog-head{border-bottom:1px solid var(--line)}.dialog-head h3{margin:0;font-size:16px}.dialog-head button{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:#fff}.library-list{display:grid;gap:6px;max-height:460px;overflow:auto;padding:10px}.library-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left}.library-item:hover{background:#f7faf5}.library-item strong,.library-item small{display:block}.library-item strong{font-size:11px}.library-item small{margin-top:3px;color:var(--muted);font-size:8px}.dialog-foot{border-top:1px solid var(--line)}.dialog-foot button{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:9px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;max-width:min(420px,calc(100% - 48px));padding:12px 15px;border-radius:11px;background:#263326;color:#fff;box-shadow:0 16px 35px rgba(0,0,0,.22);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;font-size:10px}.toast.show{opacity:1;transform:none}.toast.error{background:#963f34}
@media(max-width:1400px){
  .popular-search-hub{grid-template-columns:repeat(3,1fr)}
  .key-nutrients{grid-template-columns:repeat(4,1fr)}
  .health-guide-grid{grid-template-columns:repeat(2,1fr)}
  .dataset-grid{grid-template-columns:repeat(4,1fr)}
  .source-policy-grid,.source-ledger-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1180px){
  .desktop-nav{display:none}.site-header{grid-template-columns:1fr auto}
  .search-hero{grid-template-columns:1fr;padding:40px}.search-hero-copy h1{max-width:850px}.search-command{max-width:none}
  .article-shell{grid-template-columns:1fr}.article-sidebar{grid-template-columns:1fr 1fr}.sticky-card{position:static}.sidebar-all-button{width:auto}
  .popular-search-hub{grid-template-columns:repeat(3,1fr)}
  .dataset-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  main{padding:12px}.site-header{min-height:66px;padding:0 14px}.brand small{display:none}
  .search-hero{padding:28px 22px;border-radius:20px}.search-hero-copy h1{font-size:38px}.hero-description{font-size:13px}.search-command{padding:18px}.search-command-top{align-items:flex-start;flex-direction:column}.search-box{grid-template-columns:1fr}.search-submit{height:50px}.search-results{left:18px;right:18px}
  .discover-board,.popular-section{padding:20px;border-radius:18px}.discover-head,.popular-heading{align-items:flex-start;flex-direction:column}.discover-head>p{text-align:left}.popular-search-hub{grid-template-columns:1fr 1fr}.compare-presets>span{width:100%;margin-left:0}
  .selected-food{grid-template-columns:1fr;padding:24px}.food-title-row{flex-direction:column}.selected-actions{justify-content:flex-start}.food-title-row h2{font-size:32px}.key-nutrients{grid-template-columns:repeat(2,1fr)}
  .article-sidebar{grid-template-columns:1fr}.article-section{padding:23px}.section-heading h3{font-size:23px}.fact-grid{grid-template-columns:repeat(2,1fr)}.article-two-column,.serving-layout{grid-template-columns:1fr}.health-guide-grid{grid-template-columns:1fr 1fr}.compare-search-row{grid-template-columns:1fr}.compare-results{grid-template-columns:1fr}.detail-toolbar{align-items:stretch;flex-direction:column}.detail-toolbar input[type="search"]{width:100%}
  .dataset-grid{grid-template-columns:repeat(2,1fr)}.trust-section{grid-template-columns:1fr 1fr}.site-footer{align-items:flex-start;flex-direction:column;padding:24px 16px 36px}
}
@media(max-width:520px){
  .header-actions{gap:4px}.icon-button,.admin-link{width:34px;height:34px}.brand strong{font-size:14px}.brand-mark{width:36px;height:36px}
  .search-hero-copy h1{font-size:32px}.hero-trust-row span{font-size:9px}.quick-row{flex-direction:column}.popular-search-hub{grid-template-columns:1fr}.popular-search-group{padding:13px}.article-toc{padding:10px 12px}
  .article-section{padding:18px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading>div{padding-left:38px}.section-heading h3{font-size:21px}.fact-grid,.nutrition-focus-cards,.health-guide-grid,.source-policy-grid,.source-ledger-grid{grid-template-columns:1fr}.mini-macros{grid-template-columns:1fr 1fr}.portion-input-row input{width:88px}.dataset-grid{grid-template-columns:1fr}.trust-section{grid-template-columns:1fr}.dataset-search-wrap{width:100%;grid-template-columns:1fr 34px}
}

/* v24 food-safety recall board */
.recall-board{margin-top:18px;padding:28px 30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}
.recall-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.recall-head h2{margin:0;font-size:28px;letter-spacing:-.04em}.recall-head-actions{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.recall-head-actions button,.recall-tabs button{border:1px solid var(--line);background:#fff;font-weight:850}.recall-head-actions button{padding:8px 11px;border-radius:9px;font-size:12px}.recall-tabs{display:flex;gap:6px;margin-top:16px}.recall-tabs button{padding:8px 12px;border-radius:999px;font-size:12px}.recall-tabs button.active{border-color:#d6a8a0;background:#fff4f2;color:#8d3f35}.recall-status{margin-top:12px;padding:11px 13px;border-radius:11px;background:#f7f8f5;color:#687067;font-size:12px}.recall-status.error{background:#fff4f2;color:#934b40}.recall-status.warning{background:#fff9ea;color:#7a5d21}.recall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.recall-card{display:flex;min-height:190px;flex-direction:column;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.recall-card.domestic{border-top:3px solid #bb6256}.recall-card.imported{border-top:3px solid #7b8797}.recall-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.recall-source,.recall-grade{padding:4px 7px;border-radius:999px;background:#f4f5f2;font-size:10px;font-weight:900}.recall-card h3{margin:10px 0 0;font-size:16px;line-height:1.35}.recall-company{margin:5px 0 0;color:var(--muted);font-size:12px}.recall-type{margin:6px 0 0;color:#6b726a;font-size:11px}.recall-reason{margin:12px 0 0;display:-webkit-box;overflow:hidden;color:#4f564e;font-size:12px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.recall-meta{display:grid;gap:4px;margin-top:auto;padding-top:12px;color:#727970;font-size:10px}.recall-meta strong{color:#4c544b}.recall-footnote{margin:12px 0 0;color:#787f76;font-size:10px}.recall-empty{grid-column:1/-1;padding:24px;border:1px dashed #d9ddd4;border-radius:12px;background:#fafbf9;color:var(--muted);font-size:12px;text-align:center}
@media(max-width:1400px){.recall-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.recall-board{padding:20px;border-radius:18px}.recall-head{align-items:flex-start;flex-direction:column}.recall-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.recall-grid{grid-template-columns:1fr}.recall-head-actions{align-items:flex-start;flex-direction:column}.recall-tabs{overflow:auto;padding-bottom:2px}}

/* v24 integrated safety/search refinements */
.recall-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.recall-summary>div{padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fafbf9}.recall-summary span,.recall-summary strong{display:block}.recall-summary span{color:var(--muted);font-size:9px}.recall-summary strong{margin-top:3px;font-size:13px}.recall-card{width:100%;font:inherit;text-align:left;cursor:pointer}.recall-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(45,55,44,.07)}.recall-more{display:block;margin-top:9px;color:#6a7467;font-size:9px;font-weight:900}.recall-dialog{width:min(860px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.22)}.recall-dialog::backdrop{background:rgba(26,30,25,.4);backdrop-filter:blur(4px)}.recall-dialog-body{display:grid;gap:16px;max-height:70vh;overflow:auto;padding:18px}.recall-dialog-image{width:min(320px,100%);max-height:250px;object-fit:contain;border:1px solid var(--line);border-radius:12px}.recall-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.recall-detail-grid>div{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafbf9}.recall-detail-grid span,.recall-detail-grid strong{display:block}.recall-detail-grid span{color:var(--muted);font-size:8px}.recall-detail-grid strong{margin-top:3px;font-size:10px;line-height:1.5;word-break:break-word}.recall-detail-text{padding:14px;border:1px solid var(--line);border-radius:12px}.recall-detail-text strong{font-size:10px}.recall-detail-text p{margin:7px 0 0;color:#555d54;font-size:11px;line-height:1.7;white-space:pre-wrap}.recall-dialog-note{padding:12px 18px;border-top:1px solid var(--line);background:#fafbf9;color:#737a71;font-size:9px;line-height:1.6}.search-result em{display:block;margin-top:4px;color:#7a8278;font-size:8px;font-style:normal}.portion-official-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.portion-official-shortcuts button{padding:7px 10px;border:1px solid #cfd9cb;border-radius:999px;background:#f5f8f3;color:#50604d;font-size:9px;font-weight:850}
@media(max-width:820px){.recall-summary{grid-template-columns:1fr 1fr}.recall-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.recall-summary{grid-template-columns:1fr 1fr}.recall-detail-grid{grid-template-columns:1fr}}

.recall-filter-note{margin:10px 0 16px;padding:10px 12px;border-radius:12px;background:rgba(15,23,42,.045);font-size:13px;line-height:1.55;color:#475569}
.recall-filter-note:empty{display:none}

/* =========================================================
   v25.4.1 — Public UI + full database QA
   Larger type, calmer density, editorial production layout
   ========================================================= */
:root{--page:#f3f5f4;--paper:#fff;--paper-warm:#fbfaf7;--ink:#17201b;--ink-2:#39443d;--muted:#667169;--line:#dfe5e1;--line-strong:#cfd8d2;--green:#27684a;--green-deep:#174d35;--green-soft:#edf6f1;--green-pale:#f4faf6;--sand:#f7f3eb;--sand-2:#ece5d8;--shadow:0 18px 60px rgba(28,48,37,.08);--shadow-soft:0 8px 30px rgba(28,48,37,.055);--radius:24px}
html{scroll-padding-top:100px}body{font-family:Pretendard,"SUIT","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.68;letter-spacing:-.012em;background:linear-gradient(180deg,#f7f8f7 0,#f2f5f3 34%,#f5f6f5 100%)}
.site-header{min-height:84px;padding:0 34px;gap:42px;border:1px solid rgba(221,227,223,.92);border-top:0;border-radius:0 0 20px 20px;box-shadow:0 8px 26px rgba(28,48,37,.045)}.brand{gap:14px}.brand-mark{width:44px;height:44px;border-radius:14px;font-size:20px}.brand strong{font-size:18px}.brand small{margin-top:1px;font-size:12px}.desktop-nav{gap:4px}.nav-button{padding:11px 14px;border-radius:11px;font-size:14px}.header-actions{gap:8px}.icon-button{width:42px;height:42px;border-radius:12px;font-size:17px}
main{padding:28px 34px 64px}.eyebrow{margin-bottom:10px;font-size:12px;letter-spacing:.12em}
.search-hero{grid-template-columns:minmax(0,1fr) minmax(540px,.92fr);gap:54px;min-height:470px;padding:62px 64px;border-radius:30px;background:radial-gradient(circle at 88% 14%,rgba(91,153,117,.12),transparent 32%),linear-gradient(135deg,#fffdf8 0%,#faf8f2 48%,#edf6f1 100%)}.search-hero-copy h1{max-width:760px;font-size:clamp(48px,4.25vw,72px);line-height:1.08;letter-spacing:-.055em}.hero-description{max-width:760px;margin-top:24px;font-size:18px;line-height:1.82;color:#566159}.hero-trust-row{gap:10px;margin-top:26px}.hero-trust-row span{padding:9px 13px;font-size:13px;background:rgba(255,255,255,.8)}
.search-command{padding:28px;border-radius:24px;box-shadow:0 22px 55px rgba(33,62,45,.10)}.search-command-top{margin-bottom:14px}.search-command-top>span{font-size:15px}.api-status{padding:7px 10px;font-size:12px}.api-status strong{font-size:12px}.api-status button{font-size:11px}.search-box{gap:10px}.search-box input{height:68px;padding:0 22px;border-radius:16px;font-size:18px}.search-submit{min-width:148px;border-radius:16px;font-size:15px}.quick-row{gap:12px;margin-top:16px}.quick-row>span{padding-top:7px;font-size:12px}.chips{gap:7px}.chips button,.sidebar-quick-search button{padding:8px 11px;font-size:12px}.search-message{margin-top:14px;font-size:13px}.search-results{left:28px;right:28px;max-height:500px;padding:10px;border-radius:18px}.search-result{padding:16px}.search-result strong{font-size:15px}.search-result small{font-size:12px}.search-result em{font-size:11px}.result-side>span{font-size:13px}
.discover-board,.recall-board,.popular-section{margin-top:24px;padding:34px 36px;border-radius:26px}.discover-head h2,.recall-head h2,.popular-heading h2{font-size:34px;line-height:1.22;letter-spacing:-.04em}.discover-head>p{max-width:620px;font-size:14px;line-height:1.65}.popular-search-hub{gap:12px;margin-top:22px}.popular-search-group{padding:20px;border-radius:18px}.popular-search-group strong{margin-bottom:12px;font-size:15px}.popular-search-group div{gap:8px}.popular-search-group button{padding:8px 10px;border-radius:10px;font-size:13px}.compare-presets{gap:9px;margin-top:20px;padding-top:20px}.compare-presets strong{font-size:14px}.preset-button{padding:8px 12px;font-size:12px}.compare-presets>span{font-size:12px;line-height:1.5}
.recall-head-actions{font-size:13px}.recall-head-actions button{padding:9px 13px;font-size:13px}.recall-tabs{gap:8px;margin-top:20px}.recall-tabs button{padding:10px 16px;font-size:14px}.recall-status{margin-top:14px;padding:13px 15px;font-size:14px}.recall-summary{gap:10px;margin-top:12px}.recall-summary>div{padding:13px 15px;border-radius:13px}.recall-summary span{font-size:12px}.recall-summary strong{font-size:18px}.recall-filter-note{margin:12px 0 18px;padding:12px 14px;font-size:14px}.recall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.recall-card{min-height:230px;padding:20px;border-radius:17px}.recall-source,.recall-grade{padding:5px 8px;font-size:12px}.recall-card h3{margin-top:14px;font-size:20px}.recall-company{margin-top:7px;font-size:14px}.recall-type{margin-top:7px;font-size:13px}.recall-reason{margin-top:14px;font-size:14px;line-height:1.65}.recall-meta{gap:6px;padding-top:15px;font-size:12px}.recall-more{margin-top:12px;font-size:12px}.recall-footnote{margin-top:15px;font-size:12px;line-height:1.6}
.article-shell{grid-template-columns:minmax(0,1fr) 330px;gap:22px;margin-top:24px}.article-sidebar{gap:16px}.sidebar-card{padding:22px;border-radius:20px}.sidebar-card h3{margin-bottom:16px;font-size:20px}.sidebar-list{gap:10px}.sidebar-list li{padding-left:17px;font-size:13px;line-height:1.65}.sidebar-all-button{margin-top:16px;padding:11px;font-size:13px}.selected-food{grid-template-columns:minmax(0,1fr) 270px;gap:22px;padding:42px;border-radius:26px 26px 0 0}.food-title-row h2{font-size:48px}.meta-line{gap:8px;margin-top:12px}.meta-line span{padding:6px 10px;font-size:12px}.selected-actions{gap:8px}.favorite-toggle,.outline-button{padding:10px 13px;font-size:13px}.key-nutrients{gap:10px;margin-top:26px}.key-nutrient{padding:16px;border-radius:15px}.key-nutrient span{font-size:12px}.key-nutrient strong{margin-top:6px;font-size:27px}.key-nutrient em{font-size:11px}.source-card{padding:22px;border-radius:18px}.source-card>span:first-child{font-size:11px}.source-card strong{font-size:17px}.source-card p{font-size:12px}.food-code{font-size:11px}.article-toc{gap:7px;padding:14px 20px}.article-toc strong{font-size:13px}.article-toc button{padding:8px 11px;font-size:12px}
.article-section{margin-top:16px;padding:40px;border-radius:22px}.section-heading{margin-bottom:22px}.section-heading>div{padding-left:48px}.section-number{width:36px;height:36px;border-radius:11px;font-size:12px}.section-heading h3{font-size:32px}.soft-badge{padding:8px 11px;font-size:12px}.article-lead{font-size:17px;line-height:1.9}.section-intro{margin-bottom:20px;font-size:14px}.fact-grid{gap:10px;margin-top:24px}.fact{padding:16px;border-radius:14px}.fact span{font-size:12px}.fact strong{margin-top:5px;font-size:15px}.article-two-column{gap:14px;margin-top:14px}.story-panel{padding:26px;border-radius:18px}.mini-heading span{font-size:11px}.mini-heading strong{font-size:18px}.story-panel>p{font-size:14px;line-height:1.8}.macro-row{grid-template-columns:84px 1fr 68px;gap:12px}.macro-row span,.macro-row strong{font-size:13px}.macro-track{height:10px}.method-note{font-size:12px!important;line-height:1.65!important}.nutrition-focus-cards{gap:10px;margin-top:18px}.focus-card{padding:16px}.focus-card span{font-size:12px}.focus-card strong{font-size:22px}.focus-card small{font-size:11px;line-height:1.55}
.health-guide-grid{gap:12px}.health-guide-card{padding:21px;border-radius:17px}.health-guide-card .guide-icon{width:36px;height:36px;font-size:14px}.health-guide-card strong{font-size:16px}.health-guide-card p{font-size:13px;line-height:1.75}.health-guide-note{margin-top:16px;padding:20px}.health-guide-note strong{font-size:14px}.health-guide-note p{font-size:12px;line-height:1.75}
.serving-layout{gap:16px}.serving-copy{padding:26px;border-radius:18px}.serving-copy h4{font-size:20px}.serving-copy p{font-size:14px;line-height:1.75}.portion-shortcuts{gap:8px;margin-top:18px}.portion-shortcuts button,.portion-official-shortcuts button{padding:8px 12px;font-size:12px}.calculator-card{padding:24px;border-radius:18px}.portion-input-row{grid-template-columns:48px 1fr 48px;gap:9px}.portion-input-row label{height:56px}.portion-input-row input{font-size:28px}.portion-input-row label span{font-size:14px}.range-labels{font-size:11px}.portion-result{padding:18px}.portion-result span{font-size:13px}.portion-result strong{font-size:38px}.portion-result em{font-size:12px}.mini-macros{gap:8px;margin-top:10px}.mini-macro{padding:12px}.mini-macro span{font-size:11px}.mini-macro strong{font-size:13px}.inline-warning{font-size:12px}
.compare-search-row{grid-template-columns:260px 1fr;gap:12px}.current-food-pill{padding:14px 16px}.current-food-pill span{font-size:11px}.current-food-pill strong{font-size:15px}.mini-search{gap:9px}.mini-search input{min-height:52px;padding:0 16px;font-size:15px}.mini-search button{padding:0 18px;font-size:13px}.compare-suggestions{gap:8px;margin-top:13px}.compare-suggestions::before{font-size:12px}.compare-suggestions button{padding:7px 10px;font-size:12px}.compare-results{gap:9px;margin-top:13px}.compare-result{padding:14px}.compare-result strong{font-size:14px}.compare-result small{font-size:11px}.comparison-notice{padding:13px 15px;font-size:13px}.comparison-table-wrap,.nutrient-table-wrap{margin-top:13px;border-radius:15px}.comparison-table-wrap table,.nutrient-table-wrap table{font-size:14px}.comparison-table-wrap th,.comparison-table-wrap td,.nutrient-table-wrap th,.nutrient-table-wrap td{padding:13px 15px}.text-button{font-size:12px}.empty-state{padding:28px;font-size:13px}.nutrient-tabs{gap:8px}.nutrient-tabs button{padding:8px 12px;font-size:12px}.detail-toolbar{margin-top:14px}.detail-toolbar label{font-size:13px}.detail-toolbar input[type="search"]{width:360px;padding:11px 13px;font-size:13px}
.popular-heading p:not(.eyebrow){margin-top:8px;font-size:14px}.dataset-search-wrap{grid-template-columns:minmax(280px,390px) 42px}.dataset-search-wrap input{padding:12px 14px;font-size:14px}.category-chips{gap:8px;margin-top:20px}.category-chips button{padding:8px 11px;font-size:12px}.dataset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:18px}.dataset-card{min-height:145px;padding:18px;border-radius:16px}.dataset-card small{font-size:11px}.dataset-card strong{margin-top:6px;font-size:16px}.dataset-card span{margin-top:5px;font-size:12px}.dataset-card em{padding-top:13px;font-size:11px}.more-button{margin-top:20px;padding:11px 24px;font-size:13px}.trust-section{gap:11px;margin-top:24px}.trust-section>div{padding:20px;border-radius:16px}.trust-section strong{font-size:14px}.trust-section span{margin-top:5px;font-size:12px;line-height:1.55}.site-footer{padding:32px 34px 48px;font-size:12px;line-height:1.65}.site-footer div{gap:14px}.toast{padding:14px 18px;font-size:13px}
.recall-dialog{width:min(940px,calc(100% - 36px))}.dialog-head,.dialog-foot{padding:20px 22px}.dialog-head h3{font-size:20px}.recall-dialog-body{gap:18px;padding:22px}.recall-detail-grid{gap:9px}.recall-detail-grid>div{padding:13px}.recall-detail-grid span{font-size:11px}.recall-detail-grid strong{font-size:13px}.recall-detail-text{padding:17px}.recall-detail-text strong{font-size:13px}.recall-detail-text p{font-size:14px}.recall-dialog-note{padding:14px 22px;font-size:12px}
@media(max-width:1400px){.search-hero{grid-template-columns:1fr .95fr;gap:38px;padding:52px}.recall-grid{grid-template-columns:repeat(3,1fr)}.dataset-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1180px){.site-header{padding:0 22px}.search-hero{grid-template-columns:1fr;padding:44px}.article-sidebar{grid-template-columns:1fr 1fr}.article-shell{grid-template-columns:1fr}.popular-search-hub{grid-template-columns:repeat(3,1fr)}.recall-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){body{font-size:15px}main{padding:14px}.site-header{min-height:70px;padding:0 14px;border-radius:0 0 14px 14px}.brand strong{font-size:16px}.search-hero{padding:32px 24px;min-height:0;border-radius:22px}.search-hero-copy h1{font-size:40px}.hero-description{font-size:15px}.hero-trust-row span{font-size:12px}.search-command{padding:20px}.search-box input{height:58px;font-size:16px}.search-submit{height:54px;font-size:14px}.discover-board,.recall-board,.popular-section{padding:22px;border-radius:20px}.discover-head h2,.recall-head h2,.popular-heading h2{font-size:27px}.popular-search-hub{grid-template-columns:1fr 1fr}.recall-grid{grid-template-columns:1fr 1fr}.recall-card{min-height:220px;padding:17px}.recall-card h3{font-size:18px}.selected-food{padding:28px}.food-title-row h2{font-size:36px}.key-nutrient strong{font-size:24px}.article-section{padding:26px}.section-heading h3{font-size:26px}.article-lead{font-size:15px}.article-two-column,.serving-layout{grid-template-columns:1fr}.health-guide-grid{grid-template-columns:1fr 1fr}.comparison-table-wrap table,.nutrient-table-wrap table{font-size:13px}.dataset-grid{grid-template-columns:repeat(2,1fr)}.site-footer{padding:26px 16px 40px;font-size:11px}}
@media(max-width:520px){.brand small{display:none}.header-actions{gap:5px}.icon-button{width:38px;height:38px}.search-hero-copy h1{font-size:34px;line-height:1.12}.hero-description{font-size:14px}.hero-trust-row span{font-size:11px}.popular-search-hub,.recall-grid{grid-template-columns:1fr}.popular-search-group button{font-size:12px}.recall-card{min-height:auto}.recall-summary{grid-template-columns:1fr 1fr}.recall-summary strong{font-size:16px}.food-title-row h2{font-size:32px}.key-nutrients{grid-template-columns:1fr 1fr}.key-nutrient strong{font-size:22px}.article-section{padding:21px}.section-heading h3{font-size:23px}.section-heading>div{padding-left:42px}.section-number{width:32px;height:32px}.fact-grid,.nutrition-focus-cards,.health-guide-grid,.source-policy-grid,.source-ledger-grid{grid-template-columns:1fr}.story-panel{padding:20px}.story-panel>p{font-size:13px}.calculator-card{padding:18px}.portion-result strong{font-size:34px}.mini-macros{grid-template-columns:1fr 1fr}.comparison-table-wrap th,.comparison-table-wrap td,.nutrient-table-wrap th,.nutrient-table-wrap td{padding:11px 10px}.nutrient-tabs button{font-size:11px}.detail-toolbar label,.detail-toolbar input[type="search"]{font-size:12px}.dataset-grid{grid-template-columns:1fr}.dataset-card{min-height:130px}.trust-section{grid-template-columns:1fr}.trust-section strong{font-size:14px}.trust-section span{font-size:12px}}

/* v27.0.0 — FOOD DATA EXPERIENCE foundation */
.section-lead-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-lead-row h2{margin:0;font-size:34px;line-height:1.16;letter-spacing:-.045em}.section-lead-row p:not(.eyebrow){max-width:680px;margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.live-updated,.source-pill{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:850;white-space:nowrap}.live-updated::before{width:7px;height:7px;margin-right:7px;border-radius:50%;background:#4e9654;content:""}
.hero-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hero-secondary-button{padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:#f8faf6;color:#586255;font-size:11px;font-weight:850}.hero-secondary-button:hover{border-color:#bcd0b8;background:var(--green-soft);color:var(--green-deep)}

/* left safety rail + drawer */
.recall-rail-toggle{position:fixed;left:0;top:34%;z-index:65;display:grid;grid-template-columns:8px auto auto;align-items:center;gap:7px;padding:12px 12px 12px 9px;border:1px solid #e2c5c0;border-left:0;border-radius:0 15px 15px 0;background:#fff8f6;color:#703a33;box-shadow:0 12px 35px rgba(73,40,33,.12);font-size:11px;font-weight:900;writing-mode:horizontal-tb}.recall-rail-toggle strong{display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:999px;background:#a74d3e;color:#fff;font-size:10px}.rail-alert-dot{width:8px;height:8px;border-radius:50%;background:#b75849;box-shadow:0 0 0 5px rgba(183,88,73,.10)}
.recall-drawer{position:fixed;left:0;top:0;bottom:0;z-index:70;width:min(430px,92vw);padding:24px;overflow:auto;border-right:1px solid var(--line);background:#fff;box-shadow:28px 0 70px rgba(31,36,31,.18);transform:translateX(-104%);transition:transform .28s ease}.recall-drawer.open{transform:translateX(0)}.recall-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.recall-drawer-head h2{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.045em}.recall-drawer-head p:not(.eyebrow){margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.recall-drawer-head>button{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:22px}.recall-drawer-kpi{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:end;margin-top:20px;padding:16px;border:1px solid #ead4d0;border-radius:16px;background:#fff8f6}.recall-drawer-kpi span{color:#7d5049;font-size:11px;font-weight:850}.recall-drawer-kpi strong{grid-row:1/3;grid-column:2;font-size:28px;letter-spacing:-.05em}.recall-drawer-kpi small{color:#96726c;font-size:10px}.recall-drawer-list{display:grid;gap:10px;margin-top:15px}.drawer-recall-item{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;width:100%;padding:9px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:left}.drawer-recall-item:hover{background:#fcfaf7}.drawer-recall-image{position:relative;width:86px;height:78px;overflow:hidden;border-radius:11px;background:#f3f2ee}.drawer-recall-image img{width:100%;height:100%;object-fit:contain;background:#fff}.drawer-recall-image>span{display:none}.drawer-recall-image.placeholder{display:grid;place-items:center;padding:8px;color:#9b9f97;text-align:center}.drawer-recall-image.placeholder b{font-size:9px}.drawer-recall-image.placeholder span{display:block;font-size:8px}.drawer-recall-item>span{min-width:0}.drawer-recall-item small,.drawer-recall-item strong,.drawer-recall-item em{display:block}.drawer-recall-item small{color:#a05b50;font-size:9px;font-weight:900}.drawer-recall-item strong{margin-top:3px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.drawer-recall-item em{display:-webkit-box;margin-top:4px;overflow:hidden;color:var(--muted);font-size:10px;font-style:normal;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.drawer-all-button{width:100%;margin-top:14px;padding:12px;border:0;border-radius:12px;background:#8f4438;color:#fff;font-weight:900}.drawer-official-note{margin:10px 0 0;color:var(--muted);font-size:9px;text-align:center}
.mobile-safety-banner{display:none}

/* dashboard */
.food-dashboard{margin-top:24px;padding:34px 36px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow-soft)}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.dashboard-kpi{position:relative;min-height:136px;padding:22px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#fff,#fafbf8);overflow:hidden}.dashboard-kpi::after{position:absolute;right:-24px;bottom:-38px;width:110px;height:110px;border-radius:50%;background:rgba(77,132,79,.06);content:""}.dashboard-kpi.urgent{border-color:#ead4d0;background:linear-gradient(145deg,#fffaf8,#fff3ef)}.dashboard-kpi.urgent::after{background:rgba(167,77,62,.08)}.dashboard-kpi.api{background:linear-gradient(145deg,#fbfdf9,#f0f6ed)}.dashboard-kpi span,.dashboard-kpi strong,.dashboard-kpi small{display:block;position:relative;z-index:1}.dashboard-kpi span{color:var(--muted);font-size:12px;font-weight:850}.dashboard-kpi strong{margin-top:15px;font-size:30px;line-height:1;letter-spacing:-.055em}.dashboard-kpi small{margin-top:10px;color:#899086;font-size:10px;line-height:1.45}

/* recall live + infographic */
.section-subcopy{max-width:760px;margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.section-subcopy span{padding:3px 7px;border-radius:999px;background:#f4f3ef;color:#6e746c;font-size:10px;font-weight:850}.recall-live-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:18px;margin-top:18px}.recall-live-main{min-width:0}.safety-infographic{display:grid;align-self:start;gap:12px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fafbf8}.infographic-head span,.infographic-head strong{display:block}.infographic-head span{color:var(--green);font-size:10px;font-weight:950;letter-spacing:.12em}.infographic-head strong{margin-top:5px;font-size:20px}.mini-viz-block{padding:15px;border:1px solid #e7eae3;border-radius:15px;background:#fff}.mini-viz-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-viz-title strong{font-size:12px}.mini-viz-title span{color:var(--muted);font-size:9px}.timeline-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;height:150px;margin-top:14px}.timeline-col{display:grid;grid-template-rows:18px 1fr 18px;gap:4px;min-width:0;text-align:center}.timeline-value{color:#6f776e;font-size:9px;font-weight:900}.timeline-track{position:relative;height:100%;min-height:80px;border-radius:8px;background:#f1f3ee;overflow:hidden}.timeline-track i{position:absolute;left:0;right:0;bottom:0;min-height:4px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#80ae81,#4f8752)}.timeline-col small{color:#899087;font-size:8px}.rank-bars{display:grid;gap:8px;margin-top:13px}.rank-bar-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(70px,.8fr) 28px;gap:8px;align-items:center}.rank-bar-row>span{min-width:0;overflow:hidden;color:#555e53;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.rank-bar-row>span b{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:6px;background:#edf3ea;color:#4f7d51;font-size:8px}.rank-bar-row>div{height:7px;border-radius:999px;background:#edf0ea;overflow:hidden}.rank-bar-row>div i{display:block;height:100%;border-radius:999px;background:#6a9a6c}.rank-bar-row>strong{font-size:10px;text-align:right}.rank-bars.compact .rank-bar-row{grid-template-columns:minmax(0,1.45fr) minmax(60px,.55fr) 24px}.infographic-source{margin:0;color:#8a9088;font-size:9px;line-height:1.55}.viz-empty{padding:14px;color:var(--muted);font-size:10px;text-align:center}
.recall-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recall-image-grid .recall-card{display:grid;grid-template-columns:150px 1fr;gap:15px;min-height:230px;padding:12px;overflow:hidden}.recall-card-image{position:relative;min-height:200px;overflow:hidden;border-radius:13px;background:#f3f2ee}.recall-card-image img{width:100%;height:100%;object-fit:contain;background:#fff}.recall-card-image>span{position:absolute;left:7px;bottom:7px;padding:3px 5px;border-radius:6px;background:rgba(31,36,31,.72);color:#fff;font-size:7px}.recall-card-image.placeholder{display:grid;place-items:center;align-content:center;gap:5px;padding:12px;color:#9ca198;text-align:center}.recall-card-image.placeholder b{font-size:10px;letter-spacing:.08em}.recall-card-image.placeholder span{position:static;background:transparent;color:#9ca198;font-size:9px}.recall-card-body{display:flex;min-width:0;flex-direction:column;padding:4px 4px 4px 0}.recall-card-body h3{margin-top:10px}.recall-reason strong{display:block;margin-bottom:4px;color:#9a5045;font-size:9px}.recall-card-body .recall-more{margin-top:auto;padding-top:10px;color:#8c443a}

/* nutrition infographic */
.nutrition-viz-section,.food-guide-section{margin-top:24px;padding:34px 36px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow-soft)}.nutrition-viz-empty{display:grid;place-items:center;margin-top:22px;padding:42px 24px;border:1px dashed #d9ded5;border-radius:20px;background:#fafbf8;text-align:center}.empty-visual{display:flex;align-items:flex-end;gap:7px;height:58px;margin-bottom:14px}.empty-visual span{display:block;width:22px;border-radius:7px 7px 3px 3px;background:#dbe8d7}.empty-visual span:nth-child(1){height:28px}.empty-visual span:nth-child(2){height:52px}.empty-visual span:nth-child(3){height:38px}.nutrition-viz-empty strong{font-size:18px}.nutrition-viz-empty p{max-width:620px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.nutrition-viz-empty button{margin-top:15px;padding:10px 15px;border:0;border-radius:11px;background:var(--green);color:#fff;font-size:11px;font-weight:900}.nutrition-viz-content{margin-top:22px}.nutrition-viz-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:20px;background:linear-gradient(125deg,#f4f8ef,#fbf9f2)}.nutrition-viz-hero span{color:var(--green);font-size:10px;font-weight:900}.nutrition-viz-hero h3{margin:5px 0 0;font-size:30px;letter-spacing:-.045em}.nutrition-viz-hero p{margin:6px 0 0;color:var(--muted);font-size:11px}.nutrition-energy{display:grid;grid-template-columns:auto auto;align-items:end;gap:0 7px;min-width:150px;text-align:right}.nutrition-energy span{grid-column:1/-1;color:var(--muted);font-size:10px}.nutrition-energy strong{font-size:44px;line-height:1;letter-spacing:-.06em}.nutrition-energy em{padding-bottom:4px;color:#6e756d;font-size:11px;font-style:normal}.nutrition-viz-bars{display:grid;gap:14px;margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:18px}.nutrition-bar-row{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center}.nutrition-bar-row>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.nutrition-bar-row span{color:#5f675e;font-size:12px;font-weight:850}.nutrition-bar-row strong{font-size:13px}.nutrition-bar-track{height:12px;border-radius:999px;background:#eef1eb;overflow:hidden}.nutrition-bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#79a87b,#4d8350)}.nutrition-viz-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.nutrition-viz-metrics>div{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.nutrition-viz-metrics span,.nutrition-viz-metrics strong,.nutrition-viz-metrics em{display:block}.nutrition-viz-metrics span{color:var(--muted);font-size:9px}.nutrition-viz-metrics strong{margin-top:6px;font-size:21px}.nutrition-viz-metrics em{margin-top:2px;color:#91978f;font-size:9px;font-style:normal}

/* guide */
.guide-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.guide-card{position:relative;min-height:220px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fbfcf9;overflow:hidden}.guide-card.alert-guide{border-color:#ead6d1;background:#fff9f7}.guide-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf2e7;color:#4d7d50;font-size:10px;font-weight:950}.alert-guide .guide-number{background:#f7e6e2;color:#944a3f}.guide-card h3{margin:20px 0 0;font-size:18px;line-height:1.35;letter-spacing:-.03em}.guide-card p{margin:11px 0 0;color:#5c645b;font-size:12px;line-height:1.75}.guide-card small{display:block;margin-top:16px;color:#8b9189;font-size:9px;line-height:1.55}
.sidebar-note{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.result-side b{display:block;margin-bottom:4px;color:#3f6942;font-size:10px}

@media(max-width:1400px){.recall-live-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}.recall-image-grid .recall-card{grid-template-columns:125px 1fr}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.guide-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1180px){.recall-rail-toggle{display:none}.recall-drawer{display:none}.recall-live-layout{grid-template-columns:1fr}.safety-infographic{grid-template-columns:repeat(3,1fr);align-items:stretch}.infographic-head,.infographic-source{grid-column:1/-1}.recall-image-grid{grid-template-columns:1fr 1fr}.recall-image-grid .recall-card{grid-template-columns:115px 1fr}.nutrition-viz-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.desktop-nav{display:none}.mobile-safety-banner{display:grid;grid-template-columns:38px 1fr auto auto;gap:10px;align-items:center;width:100%;margin-top:14px;padding:14px;border:1px solid #ead2cc;border-radius:17px;background:#fff7f4;text-align:left}.mobile-safety-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#a94f41;color:#fff;font-weight:950}.mobile-safety-banner strong,.mobile-safety-banner small{display:block}.mobile-safety-banner strong{font-size:14px}.mobile-safety-banner small{margin-top:2px;color:#896862;font-size:10px}.mobile-safety-banner b{color:#8d4338;font-size:16px}.mobile-safety-banner em{color:#9a766f;font-size:10px;font-style:normal}.food-dashboard,.nutrition-viz-section,.food-guide-section{padding:22px;border-radius:20px}.section-lead-row{align-items:flex-start;flex-direction:column}.section-lead-row h2{font-size:27px}.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-kpi{min-height:118px;padding:17px}.dashboard-kpi strong{font-size:25px}.recall-live-board{padding:22px}.safety-infographic{grid-template-columns:1fr}.infographic-head,.infographic-source{grid-column:auto}.recall-image-grid{grid-template-columns:1fr}.recall-image-grid .recall-card{grid-template-columns:130px 1fr}.nutrition-viz-hero{align-items:flex-start;flex-direction:column}.nutrition-energy{text-align:left}.nutrition-bar-row{grid-template-columns:1fr;gap:8px}.nutrition-viz-metrics{grid-template-columns:1fr 1fr}.guide-card-grid{grid-template-columns:1fr 1fr}.guide-card{min-height:200px}.search-command{overflow:visible}}
@media(max-width:520px){main{padding:12px}.search-hero{padding:27px 20px}.search-box{grid-template-columns:1fr}.search-submit{min-width:0;width:100%}.hero-actions-row{display:grid;grid-template-columns:1fr 1fr}.dashboard-kpis{grid-template-columns:1fr 1fr;gap:8px}.dashboard-kpi{min-height:110px;padding:15px}.dashboard-kpi span{font-size:10px}.dashboard-kpi strong{font-size:22px}.dashboard-kpi small{font-size:8px}.recall-live-board{padding:18px}.recall-head-actions{width:100%;justify-content:space-between}.recall-image-grid .recall-card{grid-template-columns:105px 1fr;gap:10px;padding:9px}.recall-card-image{min-height:170px}.recall-card-body h3{font-size:16px}.recall-card-body .recall-reason{font-size:11px}.recall-card-body .recall-meta{font-size:9px}.timeline-chart{height:130px}.nutrition-viz-section,.food-guide-section{padding:19px}.nutrition-viz-hero{padding:19px}.nutrition-viz-hero h3{font-size:24px}.nutrition-energy strong{font-size:38px}.nutrition-viz-metrics{grid-template-columns:1fr 1fr}.guide-card-grid{grid-template-columns:1fr}.guide-card{min-height:0}.section-subcopy{font-size:12px}.source-pill,.live-updated{font-size:9px}.mobile-safety-banner{grid-template-columns:34px 1fr auto}.mobile-safety-banner em{display:none}.mobile-safety-icon{width:32px;height:32px}.search-results{left:0;right:0}}

/* v27.0.0 — FOOD DATA EXPERIENCE */
:root{--forest:#173326;--forest-2:#244a36;--cream:#f6f2e9;--accent:#d99a54;--signal-red:#a9483c;--data-blue:#54758a;--data-violet:#756b8b}
html,body{max-width:100%;overflow-x:clip}
.recall-live-board{padding:38px 40px;border-radius:28px;background:#fff}
.recall-live-layout{grid-template-columns:minmax(0,1.5fr) minmax(360px,.62fr);gap:22px;align-items:start}
.recall-live-main{min-width:0}
.recall-image-grid{display:flex!important;grid-template-columns:none!important;gap:14px;overflow-x:auto;padding:3px 2px 14px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}
.recall-image-grid .recall-card{flex:0 0 clamp(340px,32vw,460px);grid-template-columns:145px minmax(0,1fr)!important;min-height:244px;scroll-snap-align:start;border:1px solid #e7e5df;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(32,39,31,.055);transition:transform .18s ease,box-shadow .18s ease}
.recall-image-grid .recall-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(32,39,31,.09)}
.recall-image-grid .recall-card-image{min-height:218px;border-radius:15px;background:#f7f6f2}
.recall-card-body h3{font-size:18px;line-height:1.35;letter-spacing:-.025em}
.recall-card-body .recall-reason{padding:10px 0;border-top:1px solid #efeee9;border-bottom:1px solid #efeee9;color:#4d554d;line-height:1.55}
.recall-card-body .recall-more{font-weight:900}
.safety-signal{position:sticky;top:96px;padding:22px;border:0;border-radius:24px;background:linear-gradient(155deg,#14271d 0%,#1d3a2a 100%);color:#eef4ef;box-shadow:0 22px 48px rgba(19,42,30,.17)}
.signal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}
.signal-heading span,.data-panel-head span{display:block;color:#9ab29f;font-size:9px;font-weight:950;letter-spacing:.15em}
.signal-heading strong{display:block;margin-top:5px;font-size:20px;letter-spacing:-.035em}
.signal-heading em{padding:6px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#d5e3d7;font-size:8px;font-style:normal;font-weight:900}
.week-signal-card{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:18px 0;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.12)}
.week-signal-card>div{min-height:112px;padding:18px;background:rgba(255,255,255,.06)}
.week-signal-card span,.week-signal-card small{display:block;color:#b9cabc;font-size:9px}.week-signal-card strong{display:block;margin-top:7px;font-size:30px;letter-spacing:-.06em}.week-signal-card small{margin-top:4px}
.week-change strong.up{color:#f0b58b}.week-change strong.down{color:#a9c9dd}.week-change strong.flat{color:#d3ded5}
.signal-block{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.signal-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.signal-title strong{font-size:12px}.signal-title span{color:#91a594;font-size:8px}
.safety-signal .timeline-chart{height:142px}.safety-signal .timeline-value{color:#afc1b2}.safety-signal .timeline-track{background:rgba(255,255,255,.08)}.safety-signal .timeline-track i{background:linear-gradient(180deg,#b4d3b2,#6fa878)}.safety-signal .timeline-col small{color:#8ca08f}
.safety-signal .rank-bar-row>span{color:#dce8de}.safety-signal .rank-bar-row>span b{background:rgba(255,255,255,.1);color:#bcd1bf}.safety-signal .rank-bar-row>div{background:rgba(255,255,255,.08)}.safety-signal .rank-bar-row>div i{background:#83b287}.safety-signal .rank-bar-row>strong{color:#eff6f0}
.safety-coverage{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.safety-coverage>div{padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045)}.safety-coverage span,.safety-coverage strong{display:block}.safety-coverage span{color:#a9b9ac;font-size:8px}.safety-coverage strong{margin:4px 0 7px;font-size:18px}.safety-coverage i{display:block;height:3px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.safety-coverage i b{display:block;height:100%;background:#8eb994}
.safety-signal .infographic-source{margin-top:18px;color:#91a294}

/* nutrition data studio */
.nutrition-data-studio{padding:44px;border-radius:30px;background:#fbfcfa}
.studio-lead{align-items:center}.studio-lead h2{max-width:780px;font-size:40px}.studio-lead p:not(.eyebrow){max-width:850px}
.nutrition-studio-content{margin-top:24px}
.studio-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:stretch;padding:30px;border-radius:24px;background:linear-gradient(135deg,#18251e,#27392d);color:#f2f5f2;box-shadow:0 18px 40px rgba(25,47,34,.13)}
.studio-food-copy{align-self:center}.studio-food-copy>span{color:#a8c2ad;font-size:10px;font-weight:900}.studio-food-copy h3{max-width:900px;margin:7px 0 0;font-size:clamp(28px,3vw,44px);line-height:1.15;letter-spacing:-.055em}.studio-food-copy p{margin:9px 0 0;color:#aebdb1;font-size:11px}
.energy-plate{display:grid;align-content:center;justify-items:end;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.055);text-align:right}.energy-plate span{color:#a4b7a8;font-size:8px;font-weight:950;letter-spacing:.15em}.energy-plate strong{margin-top:8px;font-size:58px;line-height:.95;letter-spacing:-.075em}.energy-plate em{margin-top:3px;color:#dce6dd;font-size:13px;font-style:normal}.energy-plate small{margin-top:12px;color:#92a597;font-size:9px}
.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.data-panel{min-width:0;padding:24px;border:1px solid #e3e6df;border-radius:20px;background:#fff}.data-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.data-panel-head strong{display:block;margin-top:4px;font-size:18px;letter-spacing:-.035em}.data-panel-head>small{color:#8b9189;font-size:9px}.panel-method{margin:18px 0 0;padding-top:13px;border-top:1px solid #edf0ea;color:#8b9189;font-size:9px;line-height:1.65}
.macro-stack{display:flex;width:100%;height:36px;margin-top:25px;border-radius:11px;background:#eef0ec;overflow:hidden}.macro-segment{display:block;height:100%;min-width:2px}.macro-segment.m1,.macro-legend i.m1{background:#597b8b}.macro-segment.m2,.macro-legend i.m2{background:#5c8b68}.macro-segment.m3,.macro-legend i.m3{background:#d59a57}.macro-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.macro-legend>div{position:relative;padding:12px 10px 10px 14px;border-radius:12px;background:#f7f8f5}.macro-legend i{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.macro-legend span,.macro-legend strong,.macro-legend small{display:block}.macro-legend span{color:#6c746b;font-size:9px}.macro-legend strong{margin-top:4px;font-size:16px}.macro-legend small{margin-top:2px;color:#9a9f98;font-size:7px}
.lens-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.lens-grid>div{padding:15px;border-radius:14px;background:#f5f7f3}.lens-grid span,.lens-grid strong,.lens-grid em{display:block}.lens-grid span{color:#687067;font-size:9px}.lens-grid strong{margin-top:5px;font-size:24px;letter-spacing:-.04em}.lens-grid em{color:#929891;font-size:8px;font-style:normal}
.coverage-list{display:grid;gap:10px;margin-top:20px}.coverage-list>div>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.coverage-list span{font-size:10px;font-weight:800}.coverage-list strong{font-size:13px}.coverage-list strong small{color:#969b94;font-size:8px}.coverage-list i{display:block;height:7px;margin-top:5px;border-radius:999px;background:#eef0ec;overflow:hidden}.coverage-list i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#456e55,#7eaa82)}
.data-story-list{display:grid;gap:8px;margin-top:20px}.data-story-list article{padding:13px 14px;border-left:3px solid #87a68c;border-radius:0 12px 12px 0;background:#f7f8f5}.data-story-list span{display:block;color:#7f877e;font-size:8px}.data-story-list strong{display:block;margin-top:2px;font-size:14px}.data-story-list p{margin:3px 0 0;color:#747b72;font-size:9px;line-height:1.55}.studio-no-data{width:100%;padding:18px;color:#858c83;font-size:10px;text-align:center}

/* comparison lab */
.compare-lab{overflow:hidden}.compare-heading{align-items:flex-start}.compare-mode-buttons{display:inline-flex;gap:4px;margin:8px 0 16px;padding:4px;border:1px solid #e0e3dc;border-radius:13px;background:#f5f6f3}.compare-mode-buttons button{padding:9px 13px;border:0;border-radius:9px;background:transparent;color:#6d756c;font-size:10px;font-weight:900}.compare-mode-buttons button.active{background:#1f3528;color:#fff;box-shadow:0 4px 12px rgba(31,53,40,.14)}.compare-mode-buttons button:disabled{opacity:.35;cursor:not-allowed}
.compare-nameplate{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:14px 0;padding:22px;border-radius:18px;background:#1c2821;color:#edf3ee}.compare-nameplate>div{min-width:0}.compare-nameplate>div:last-child{text-align:right}.compare-nameplate span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.09);color:#aec2b1;font-size:9px;font-weight:950}.compare-nameplate strong,.compare-nameplate small{display:block}.compare-nameplate strong{margin-top:7px;overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.compare-nameplate small{margin-top:3px;color:#9eb0a1;font-size:9px}.compare-nameplate>b{color:#88a38d;font-size:10px;letter-spacing:.16em}
.compare-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.compare-summary article{min-height:132px;padding:18px;border:1px solid #e2e4df;border-radius:16px;background:#fafbf8}.compare-summary span{color:#6f8b75;font-size:8px;font-weight:950;letter-spacing:.13em}.compare-summary strong{display:block;margin-top:9px;font-size:17px;line-height:1.35;letter-spacing:-.025em}.compare-summary p{margin:8px 0 0;color:#747c73;font-size:9px;line-height:1.55}
.comparison-bars{display:grid;gap:13px;margin-top:20px;padding:20px;border:1px solid #e3e5df;border-radius:18px;background:#fff}.compare-bar-row{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}.compare-bar-label span,.compare-bar-label small{display:block}.compare-bar-label span{font-size:10px;font-weight:850}.compare-bar-label small{margin-top:2px;color:#9a9f98;font-size:8px}.compare-bar-pair{display:grid;gap:5px}.compare-bar-pair>div{display:grid;grid-template-columns:1fr 58px;align-items:center;gap:8px;height:18px}.compare-bar-pair>div::before{grid-column:1;grid-row:1;display:block;width:100%;height:8px;border-radius:999px;background:#eef0ec;content:""}.compare-bar-pair b{z-index:1;grid-column:1;grid-row:1;display:block;height:8px;border-radius:999px;background:#547c63}.compare-bar-pair>div:nth-child(2) b{background:#bd8b54}.compare-bar-pair strong{grid-column:2;grid-row:1;color:#586058;font-size:9px;text-align:right}.comparison-raw{margin-top:15px;border-top:1px solid #e8eae5}.comparison-raw summary{padding:14px 0;color:#60685f;font-size:10px;font-weight:900;cursor:pointer}

@media(max-width:1180px){.recall-live-layout{grid-template-columns:1fr}.safety-signal{position:static;display:block}.recall-image-grid .recall-card{flex-basis:min(430px,72vw)}.studio-grid{grid-template-columns:1fr 1fr}.safety-coverage{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.recall-live-board{padding:22px}.recall-image-grid{margin-right:-22px;padding-right:22px}.recall-image-grid .recall-card{flex-basis:82vw;grid-template-columns:120px minmax(0,1fr)!important}.safety-signal{padding:19px;border-radius:19px}.safety-coverage{grid-template-columns:1fr 1fr}.nutrition-data-studio{padding:22px}.studio-lead h2{font-size:30px}.studio-hero{grid-template-columns:1fr;padding:22px}.energy-plate{justify-items:start;text-align:left}.energy-plate strong{font-size:48px}.studio-grid{grid-template-columns:1fr}.compare-summary{grid-template-columns:1fr}.compare-mode-buttons{display:grid;grid-template-columns:1fr;width:100%}.compare-nameplate{gap:8px;padding:16px}.compare-nameplate strong{font-size:14px}.compare-bar-row{grid-template-columns:90px 1fr}.macro-legend{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:520px){.recall-image-grid .recall-card{flex-basis:88vw;grid-template-columns:96px minmax(0,1fr)!important;min-height:215px}.recall-image-grid .recall-card-image{min-height:190px}.week-signal-card{grid-template-columns:1fr 1fr}.week-signal-card>div{min-height:96px;padding:14px}.week-signal-card strong{font-size:24px}.nutrition-data-studio{padding:18px}.studio-hero{padding:18px}.studio-food-copy h3{font-size:26px}.energy-plate strong{font-size:42px}.macro-legend{grid-template-columns:1fr}.lens-grid{grid-template-columns:1fr 1fr}.compare-nameplate{grid-template-columns:1fr auto 1fr}.compare-nameplate strong{font-size:12px}.comparison-bars{padding:14px}.compare-bar-row{grid-template-columns:75px 1fr;gap:8px}.compare-bar-pair>div{grid-template-columns:1fr 45px}.section-lead-row .source-pill{white-space:normal}}
@media(prefers-reduced-motion:reduce){.recall-image-grid{scroll-behavior:auto}.recall-image-grid .recall-card{transition:none}}
.timeline-chart.timeline-14{grid-template-columns:repeat(14,1fr);gap:4px}.timeline-chart.timeline-14 .timeline-col small{font-size:7px}.timeline-chart.timeline-14 .timeline-value{font-size:8px}
@media(max-width:520px){.timeline-chart.timeline-14 .timeline-col small{font-size:0}.timeline-chart.timeline-14 .timeline-col:nth-child(2n+1) small{font-size:6px}.timeline-chart.timeline-14{gap:2px}}

/* ========================================================================== 
   v27.0.0 — COMMERCIAL SERVICE EDITION
   Professional consumer food-data experience. No external font dependency.
   ========================================================================== */
:root{
  --c-ink:#17201b;
  --c-ink-2:#334039;
  --c-muted:#65736a;
  --c-faint:#8b968f;
  --c-bg:#f1f4ef;
  --c-paper:#ffffff;
  --c-paper-2:#f8faf7;
  --c-line:#dfe5de;
  --c-line-2:#cdd7cf;
  --c-green:#245b3c;
  --c-green-2:#34754f;
  --c-green-3:#79a488;
  --c-night:#142119;
  --c-night-2:#203227;
  --c-amber:#c68a35;
  --c-red:#a94d42;
  --c-blue:#587a91;
  --c-shadow:0 24px 70px rgba(25,47,34,.09);
  --c-shadow-soft:0 12px 36px rgba(25,47,34,.06);
  --c-radius-xl:32px;
  --c-radius-lg:24px;
  --c-radius-md:16px;
  --c-shell:1560px;
}
body{background:linear-gradient(180deg,#f7f9f5 0,#eef2ed 100%);color:var(--c-ink);font-size:15px;line-height:1.68;letter-spacing:-.012em;overflow-x:hidden}
main{max-width:var(--c-shell);margin:0 auto;padding:0 28px 100px}
.skip-link{position:fixed;left:18px;top:-80px;z-index:999;padding:12px 18px;border-radius:12px;background:#111;color:#fff;text-decoration:none;font-weight:800}.skip-link:focus{top:18px}
button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(52,117,79,.28);outline-offset:3px}
button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
button:hover:not(:disabled){transform:translateY(-1px)}
section[id]{scroll-margin-top:96px}

/* Header */
.site-header{max-width:none;min-height:82px;padding:0 max(28px,calc((100vw - var(--c-shell))/2 + 28px));border-bottom:1px solid rgba(211,219,212,.8);background:rgba(249,251,248,.94);box-shadow:0 8px 34px rgba(29,47,37,.035)}
.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#1f4f34,#34734e);font-size:19px;box-shadow:0 10px 25px rgba(36,91,60,.2)}
.brand strong{font-size:17px;letter-spacing:-.035em}.brand small{font-size:11px;color:#77827b}
.desktop-nav{justify-content:center}.nav-button{padding:10px 12px;border-radius:10px;font-size:13px;font-weight:760;color:#536159}.nav-button.active,.nav-button:hover{background:#edf3ee;color:#234f37}
.header-actions{display:flex;gap:8px}.icon-button{width:40px;height:40px;border:1px solid #dce3dd;border-radius:12px;background:#fff;font-size:18px}

/* Commercial hero */
.commercial-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr);gap:28px;margin:30px 0 24px;padding:0;background:none;border:0;box-shadow:none}
.hero-primary{position:relative;overflow:hidden;min-height:520px;padding:54px 52px;border-radius:34px;background:linear-gradient(145deg,#132119 0%,#1c3325 54%,#274932 100%);color:#f4f7f4;box-shadow:0 28px 80px rgba(21,47,31,.17)}
.hero-primary::after{position:absolute;right:-90px;bottom:-130px;width:430px;height:430px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 52px rgba(255,255,255,.025),0 0 0 104px rgba(255,255,255,.018);content:""}
.hero-kicker{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#b9ccbD;font-size:11px;font-weight:900;letter-spacing:.13em}.live-dot{width:8px;height:8px;border-radius:50%;background:#8bc294;box-shadow:0 0 0 5px rgba(139,194,148,.1)}
.hero-primary h1{position:relative;z-index:1;max-width:780px;margin:22px 0 0;font-size:clamp(42px,4vw,68px);line-height:1.08;letter-spacing:-.065em}.hero-primary h1 em{color:#9ac6a5;font-style:normal}
.hero-primary .hero-description{position:relative;z-index:1;max-width:780px;margin:24px 0 0;color:#c3cec6;font-size:16px;line-height:1.8}
.hero-proof-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px;max-width:760px}.hero-proof-grid>div{min-height:92px;padding:16px 17px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.045)}.hero-proof-grid b,.hero-proof-grid strong,.hero-proof-grid span{display:block}.hero-proof-grid b{color:#89a892;font-size:10px;letter-spacing:.12em}.hero-proof-grid strong{margin-top:5px;font-size:14px}.hero-proof-grid span{margin-top:4px;color:#aab9ae;font-size:12px}
.hero-control-stack{display:grid;grid-template-rows:auto 1fr;gap:14px}.premium-search-command{position:relative;padding:24px;border:1px solid #dce4dd;border-radius:28px;background:#fff;box-shadow:var(--c-shadow-soft)}
.search-command-top>span{font-size:13px;font-weight:850}.api-status{font-size:11px}.search-box{min-height:68px;margin-top:16px;border:2px solid #d9e2db;border-radius:18px;background:#fafcf9}.search-box:focus-within{border-color:#5b896a;box-shadow:0 0 0 5px rgba(74,126,89,.08)}.search-box input{font-size:16px}.search-submit{min-width:154px;border-radius:14px;background:#245b3c;color:#fff;font-size:13px;font-weight:900}.search-message{font-size:12px;color:#708078}.hero-actions-row{gap:8px}.hero-secondary-button{padding:10px 13px;border:1px solid #dce4dd;border-radius:11px;background:#f7f9f6;font-size:12px;font-weight:800}
.hero-safety-brief{padding:24px 26px;border-radius:28px;background:#f4e9df;border:1px solid #e5d4c5;box-shadow:var(--c-shadow-soft)}.hero-brief-head{display:flex;align-items:center;gap:10px}.hero-brief-head span{color:#9a5e34;font-size:10px;font-weight:950;letter-spacing:.14em}.hero-brief-head b{font-size:13px}.hero-brief-head em{margin-left:auto;color:#8b7667;font-size:11px;font-style:normal}.hero-brief-number{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:12px;margin:22px 0 16px}.hero-brief-number strong{font-size:42px;line-height:1;letter-spacing:-.06em}.hero-brief-number span{padding-bottom:4px;color:#695c52;font-size:12px}.hero-brief-number b{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.65);font-size:11px}.hero-brief-number b.up{color:#a34b3e}.hero-brief-number b.down{color:#286544}.hero-safety-list{display:grid;gap:7px}.hero-safety-item{display:grid;grid-template-columns:74px 1fr;grid-template-rows:auto auto;gap:0 10px;padding:10px 12px;border:1px solid rgba(110,83,64,.1);border-radius:12px;background:rgba(255,255,255,.58);text-align:left}.hero-safety-item span{grid-row:1/3;align-self:center;color:#91715c;font-size:10px}.hero-safety-item strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.hero-safety-item small{color:#887a6f;font-size:10px}.hero-brief-loading{padding:18px;color:#88776a;font-size:12px;text-align:center}.hero-brief-cta{width:100%;margin-top:13px;padding:12px;border:0;border-radius:12px;background:#533b2c;color:#fff;font-size:12px;font-weight:850}

/* Search result panel */
.premium-results{overflow:auto;max-height:480px;margin-top:10px;border:1px solid #dce3dd;border-radius:16px;background:#fff;box-shadow:0 22px 60px rgba(27,51,35,.13)}
.search-result{padding:15px 16px!important;border-bottom:1px solid #edf0ec!important}.search-result:hover{background:#f5f8f5!important}.search-result strong{font-size:14px!important}.search-result small{font-size:11px!important;line-height:1.55!important}

/* Dashboard & live brief */
.food-dashboard,.intelligence-brief-section,.recall-live-board,.nutrition-data-studio,.food-guide-section,.trust-section{content-visibility:auto;contain-intrinsic-size:700px}
.food-dashboard{margin:0 0 18px;padding:28px;border:1px solid #dde4dd;border-radius:26px;background:rgba(255,255,255,.82);box-shadow:var(--c-shadow-soft)}
.section-lead-row h2,.recall-head h2{margin-top:4px;font-size:clamp(30px,3vw,44px);line-height:1.14;letter-spacing:-.055em}.section-lead-row p:not(.eyebrow),.recall-head p{font-size:14px;color:#69766e}
.dashboard-kpis{gap:12px}.dashboard-kpi{min-height:132px;padding:20px;border:1px solid #e0e5e0;border-radius:18px;background:#fbfcfa}.dashboard-kpi span{font-size:11px}.dashboard-kpi strong{margin-top:12px;font-size:28px}.dashboard-kpi small{font-size:10px}.dashboard-kpi.urgent{background:#fbf1ea;border-color:#eed9ca}.dashboard-kpi.api{background:#eff6f0}

.intelligence-brief-section{margin:18px 0 26px;padding:34px;border-radius:30px;background:#fff;border:1px solid #dce3dd;box-shadow:var(--c-shadow-soft)}
.commercial-lead{align-items:end}.briefing-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:12px;margin-top:22px}.briefing-card{position:relative;overflow:hidden;min-height:220px;padding:24px;border:1px solid #e0e5df;border-radius:20px;background:#f8faf7}.briefing-card.primary{background:linear-gradient(150deg,#1a2a20,#263d2e);color:#f3f7f3;border-color:#263d2e}.briefing-card.quality{background:#f4f0e8}.briefing-card>span{font-size:10px;font-weight:950;letter-spacing:.13em;color:#6f8d78}.briefing-card.primary>span{color:#95b19d}.briefing-card strong{display:block;margin-top:18px;font-size:24px;line-height:1.25;letter-spacing:-.045em}.briefing-card p{margin:12px 0 0;color:#6c786f;font-size:12px;line-height:1.65}.briefing-card.primary p{color:#a9b8ad}.briefing-spark{display:flex;align-items:end;gap:4px;height:62px;margin-top:24px}.briefing-spark i{flex:1;min-height:4px;border-radius:4px 4px 1px 1px;background:#82a78d;opacity:.9}

/* Safety board */
.recall-live-board{margin:26px 0;padding:38px;border:1px solid #dbe2dc;border-radius:32px;background:#fff;box-shadow:var(--c-shadow)}.recall-live-layout{grid-template-columns:minmax(0,1.55fr) minmax(360px,.65fr);gap:20px}.recall-tabs button{padding:10px 14px;font-size:12px}.recall-status,.recall-filter-note,.recall-footnote{font-size:12px}.recall-image-grid{gap:12px}.recall-image-grid .recall-card{flex-basis:440px;min-height:258px;border-radius:19px;background:#fff;box-shadow:0 12px 32px rgba(30,47,36,.06)}.recall-card h3{font-size:17px!important}.recall-company,.recall-reason,.recall-meta{font-size:11px!important}.recall-more{font-size:11px!important}.safety-signal{border-radius:24px!important}.signal-heading strong{font-size:20px!important}.signal-title strong{font-size:13px!important}.rank-bar-row{font-size:11px!important}.safety-coverage span{font-size:10px!important}.safety-coverage strong{font-size:19px!important}.infographic-source{font-size:10px!important;line-height:1.6}

/* Nutrition studio */
.nutrition-data-studio{margin:26px 0;padding:42px;border:1px solid #dce3dd;border-radius:34px;background:#f9fbf8;box-shadow:var(--c-shadow-soft)}.studio-lead h2{font-size:clamp(34px,3.5vw,52px)}.source-pill{padding:9px 12px;border-radius:999px;background:#edf3ee;color:#356447;font-size:10px;font-weight:900;letter-spacing:.08em}.studio-empty{min-height:320px;border:1px dashed #ccd8cf;border-radius:24px;background:#fff}.studio-empty strong{font-size:20px}.studio-empty p{font-size:13px}.studio-empty button{padding:11px 16px;border:0;border-radius:12px;background:#245b3c;color:#fff;font-weight:800}
.commercial-studio-hero{grid-template-columns:minmax(0,1fr) 330px;padding:40px;border-radius:28px;background:linear-gradient(135deg,#122018 0%,#1b2d22 55%,#2b4634 100%)}.studio-food-copy>span{font-size:12px}.studio-food-copy h3{font-size:clamp(34px,4vw,58px)}.studio-food-copy p{font-size:12px}.nutrition-metric-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:28px}.nutrition-metric-rail>div{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.045)}.nutrition-metric-rail span,.nutrition-metric-rail strong{display:block}.nutrition-metric-rail span{color:#aabaae;font-size:10px}.nutrition-metric-rail strong{margin-top:5px;font-size:19px}.nutrition-metric-rail strong small{font-size:10px;font-weight:600;color:#aabaae}
.nutrition-orbit-wrap{display:grid;justify-items:center;align-content:center}.nutrition-macro-donut{display:grid;place-items:center;width:250px;height:250px;border-radius:50%;padding:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 22px 44px rgba(0,0,0,.15)}.nutrition-macro-donut>div{display:grid;place-items:center;width:170px;height:170px;border-radius:50%;background:#16251c;color:#fff;box-shadow:0 0 0 12px rgba(22,37,28,.72)}.nutrition-macro-donut span{color:#9eb1a3;font-size:9px;font-weight:950;letter-spacing:.16em}.nutrition-macro-donut strong{font-size:48px;line-height:1;letter-spacing:-.06em}.nutrition-macro-donut em{font-style:normal;font-size:12px}.nutrition-macro-donut small{margin-top:5px;color:#95a79a;font-size:10px}.nutrition-orbit-wrap>p{max-width:260px;margin:13px 0 0;color:#9caea1;font-size:10px;text-align:center}
.studio-grid{grid-template-columns:1.2fr .8fr 1fr 1fr;gap:12px}.data-panel{padding:24px;border-radius:20px;box-shadow:0 8px 25px rgba(32,48,38,.035)}.data-panel-head>div>span{font-size:10px!important}.data-panel-head strong{font-size:18px}.data-panel-head>small{font-size:10px}.panel-method{font-size:10px}.macro-legend span,.lens-grid span,.coverage-list span{font-size:11px}.macro-legend strong{font-size:17px}.macro-legend small,.lens-grid em{font-size:9px}.data-story-list span{font-size:9px}.data-story-list strong{font-size:15px}.data-story-list p{font-size:11px}.lens-grid strong{font-size:25px}
.nutrient-atlas-panel{margin-top:12px;padding:28px;border:1px solid #dfe5df;border-radius:22px;background:#fff}.nutrient-atlas{display:grid;grid-template-columns:repeat(31,1fr);gap:5px;margin-top:22px}.atlas-cell{position:relative;aspect-ratio:1;border-radius:4px;background:#edf0ec;box-shadow:inset 0 0 0 1px rgba(37,55,44,.035)}.atlas-cell.provided{background:#345e45}.atlas-cell.vitamin.provided{background:#a07841}.atlas-cell.mineral.provided{background:#58778a}.atlas-cell.amino.provided{background:#6b6d9b}.atlas-cell.fatty.provided{background:#a66f58}.atlas-cell.sugar.provided{background:#b28a5c}.atlas-cell.other.provided{background:#6f8274}.nutrient-atlas-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:16px}.nutrient-atlas-legend span{display:flex;align-items:center;gap:6px;font-size:11px}.nutrient-atlas-legend i{width:9px;height:9px;border-radius:3px;background:#345e45}.nutrient-atlas-legend i.vitamin{background:#a07841}.nutrient-atlas-legend i.mineral{background:#58778a}.nutrient-atlas-legend i.amino{background:#6b6d9b}.nutrient-atlas-legend i.fatty{background:#a66f58}.nutrient-atlas-legend i.sugar{background:#b28a5c}.nutrient-atlas-legend i.other{background:#6f8274}.nutrient-atlas-legend em{color:#7c877f;font-style:normal}

/* Guide */
.food-guide-section{margin:26px 0;padding:38px;border-radius:30px;background:#eaf0e9}.guide-card-grid{gap:12px}.guide-card{min-height:245px;padding:25px;border:1px solid rgba(42,75,51,.08);border-radius:20px;background:rgba(255,255,255,.78)}.guide-card h3{font-size:19px}.guide-card p{font-size:13px;line-height:1.75}.guide-card small{font-size:10px}

/* Article */
.article-shell{grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-top:28px}.food-article{overflow:hidden;border:1px solid #dce3dd;border-radius:32px;background:#fff;box-shadow:var(--c-shadow)}.selected-food{padding:36px 38px;background:linear-gradient(135deg,#fdfefd,#f3f7f3)}.food-title-row h2{font-size:clamp(32px,3vw,48px);line-height:1.18}.meta-line span{font-size:11px}.selected-actions button{font-size:11px}.key-nutrients{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:25px}.key-nutrient{min-height:104px;padding:16px;border-radius:15px;background:#fff;border:1px solid #e2e7e2}.key-nutrient span{font-size:10px}.key-nutrient strong{font-size:23px}.key-nutrient em{font-size:10px}.source-card{border-radius:18px}.article-toc{padding:14px 28px;border-top:1px solid #e6ebe6;border-bottom:1px solid #e6ebe6;background:#fbfcfa}.article-toc strong{font-size:11px}.article-toc button{font-size:11px}.article-section{padding:40px 38px}.section-number{font-size:12px}.section-heading h3{font-size:30px}.section-intro,.article-lead{font-size:14px;line-height:1.8}.fact-grid{grid-template-columns:repeat(3,1fr);gap:10px}.fact{padding:16px;border-radius:14px}.fact span{font-size:10px}.fact strong{font-size:13px}.article-two-column{gap:14px}.story-panel{padding:24px;border-radius:18px}.story-panel p{font-size:13px}.mini-heading span{font-size:10px}.mini-heading strong{font-size:17px}.focus-card span{font-size:10px}.focus-card strong{font-size:16px}.focus-card small{font-size:10px}.health-guide-card{min-height:190px}.health-guide-card strong{font-size:15px}.health-guide-card p{font-size:11px}.serving-copy p{font-size:13px}.calculator-card{border-radius:20px}.mini-macro span{font-size:10px}.mini-macro strong{font-size:14px}.nutrient-tabs button{font-size:11px}.detail-toolbar{font-size:11px}.nutrient-table-wrap table{font-size:12px}.source-ledger-item span{font-size:10px}.source-ledger-item strong{font-size:12px}.source-policy-grid p{font-size:11px}
.article-sidebar{display:grid;align-content:start;gap:12px}.sidebar-card{padding:22px;border:1px solid #dce3dd;border-radius:20px;background:#fff;box-shadow:var(--c-shadow-soft)}.sidebar-card h3{font-size:18px}.sidebar-note,.sidebar-list{font-size:12px}

/* Comparison lab */
.compare-lab{background:linear-gradient(180deg,#fff 0,#f9faf8 100%)}.compare-search-row{gap:12px}.current-food-pill{border-radius:16px}.mini-search{border-radius:16px}.comparison-lab-view{margin-top:18px}.compare-mode-buttons button{font-size:11px}.compare-nameplate{padding:26px;border-radius:20px}.compare-nameplate strong{font-size:21px}.comparison-narrative{margin:16px 0;padding:22px 24px;border-left:5px solid #49765a;border-radius:0 16px 16px 0;background:#edf4ee}.comparison-narrative span{font-size:10px;font-weight:950;letter-spacing:.13em;color:#5c8067}.comparison-narrative strong{display:block;margin-top:6px;font-size:22px;letter-spacing:-.04em}.comparison-narrative p{margin:8px 0 0;color:#65736a;font-size:12px}.compare-summary article{min-height:150px;padding:22px}.compare-summary span{font-size:10px}.compare-summary strong{font-size:18px}.compare-summary p{font-size:11px}.comparison-dumbbell{display:grid;gap:14px;margin-top:16px;padding:24px;border:1px solid #dde4dd;border-radius:20px;background:#fff}.dumbbell-row{display:grid;grid-template-columns:120px 1fr 120px;align-items:center;gap:18px}.dumbbell-label strong,.dumbbell-label span{display:block}.dumbbell-label strong{font-size:12px}.dumbbell-label span{margin-top:2px;color:#909a93;font-size:9px}.dumbbell-track{position:relative;height:16px}.track-line{position:absolute;left:0;right:0;top:7px;height:2px;background:#dde3de}.point-a,.point-b{position:absolute;top:2px;width:12px;height:12px;margin-left:-6px;border-radius:50%;box-shadow:0 0 0 3px #fff}.point-a{background:#2f7049}.point-b{background:#c18445}.dumbbell-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:10px;text-align:right}.dumbbell-values span:first-child{color:#2f7049}.dumbbell-values span:last-child{color:#a66d33}.comparison-bars{border-radius:20px}.compare-bar-label span{font-size:11px}.compare-bar-label small{font-size:9px}.compare-bar-pair strong{font-size:10px}

/* Content evidence studio */
.content-studio-section{background:linear-gradient(145deg,#15231a 0,#213328 100%);color:#eef4ef}.content-studio-section .section-heading h3,.content-studio-section .eyebrow{color:#eef4ef}.content-studio-section .section-intro{color:#aebdb2}.content-studio-section .soft-badge{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#c6d5c9}.content-studio-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-top:20px}.content-brief-main,.content-outline-card{padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.045)}.content-brief-main>span,.content-outline-card>span{color:#93ad9b;font-size:10px;font-weight:950;letter-spacing:.14em}.content-brief-main h4{margin:12px 0 0;font-size:25px;letter-spacing:-.045em}.content-brief-main>p{color:#adbbb0;font-size:12px}.content-fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.content-fact-grid>div{padding:13px;border-radius:12px;background:rgba(255,255,255,.055)}.content-fact-grid span,.content-fact-grid strong{display:block}.content-fact-grid span{color:#9caf9f;font-size:9px}.content-fact-grid strong{margin-top:4px;font-size:14px}.content-outline{display:grid;gap:8px;margin-top:15px}.content-outline>div{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.content-outline b{color:#86a590;font-size:10px}.content-outline strong,.content-outline small{display:block}.content-outline strong{font-size:12px}.content-outline small{margin-top:3px;color:#9eada2;font-size:10px;line-height:1.5}.content-studio-actions{display:flex;align-items:center;gap:9px;margin-top:15px}.primary-action{padding:11px 16px;border:0;border-radius:11px;background:#8eb79a;color:#102018;font-size:11px;font-weight:900}.content-studio-section .outline-button{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#fff}.content-studio-actions small{margin-left:auto;color:#93a79a;font-size:9px}

/* Trust & footer */
.trust-section{margin:28px 0 0;padding:26px;border:1px solid #dce3dd;border-radius:24px;background:#fff}.trust-section strong{font-size:13px}.trust-section span{font-size:10px}.commercial-footer{max-width:none;padding:36px max(28px,calc((100vw - var(--c-shell))/2 + 28px)) 54px;background:#142119;color:#b9c6bc}.commercial-footer p{max-width:1120px;font-size:11px;line-height:1.8}.commercial-footer a{font-size:11px}

.mobile-bottom-nav{display:none}

/* Existing rail/drawer refined */
.recall-rail-toggle{top:118px;border-radius:0 13px 13px 0;box-shadow:0 12px 28px rgba(39,56,45,.12)}.recall-drawer{width:min(420px,92vw);box-shadow:20px 0 70px rgba(22,39,28,.16)}

/* Motion & print */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
@media print{.site-header,.recall-rail-toggle,.recall-drawer,.mobile-bottom-nav,.selected-actions,.article-toc,.article-sidebar,.site-footer,.hero-actions-row,.content-studio-actions{display:none!important}body{background:#fff}.commercial-hero,.food-dashboard,.intelligence-brief-section,.recall-live-board,.nutrition-data-studio,.article-shell{box-shadow:none;border:1px solid #ddd}.article-shell{display:block}.food-article{box-shadow:none}}

/* Responsive */
@media(max-width:1280px){
  .commercial-hero{grid-template-columns:1fr}.hero-primary{min-height:0}.hero-control-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.briefing-grid{grid-template-columns:1.3fr 1fr 1fr}.briefing-card.quality{grid-column:1/-1;min-height:160px}.studio-grid{grid-template-columns:1fr 1fr}.nutrient-atlas{grid-template-columns:repeat(26,1fr)}.key-nutrients{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:980px){
  main{padding-left:18px;padding-right:18px}.site-header{padding:0 18px}.desktop-nav{display:none}.commercial-hero{margin-top:18px}.hero-control-stack{grid-template-columns:1fr}.hero-primary{padding:40px 34px}.briefing-grid{grid-template-columns:1fr 1fr}.briefing-card.primary{grid-column:1/-1}.briefing-card.quality{grid-column:auto}.recall-live-layout{grid-template-columns:1fr}.commercial-studio-hero{grid-template-columns:1fr}.nutrition-orbit-wrap{margin-top:16px}.studio-grid{grid-template-columns:1fr 1fr}.article-shell{grid-template-columns:1fr}.article-sidebar{display:none}.content-studio-layout{grid-template-columns:1fr}.nutrient-atlas{grid-template-columns:repeat(22,1fr)}
}
@media(max-width:760px){
  body{font-size:14px;padding-bottom:70px}.site-header{min-height:66px}.brand-mark{width:38px;height:38px}.brand strong{font-size:15px}.brand small{font-size:9px}.commercial-hero{gap:12px}.hero-primary{padding:30px 24px;border-radius:24px}.hero-primary h1{font-size:38px}.hero-primary .hero-description{font-size:14px}.hero-proof-grid{grid-template-columns:1fr 1fr}.hero-proof-grid>div{min-height:88px;padding:13px}.hero-proof-grid strong{font-size:12px}.hero-proof-grid span{font-size:10px}.premium-search-command,.hero-safety-brief{padding:18px;border-radius:20px}.search-box{display:grid;grid-template-columns:1fr;min-height:0;padding:6px}.search-box input{min-height:50px}.search-submit{min-height:46px;min-width:0}.hero-brief-number strong{font-size:34px}.food-dashboard,.intelligence-brief-section,.recall-live-board,.nutrition-data-studio,.food-guide-section{padding:22px;border-radius:22px}.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-kpi{min-height:112px;padding:16px}.dashboard-kpi strong{font-size:23px}.briefing-grid{grid-template-columns:1fr}.briefing-card.primary,.briefing-card.quality{grid-column:auto}.briefing-card{min-height:175px;padding:20px}.briefing-card strong{font-size:20px}.recall-image-grid .recall-card{flex-basis:86vw}.commercial-studio-hero{padding:24px}.studio-food-copy h3{font-size:34px}.nutrition-metric-rail{grid-template-columns:1fr 1fr}.nutrition-macro-donut{width:210px;height:210px}.nutrition-macro-donut>div{width:142px;height:142px}.nutrition-macro-donut strong{font-size:39px}.studio-grid{grid-template-columns:1fr}.nutrient-atlas{grid-template-columns:repeat(18,1fr);gap:4px}.guide-card-grid{grid-template-columns:1fr}.guide-card{min-height:0}.selected-food{grid-template-columns:1fr;padding:26px 22px}.source-card{margin-top:16px}.key-nutrients{grid-template-columns:repeat(2,1fr)}.article-section{padding:30px 22px}.article-toc{overflow:auto;justify-content:flex-start;padding:12px 18px}.article-toc strong{display:none}.fact-grid{grid-template-columns:1fr 1fr}.article-two-column{grid-template-columns:1fr}.health-guide-grid{grid-template-columns:1fr 1fr}.serving-layout{grid-template-columns:1fr}.compare-search-row{grid-template-columns:1fr}.compare-nameplate strong{white-space:normal}.comparison-dumbbell{padding:16px}.dumbbell-row{grid-template-columns:78px 1fr 76px;gap:8px}.content-fact-grid{grid-template-columns:1fr 1fr}.content-studio-actions{align-items:stretch;flex-direction:column}.content-studio-actions small{margin-left:0}.mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:80;display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border:1px solid rgba(211,220,213,.9);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 14px 44px rgba(25,44,32,.16);backdrop-filter:blur(18px)}.mobile-bottom-nav button{display:grid;justify-items:center;gap:2px;padding:6px;border:0;border-radius:11px;background:transparent}.mobile-bottom-nav span{font-size:16px}.mobile-bottom-nav b{font-size:9px}.commercial-footer{padding-bottom:100px}.recall-rail-toggle{display:none!important}
}
@media(max-width:480px){
  main{padding-left:12px;padding-right:12px}.hero-primary{padding:26px 20px}.hero-primary h1{font-size:33px}.hero-proof-grid{grid-template-columns:1fr}.hero-proof-grid>div{min-height:0}.hero-brief-head{flex-wrap:wrap}.hero-brief-head em{width:100%;margin-left:0}.hero-brief-number{grid-template-columns:auto 1fr}.hero-brief-number b{grid-column:1/-1;justify-self:start}.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-kpi span{font-size:10px}.dashboard-kpi strong{font-size:21px}.section-lead-row h2,.recall-head h2{font-size:29px}.nutrition-metric-rail{grid-template-columns:1fr 1fr}.nutrient-atlas{grid-template-columns:repeat(13,1fr)}.key-nutrients{grid-template-columns:1fr 1fr}.fact-grid{grid-template-columns:1fr}.health-guide-grid{grid-template-columns:1fr}.compare-summary{grid-template-columns:1fr}.compare-nameplate{grid-template-columns:1fr auto 1fr}.comparison-bars{padding:12px}.compare-bar-row{grid-template-columns:70px 1fr}.dumbbell-row{grid-template-columns:64px 1fr 62px}.dumbbell-values{font-size:8px}.content-fact-grid{grid-template-columns:1fr 1fr}
}
.premium-search-result{grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr) 130px!important;gap:14px!important;align-items:center!important}.result-title-line{display:flex;align-items:center;gap:7px}.exact-badge{padding:3px 6px;border-radius:999px;background:#e8f3ea;color:#2f6844;font-size:9px!important;white-space:nowrap}.result-nutrition{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.result-nutrition>span{padding:7px 8px;border-radius:9px;background:#f5f7f4;text-align:center}.result-nutrition small,.result-nutrition b{display:block}.result-nutrition small{margin:0!important;color:#879189!important;font-size:8px!important}.result-nutrition b{margin-top:2px;font-size:10px}.premium-search-result .result-side em{margin-top:4px;color:#376848;font-size:9px;font-weight:850;font-style:normal}
@media(max-width:760px){.premium-search-result{grid-template-columns:1fr!important}.result-nutrition{grid-template-columns:repeat(3,1fr)}.premium-search-result .result-side{text-align:left}.result-side{display:flex;flex-wrap:wrap;gap:5px 9px;align-items:center}.result-title-line{align-items:flex-start;flex-direction:column}}
.recall-dialog .dialog-head h3{font-size:20px}.recall-detail-grid span{font-size:10px}.recall-detail-grid strong{font-size:12px}.recall-detail-text strong{font-size:12px}.recall-detail-text p{font-size:12px}.recall-dialog-note{font-size:10px}.library-dialog{border-radius:20px}.library-item strong{font-size:13px}.library-item small{font-size:10px}

/* v27.0.0 mobile first-action refinement: search and safety must appear before methodology cards */
@media(max-width:760px){
  .hero-proof-grid{display:none}
  .hero-safety-brief{display:none}
  .hero-primary{min-height:0;padding-bottom:26px}
  .hero-primary h1{margin-top:18px}
  .hero-primary .hero-description{margin-top:16px;line-height:1.7}
  .commercial-hero{margin-top:12px;margin-bottom:10px}
  .premium-search-command{box-shadow:0 12px 34px rgba(25,44,32,.1)}
  .mobile-safety-banner{margin-top:10px}
}
@media(max-width:480px){
  .hero-primary{padding:24px 20px 22px}
  .hero-primary h1{font-size:32px;line-height:1.08}
  .hero-primary .hero-description{font-size:13px;line-height:1.65}
  .hero-kicker{font-size:9px;letter-spacing:.1em}
  .premium-search-command{padding:16px}
}

/* ========================================================================== 
   v27.1 — REQUEST v1.0 MAIN EXPERIENCE ALIGNMENT
   First-screen contract: Safety LIVE / Search / Today at a glance.
   Mobile contract: title + search -> large safety slider -> glance -> infographic.
   ========================================================================== */
.home-command{
  display:block!important;
  min-height:0!important;
  margin-top:28px!important;
  padding:32px!important;
  border:1px solid var(--c-line)!important;
  border-radius:var(--c-radius-xl)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:var(--c-shadow)!important;
  overflow:visible!important;
}
.home-intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px;padding:0 2px}
.home-intro-row h1{max-width:940px;margin:7px 0 8px;font-size:clamp(34px,3.1vw,54px);line-height:1.06;letter-spacing:-.055em;color:var(--c-ink)}
.home-intro-row h1 em{color:var(--c-green);font-style:normal}
.home-intro-row>div:first-child>p{max-width:880px;margin:0;color:var(--c-muted);font-size:16px;line-height:1.7}
.home-source-badge{flex:0 0 auto;min-width:220px;padding:16px 18px;border:1px solid #dce5dd;border-radius:18px;background:#f7faf7;text-align:right}
.home-source-badge strong,.home-source-badge span,.home-source-badge small{display:block}
.home-source-badge strong{font-size:12px;letter-spacing:.15em;color:var(--c-green)}
.home-source-badge span{margin-top:2px;font-size:15px;font-weight:850}
.home-source-badge small{margin-top:3px;color:var(--c-muted);font-size:10px}
.home-command-grid{display:grid;grid-template-columns:minmax(320px,.84fr) minmax(500px,1.45fr) minmax(280px,.72fr);gap:18px;align-items:stretch}
.home-command-grid>*{min-width:0}
.home-safety-live,.home-search-center,.home-glance{border:1px solid var(--c-line);border-radius:24px;background:var(--c-paper);box-shadow:0 12px 30px rgba(28,49,36,.045)}
.home-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.home-panel-heading span{display:block;color:var(--c-green-2);font-size:9px;font-weight:950;letter-spacing:.15em}
.home-panel-heading h2{margin:4px 0 0;font-size:24px;line-height:1.12;letter-spacing:-.045em}
.home-panel-heading em{max-width:110px;color:var(--c-faint);font-size:9px;font-style:normal;text-align:right;line-height:1.35}
.home-safety-live{position:relative;display:flex;flex-direction:column;padding:20px;overflow:hidden}
.home-panel-copy{margin:11px 0 12px;color:var(--c-muted);font-size:12px;line-height:1.6}
.home-safety-summary{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;padding:10px 12px;border-radius:14px;background:#f3f7f3}
.home-safety-summary strong{font-size:24px;line-height:1;color:var(--c-green)}
.home-safety-summary span{font-size:9px;color:var(--c-muted)}
.home-safety-summary b{margin-left:auto;font-size:9px;color:#6f7d73}
.home-safety-summary b.up{color:var(--c-red)}.home-safety-summary b.down{color:var(--c-green-2)}
.home-safety-viewport{position:relative;overflow:hidden;border:1px solid #e0e6e0;border-radius:18px;background:#f8faf7;outline:none}
.home-safety-track{display:flex!important;gap:0!important;min-height:322px!important;transition:transform .62s cubic-bezier(.2,.72,.2,1);will-change:transform}
.home-safety-card{display:grid!important;grid-template-rows:164px minmax(0,1fr);flex:0 0 100%;width:100%;min-width:100%;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:inherit;text-align:left;overflow:hidden;box-shadow:none!important;transform:none!important}
.home-safety-card:hover{background:#fff!important}
.home-safety-image{position:relative;min-height:164px;background:linear-gradient(145deg,#eef3ee,#e6ece7);overflow:hidden}
.home-safety-image img{width:100%;height:100%;object-fit:contain;background:#fff}
.home-safety-image>span{position:absolute;left:10px;bottom:9px;padding:4px 7px;border-radius:8px;background:rgba(20,33,25,.78);color:#fff;font-size:8px}
.home-safety-image.placeholder{display:grid;place-content:center;text-align:center;color:#849087}
.home-safety-image.placeholder b{font-size:11px;letter-spacing:.1em}.home-safety-image.placeholder span{position:static;margin-top:3px;padding:0;background:none;color:#8e9890}
.home-safety-card-copy{display:block;padding:14px 15px 15px}
.home-safety-card-copy small,.home-safety-card-copy strong,.home-safety-card-copy em,.home-safety-card-copy>span,.home-safety-card-copy b{display:block}
.home-safety-card-copy small{color:#78847b;font-size:8px}
.home-safety-card-copy strong{display:-webkit-box;margin-top:5px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;line-height:1.3;letter-spacing:-.03em}
.home-safety-card-copy em{margin-top:4px;overflow:hidden;color:#69756c;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.home-safety-card-copy>span{margin-top:7px;color:#6d786f;font-size:9px}
.home-safety-card-copy b{margin-top:9px;color:var(--c-green);font-size:10px}
.home-safety-empty{display:grid;place-items:center;flex:0 0 100%;min-width:100%;min-height:320px;padding:24px;text-align:center}
.home-safety-controls{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;margin-top:10px}
.home-safety-controls button{width:36px;height:34px;border:1px solid #dce4dd;border-radius:11px;background:#fff;color:#405047;font-size:15px;font-weight:900}
.home-safety-dots{display:flex;align-items:center;justify-content:center;gap:5px;min-height:12px}
.home-safety-dots i{width:5px;height:5px;border-radius:999px;background:#cbd4cd;transition:width .2s ease,background .2s ease}
.home-safety-dots i.active{width:18px;background:var(--c-green-2)}
.home-safety-live .hero-brief-cta{margin-top:10px;width:100%;min-height:42px;border:0;border-radius:13px;background:var(--c-night);color:#fff;font-size:11px;font-weight:900}
.home-official-term{display:block;margin-top:9px;color:#89938c;font-size:8px;text-align:center}
.home-search-center{display:flex;flex-direction:column;padding:20px}
.home-search-command{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.home-search-command .search-command-top{margin-bottom:12px}
.home-search-command .search-command-top>span{font-size:18px;font-weight:900;letter-spacing:-.035em}
.home-search-box{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
.home-search-box input{min-height:66px!important;padding:0 18px!important;border-radius:17px!important;font-size:18px!important;background:#f7f9f6!important}
.home-search-box .search-submit{min-width:150px!important;min-height:66px!important;border-radius:17px!important;font-size:13px!important}
.home-search-command .search-message{margin-top:9px;font-size:10px}
.home-search-command .premium-results{z-index:70;max-height:460px;margin-top:10px}
.home-food-pulse{margin-top:auto;padding-top:20px}
.pulse-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.pulse-heading span{color:var(--c-green-2);font-size:9px;font-weight:950;letter-spacing:.13em}.pulse-heading strong{font-size:12px}
.pulse-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pulse-cards button{min-height:112px;padding:14px;border:1px solid #e0e5df;border-radius:16px;background:#f8faf7;text-align:left}
.pulse-cards button span,.pulse-cards button strong,.pulse-cards button small{display:block}.pulse-cards button span{color:var(--c-green-2);font-size:8px;font-weight:950}.pulse-cards button strong{margin-top:8px;font-size:14px}.pulse-cards button small{margin-top:5px;color:#78837b;font-size:9px;line-height:1.45}
.home-glance{padding:20px!important;margin:0!important}
.glance-heading{padding-bottom:13px;border-bottom:1px solid #e4e8e4}
.home-dashboard-kpis{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important}
.home-dashboard-kpis .dashboard-kpi{min-height:126px!important;padding:14px!important;border-radius:16px!important}
.home-dashboard-kpis .dashboard-kpi span{font-size:9px!important}.home-dashboard-kpis .dashboard-kpi strong{margin-top:10px!important;font-size:23px!important;line-height:1.05}.home-dashboard-kpis .dashboard-kpi small{margin-top:6px!important;font-size:8px!important;line-height:1.4}
.home-glance-note{margin-top:10px;padding:12px 13px;border-radius:14px;background:#f3f6f2}.home-glance-note strong,.home-glance-note span{display:block}.home-glance-note strong{font-size:10px}.home-glance-note span{margin-top:3px;color:#78827b;font-size:8px;line-height:1.45}
.mobile-safety-banner{display:none!important}

/* Infographic follows the first-screen dashboard */
.intelligence-brief-section{margin-top:22px!important;padding:30px!important;border-radius:28px!important}
.intelligence-brief-section .section-lead-row h2{font-size:34px!important}
.briefing-grid{gap:12px!important}
.briefing-card{min-height:210px!important;padding:22px!important}
.briefing-card>strong{font-size:22px!important;line-height:1.25!important}

/* Detailed safety board remains the full official-information surface. */
.recall-live-board{margin-top:22px!important}
.recall-image-grid .recall-card{scroll-snap-align:start}
.recall-official-link{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:14px;padding:10px 16px;border-radius:14px;background:#173124;color:#fff;text-decoration:none;font-size:11px;font-weight:900}
.recall-detail-text strong small{margin-left:6px;color:#829088;font-size:9px;font-weight:700}

/* Main comparison gateway: no hard-coded foods or values. */
.main-compare-section{margin-top:22px;padding:30px;border:1px solid var(--c-line);border-radius:28px;background:#fff;box-shadow:var(--c-shadow-soft)}
.main-compare-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:18px}
.main-compare-visual{display:flex;align-items:center;gap:24px;min-height:190px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#17291e,#294334);color:#eef5ef}
.compare-visual-orbit{display:grid;grid-template-columns:54px 40px 54px;align-items:center;flex:0 0 auto}.compare-visual-orbit span{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:18px;font-weight:950}.compare-visual-orbit b{text-align:center;color:#9fb5a5;font-size:10px}
.main-compare-visual>div:last-child strong{display:block;font-size:22px;line-height:1.28;letter-spacing:-.035em}.main-compare-visual>div:last-child p{margin:8px 0 0;color:#b4c4b8;font-size:11px;line-height:1.6}
.main-compare-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.main-compare-actions button{padding:20px;border:1px solid #dde4de;border-radius:20px;background:#f8faf7;text-align:left}.main-compare-actions button span,.main-compare-actions button strong,.main-compare-actions button small{display:block}.main-compare-actions button span{color:var(--c-green-2);font-size:9px;font-weight:950}.main-compare-actions button strong{margin-top:14px;font-size:16px}.main-compare-actions button small{margin-top:6px;color:#78847b;font-size:9px;line-height:1.5}.main-compare-actions button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}

@media(max-width:1320px){
  .home-command-grid{grid-template-columns:minmax(300px,.9fr) minmax(430px,1.35fr)}
  .home-glance{grid-column:1/-1}
  .home-dashboard-kpis{grid-template-columns:repeat(4,1fr)!important}
  .home-dashboard-kpis .dashboard-kpi{min-height:112px!important}
}
@media(max-width:900px){
  .home-command{padding:24px!important}
  .home-intro-row{align-items:flex-start}.home-source-badge{display:none}
  .home-command-grid{grid-template-columns:1fr}
  .home-search-center{order:1}.home-safety-live{order:2}.home-glance{order:3;grid-column:auto}
  .home-dashboard-kpis{grid-template-columns:1fr 1fr!important}
  .home-safety-card{grid-template-columns:190px minmax(0,1fr);grid-template-rows:1fr;min-height:250px}.home-safety-image{min-height:250px}
  .main-compare-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  main{padding-left:14px!important;padding-right:14px!important;padding-bottom:88px!important}
  .home-command{margin-top:14px!important;padding:18px!important;border-radius:24px!important}
  .home-intro-row{margin-bottom:18px}.home-intro-row h1{margin-top:5px;font-size:34px;line-height:1.08}.home-intro-row>div:first-child>p{font-size:14px;line-height:1.65}
  .home-search-center,.home-safety-live,.home-glance{padding:16px!important;border-radius:20px}
  .home-search-command .search-command-top{display:block}.home-search-command .api-status{margin-top:9px;width:max-content;max-width:100%}
  .home-search-box{grid-template-columns:1fr!important}.home-search-box input{min-height:60px!important;font-size:17px!important}.home-search-box .search-submit{min-width:0!important;min-height:52px!important}
  .pulse-cards{grid-template-columns:1fr}.pulse-cards button{min-height:86px}
  .home-safety-card{grid-template-columns:1fr;grid-template-rows:220px minmax(0,1fr);min-height:410px}.home-safety-image{min-height:220px}.home-safety-card-copy{padding:17px}.home-safety-card-copy strong{font-size:19px}.home-safety-card-copy em,.home-safety-card-copy>span{font-size:10px}.home-safety-card-copy b{font-size:11px}
  .home-dashboard-kpis{grid-template-columns:1fr 1fr!important}.home-dashboard-kpis .dashboard-kpi{min-height:118px!important}.home-dashboard-kpis .dashboard-kpi strong{font-size:21px!important}
  .intelligence-brief-section,.main-compare-section{padding:20px!important;border-radius:22px!important}.intelligence-brief-section .section-lead-row h2{font-size:30px!important}.briefing-grid{grid-template-columns:1fr!important}.briefing-card{min-height:170px!important}
  .main-compare-visual{display:block;min-height:0;padding:20px}.compare-visual-orbit{margin-bottom:18px}.main-compare-actions{grid-template-columns:1fr}
  .recall-rail-toggle,.recall-drawer{display:none!important}
}
@media(max-width:430px){
  .home-command{padding:14px!important}.home-intro-row h1{font-size:30px}.home-intro-row>div:first-child>p{font-size:13px}
  .home-search-center,.home-safety-live,.home-glance{padding:14px!important}
  .home-dashboard-kpis{grid-template-columns:1fr!important}.home-dashboard-kpis .dashboard-kpi{min-height:96px!important}
  .home-safety-card{grid-template-rows:190px minmax(0,1fr);min-height:390px}.home-safety-image{min-height:190px}
  .home-panel-heading h2{font-size:22px}.home-panel-heading em{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.home-safety-track{transition:none}}
