.ingredient-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:30px;padding:24px 26px;background:#f1f5f2;border-top:2px solid #285849}.ingredient-entry h2{margin:8px 0;font-size:23px;line-height:1.4;letter-spacing:-.04em}.ingredient-entry p{font-size:14px;color:#5c6e65;line-height:1.7;margin:0}.ingredient-shortcuts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ingredient-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:white;border:1px solid #d3dfd7;font-size:13px;font-weight:600;line-height:1.6;word-break:keep-all}.ingredient-shortcuts svg{width:15px;height:15px;flex:none;color:#285849}.ingredient-shortcuts a:hover,.ingredient-shortcuts a:focus-visible{border-color:#285849;background:#e7efe9}.ingredient-page{padding-bottom:60px}.ingredient-page .breadcrumb{margin:26px 0}.ingredient-hero{max-width:870px;padding:28px 0 36px}.ingredient-hero h1{font-size:clamp(34px,4vw,54px);line-height:1.3;letter-spacing:-.055em;margin:20px 0 24px;word-break:keep-all}.ingredient-hero>p{max-width:740px;font-size:18px;line-height:1.95;color:#52615b;word-break:keep-all}.ingredient-hero-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:26px;font-size:12px;color:#6d7973}.ingredient-index{display:flex;flex-wrap:wrap;gap:10px;padding:24px 0;border-top:1px solid #d3ddd7;border-bottom:1px solid #d3ddd7}.ingredient-index a{padding:10px 15px;border:1px solid #d6e0d9;font-size:13px;line-height:1.6;background:#fff;font-weight:600}.ingredient-index a:hover,.ingredient-index a:focus-visible{background:#285849;color:white}.ingredient-group{padding:50px 0;border-bottom:1px solid #d3ddd7;scroll-margin-top:155px}.ingredient-group-intro{display:grid;grid-template-columns:260px minmax(0,1fr);gap:35px;align-items:center}.ingredient-group-intro figure{margin:0}.ingredient-group-intro img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.ingredient-group-intro h2{margin:12px 0 14px;font-size:30px;line-height:1.45;letter-spacing:-.035em;word-break:keep-all}.ingredient-group-intro p{font-size:16px;line-height:1.9;max-width:730px;color:#5e6b65;word-break:keep-all}.ingredient-reading{margin:30px 0 0 295px}.ingredient-reading h3{font-size:18px;line-height:1.65;letter-spacing:-.025em;margin:0 0 16px;word-break:keep-all}.ingredient-reading ol{list-style:none;padding:0;margin:0;border-top:1px solid #243e36}.ingredient-reading li{padding:22px 0;border-bottom:1px solid #e0e6e1}.ingredient-reading-role{display:block;font-size:11px;font-weight:650;color:#396453;margin-bottom:10px}.ingredient-reading li>a{display:flex;gap:15px;align-items:baseline}.ingredient-reading-index{font-size:12px;color:#8b9990;flex:none}.ingredient-reading strong{font-size:18px;font-weight:650;line-height:1.7;letter-spacing:-.025em;word-break:keep-all}.ingredient-reading svg{width:16px;height:16px;flex:none;margin-left:auto;align-self:center;color:#285849}.ingredient-reading li>p{font-size:13px;line-height:1.8;color:#69756d;margin:8px 30px 0;word-break:keep-all}.ingredient-reading a:hover strong{color:#285849}.ingredient-next{padding:30px;background:#f1f5f2;margin-top:40px}.ingredient-next h2{font-size:23px;line-height:1.5;letter-spacing:-.035em}.ingredient-next p{font-size:15px;line-height:1.9;color:#5e6b65;margin:13px 0 20px}.ingredient-trail{margin:18px 0 0;padding-top:14px;border-top:1px solid #dce4df}.ingredient-trail a{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600;line-height:1.8;color:#396453}.ingredient-trail svg{width:14px;height:14px;flex:none}.ingredient-page a:focus-visible,.ingredient-entry a:focus-visible,.ingredient-trail a:focus-visible{outline:2px solid #285849;outline-offset:4px}
@media(max-width:800px){.ingredient-group-intro{grid-template-columns:210px minmax(0,1fr);gap:26px}.ingredient-reading{margin-left:236px}.ingredient-group-intro h2{font-size:25px}}
@media(max-width:600px){.ingredient-entry{grid-template-columns:1fr;padding:20px;gap:16px;margin-bottom:24px}.ingredient-entry h2{font-size:21px}.ingredient-entry>.text-link{justify-self:start}.ingredient-shortcuts{grid-template-columns:1fr 1fr;gap:8px}.ingredient-shortcuts a{padding:10px;font-size:11px;gap:7px}.ingredient-hero{padding:20px 0 27px}.ingredient-hero h1{font-size:35px;margin:17px 0 20px}.ingredient-hero>p{font-size:16px;line-height:1.9}.ingredient-hero-meta{gap:10px 17px;font-size:11px;margin-top:20px}.ingredient-index{gap:8px;padding:18px 0}.ingredient-index a{font-size:11px;padding:9px 11px}.ingredient-group{padding:32px 0;scroll-margin-top:130px}.ingredient-group-intro{grid-template-columns:1fr;gap:22px}.ingredient-group-intro h2{font-size:25px;margin:10px 0 13px}.ingredient-group-intro p{font-size:15px;line-height:1.9}.ingredient-group-intro figure{max-width:440px}.ingredient-reading{margin:24px 0 0}.ingredient-reading h3{font-size:17px}.ingredient-reading strong{font-size:17px}.ingredient-reading li{padding:19px 0}.ingredient-reading li>p{font-size:13px;margin-left:27px}.ingredient-next{padding:24px}.ingredient-next h2{font-size:21px}.ingredient-trail a{font-size:11px}}

.ingredient-hub-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:650;line-height:1.8;color:#285849;margin-top:6px}.ingredient-hub-link svg{width:16px;height:16px}