:root{font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#233a32;background:#fafaf5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:0}.site-header{background:#fafaf5;border-bottom:1px solid #e1e5d9}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.logo{font-family:Georgia,serif;font-weight:700;font-size:30px;text-decoration:none;color:#285a45;line-height:1}.logo{display:inline-flex;align-items:center;gap:10px}.logo-icon{width:40px;height:40px;flex:none}.logo-text span{display:block;font:400 10px system-ui;letter-spacing:.07em;margin-top:7px}nav{display:flex;gap:25px;flex-wrap:wrap}nav a{text-decoration:none;font-weight:650;font-size:13px}.hero{background:#e7efde;padding:88px 0 94px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-6%;top:5%;width:370px;height:370px;border:80px solid #cdddc4;border-radius:50%;opacity:.6;pointer-events:none}.hero .container{position:relative;z-index:1}.hero-container{position:relative}.hero-content{position:relative;z-index:2}.hero-characters{position:absolute;right:0;bottom:-60px;width:min(540px,52%);pointer-events:none;z-index:1}.hero-characters img{width:100%;height:auto;display:block;background:transparent}.eyebrow{font-size:11px;letter-spacing:.16em;color:#668c65;font-weight:800;margin-bottom:12px}h1,h2,h3{line-height:1.45;letter-spacing:-.03em}h1{font-size:clamp(38px,5.8vw,68px);margin:0 0 22px}h1 em{font-style:normal;color:#498256}h2{font-size:clamp(26px,3vw,37px);margin:0 0 14px}h3{font-size:19px;margin:10px 0}p{line-height:1.85}.lead{font-size:17px;max-width:650px;color:#4d6559}.hero .lead{margin-bottom:28px}.primary{display:inline-block;background:#285a45;color:white;text-decoration:none;padding:14px 22px;border-radius:8px;font-weight:700}.section{padding-top:68px;padding-bottom:78px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:30px}.section-heading p{margin:0}.section-heading #count{font-size:14px;white-space:nowrap}.search-layout{display:grid;grid-template-columns:minmax(240px,285px) minmax(0,1fr);gap:34px;align-items:start}.filter-panel,.panel{background:#fff;border:1px solid #e3e9df;border-radius:14px;padding:22px}.filter-panel{display:grid;gap:14px}.filter-panel>label,.filter-panel legend{font-size:14px;font-weight:750}.filter-panel input[type=search]{border:1px solid #d4dcd2;border-radius:7px;padding:12px;width:100%;min-width:0;background:#fff}.filter-panel fieldset{padding:15px 0 0;border:0;border-top:1px solid #e5eae3;margin:0;min-width:0}.filter-panel legend{padding:0}.small{font-size:12px;color:#63776b}.check{display:block;font-size:13px;line-height:1.5;margin:7px 0}.check input{accent-color:#286545}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.secondary{background:#fff;border:1px solid #aec6b2;border-radius:7px;padding:10px 14px;color:#285a45;font-weight:650}.notice{background:#f1f4e9;border-left:3px solid #769c79;padding:16px 19px;margin-bottom:22px;font-size:13px}.notice p{margin:4px 0}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-card{background:#fff;border:1px solid #e3e9df;padding:21px;border-radius:12px;min-width:0}.product-card h3 a{text-decoration:none}.product-card h3 a:hover{text-decoration:underline}.product-ingredients{font-size:12px;color:#65766c;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11px;background:#e2eddd;color:#27523d;padding:4px 7px;border-radius:4px}.tag.neutral{background:#f0eee7;color:#615c4d}#more{margin-top:24px}.muted{background:#f0f2e9}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.feature{background:white;text-decoration:none;padding:26px;border:1px solid #e1e8df;border-radius:12px}.feature-number{font-size:12px;color:#83a28b}.feature p{font-size:13px;color:#526d5d}.footer{background:#243f33;color:#ebf5e8;padding:45px 0;font-size:13px}.footer p{max-width:760px;color:#c7dbca}.footer a{color:white}.back{display:inline-block;margin-bottom:28px;color:#436c52}.detail h1{font-size:clamp(28px,4vw,50px)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px 0}.detail .original{white-space:pre-wrap;overflow-wrap:anywhere}.panel h2{font-size:23px}.panel h3{font-size:16px;margin-top:25px}.article{max-width:none}.article h1{font-size:clamp(34px,4vw,54px)}.article h2{font-size:25px;margin-top:44px}.article li{line-height:1.9}.index-list{margin-top:22px;border-top:1px solid #e4e9df}.index-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 70px;gap:14px;padding:11px 4px;border-bottom:1px solid #e4e9df;align-items:center}.index-row small{color:#738578}.index-row strong{text-align:right;font-size:12px}@media(max-width:760px){.header-inner{align-items:flex-start;flex-direction:column;gap:17px}nav{gap:17px}.hero{padding:62px 0}.hero:after{width:200px;height:200px;border-width:50px;opacity:.28}.hero-characters{position:static;width:100%;max-width:380px;margin:28px auto 0}.search-layout,.detail-grid{grid-template-columns:1fr}.filter-panel{padding:17px}.product-grid,.feature-grid{grid-template-columns:1fr}.section{padding-top:46px;padding-bottom:54px}.section-heading{align-items:start;flex-direction:column}.index-row{grid-template-columns:minmax(0,1fr) 75px 55px;font-size:13px}.container{width:min(1160px,calc(100% - 28px))}}
/* Ingredient-agnostic, multi-select inclusion/exclusion editor */
.ingredient-editor>label,.criteria>label{display:block;font-size:13px;font-weight:700;margin:10px 0 5px}
.ingredient-editor select{border:1px solid #d4dcd2;border-radius:7px;width:100%;background:white;padding:10px;min-width:0}
.term-entry-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.term-entry-buttons button{font-size:12px;padding:10px 6px}
.ingredient-suggestions{margin-top:12px;max-height:365px;overflow:auto;border:1px solid #e3e9df;border-radius:8px}
.suggestion{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:10px;border-bottom:1px solid #e3e9df;font-size:12px}
.suggestion:last-child{border-bottom:0}
.suggestion-label{font-weight:750;overflow-wrap:anywhere}
.suggestion small{color:#65766c}
.suggestion-actions{display:flex;gap:7px;margin-top:2px}
.suggestion-actions button{font-size:12px;padding:5px 9px}
.criteria{border-top:1px solid #e5eae3;margin-top:12px;padding-top:12px;display:grid;gap:7px}
.criteria strong{font-size:14px}
.term-chips{display:flex;gap:5px;flex-wrap:wrap}
.term-chip{background:#e5f0e0;color:#1d5134;border:1px solid #bbd0be;border-radius:24px;padding:5px 9px;font-size:12px;overflow-wrap:anywhere;max-width:100%}
.term-chip:focus-visible,.secondary:focus-visible,a:focus-visible{outline:3px solid #f2a443;outline-offset:2px}
@media(max-width:760px){.filter-panel button,.filter-panel select,.filter-panel input,.suggestion-actions button,.term-chip{min-height:44px}.suggestion-actions button{padding-inline:12px}.term-chip{display:inline-flex;align-items:center}}

/* Evidence-driven ingredient library */
.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.guide-grid .feature{display:flex;flex-direction:column;gap:8px}
.guide-grid .feature h3{font-size:20px;margin:0}
.guide-grid .feature p{margin:0;font-size:13px;flex:1;line-height:1.75}
.read-more{font-weight:700;color:#2c634b;font-size:12px;margin-top:10px}
.section-jump{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.section-jump a{border:1px solid #aec6b2;border-radius:999px;padding:8px 13px;color:#285a45;text-decoration:none;font-size:13px;background:#fff}.section-jump a:hover,.section-jump a:focus-visible{background:#e5f0e0}
.guide-article h1{overflow-wrap:anywhere}
.article>p:not(.lead),.guide-purpose>p:not(.lead),.guide-evidence>p,.symptom-evidence>p,.symptom-evidence>details{max-width:52rem}
.guide-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0;padding:16px;background:#f2f5ec;border-radius:10px}
.detail .panel h2,.article>h2,.article section>h2{padding-bottom:10px;border-bottom:2px solid #9ab99f;margin-bottom:18px}
.detail .panel h3{padding-bottom:6px;border-bottom:1px solid #dce5dc;margin-bottom:10px}
.article>h2,.article section>h2{margin-top:46px}
.guide-facts div{display:flex;gap:4px;flex-direction:column}
.guide-facts span,.evidence-kind{font-size:11px;letter-spacing:.06em;color:#587665}
.guide-facts strong{font-size:14px}
.guide-evidence{border-left:3px solid #a5c7ac;padding:4px 0 4px 20px;margin:22px 0}
.guide-evidence h3{margin:4px 0 7px}
.guide-evidence p{margin:4px 0}
.source-list li{margin-bottom:10px;overflow-wrap:anywhere}
.source-list span{color:#7c897e;font-size:12px}
.related-guides{margin:22px 0}
.related-guides .term-chip{text-decoration:none;display:inline-block}
.directory-controls{display:grid;grid-template-columns:auto minmax(130px,1fr) auto minmax(130px,1fr);align-items:center;gap:10px;margin:25px 0 12px}
.directory-controls input,.directory-controls select{width:100%;min-width:0;background:white;border:1px solid #d4dcd2;border-radius:8px;padding:12px;font:inherit}
.index-row{grid-template-columns:minmax(0,1fr) minmax(90px,150px) 60px 120px}
.index-row>details{grid-column:1/-1;margin-top:4px}
.index-count{font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.index-links{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;justify-content:flex-end}
.index-links a{color:#285a45}
#directory-more{margin-top:20px}
@media(max-width:820px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-controls{grid-template-columns:1fr 2fr}.index-row{grid-template-columns:minmax(0,1fr) 80px 50px;gap:5px}.index-links{grid-column:1/-1;justify-content:flex-start}.index-row small{font-size:11px}}
@media(max-width:560px){.guide-grid{grid-template-columns:1fr}.guide-facts{grid-template-columns:1fr 1fr}.directory-controls{grid-template-columns:1fr}.guide-evidence{padding-left:13px}}

/* Ingredient-level digestive notices are distinct from product-specific warnings. */
.digestive-warning{margin:25px 0;padding:20px 22px;background:#f9f6ee;border-left:4px solid #ab8855;border-radius:7px}
.digestive-warning h2{font-size:clamp(20px,2.4vw,26px);margin:0 0 12px}
.digestive-warning p{margin:9px 0}
.product-digestive .term-chips{margin:13px 0}
.digestive-tag{background:#f2e7c9;color:#69501f}

/* Symptom -> ingredient research: neutral evidence status, not safety scoring. */
.symptom-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:32px 0}
.symptom-card{background:#fff;border:1px solid #dfe8dc;border-radius:12px;padding:23px;text-decoration:none;display:flex;flex-direction:column;gap:8px}
.symptom-card-body{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:1}
.symptom-card-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.symptom-card-content h2{font-size:22px;margin:0}
.symptom-card-content p{margin:0 0 6px;flex:1}
.symptom-card-media{flex-shrink:0;width:84px;height:84px;display:flex;align-items:center;justify-content:center;background:#fafcf9;border-radius:10px;padding:4px}
.symptom-card-media img{width:100%;height:100%;object-fit:contain;display:block}
.symptom-evidence{border-top:1px solid #dfe8dc;padding:26px 0;margin:0}
.symptom-evidence h3{font-size:24px}
.symptom-evidence h3 a{color:#285a45}
.symptom-evidence p{margin:10px 0}
.symptom-link-list{display:flex;gap:10px;flex-wrap:wrap}
.symptom-link{background:#edf4e8;border:1px solid #d6e5d3;border-radius:8px;padding:12px 15px;text-decoration:none;display:flex;flex-direction:column;gap:4px}
.symptom-link span{font-size:11px;color:#4c6c58}
.source-details{padding:12px 15px;background:#f1f4ec;border-radius:8px;margin:14px 0}
.source-details summary{cursor:pointer;font-weight:650;font-size:13px}
.source-details li{overflow-wrap:anywhere}
.minor-link{color:#285a45;font-weight:650}
.related-symptoms{padding-top:2px}
.symptom-clinical-overview{background:#f6f9f5;border:1px solid #dce8db;border-radius:10px;padding:20px 24px;margin:24px 0 32px}
.symptom-clinical-overview h2{font-size:20px;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #d2e0d1}
.symptom-clinical-overview p{margin:8px 0 14px;line-height:1.65}
.symptom-clinical-overview h3{font-size:16px;margin:14px 0 8px;color:#285a45}
.symptom-manifestation-list{margin:6px 0 0 20px;padding:0;line-height:1.6}
.symptom-manifestation-list li{margin-bottom:6px;color:#2c3a30}
@media(max-width:700px){.symptom-directory{grid-template-columns:1fr}}

.symptom-query{display:block;max-width:650px;width:100%;padding:13px 15px;border:1px solid #cfdace;background:#fff;border-radius:8px;font:inherit}
.symptom-card[hidden]{display:none}

/* Sweetener directory: no synthetic "danger" scoring */
.sweetener-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}
.sweetener-group{border:1px solid #dfe7df;background:#fff;text-decoration:none;border-radius:11px;padding:20px;display:flex;flex-direction:column;gap:10px}
.sweetener-group h2{font-size:18px;margin:0}
.sweetener-group p{font-size:13px;flex:1;margin:0}
.sweetener-group small{font-size:12px;color:#667e69}
.sweetener-section{scroll-margin-top:30px;margin:40px 0 54px}
.sweetener-table-wrap{overflow-x:auto}
.sweetener-table{border-collapse:collapse;width:100%;font-size:13px;min-width:500px;background:#fff}
.sweetener-table th,.sweetener-table td{text-align:left;padding:12px 15px;border-bottom:1px solid #e2e8dd}
.sweetener-table th{background:#e8eee3}
.sweetener-table td.num{text-align:right;font-variant-numeric:tabular-nums}
.sweetener-table a,.special-caution a{color:#285a45}
.special-cautions{border:1px solid #d3c1a4;border-radius:10px;background:#f8f3e9;padding:22px;margin:20px 0}
.special-cautions h2{font-size:23px}
.special-caution{margin:14px 0;padding-top:10px;border-top:1px solid #e0d1b7}
.special-caution h3{font-size:18px}
@media(max-width:760px){.sweetener-groups{grid-template-columns:1fr 1fr}}
@media(max-width:530px){.sweetener-groups{grid-template-columns:1fr}}

.sweetener-review{margin-top:6px;font-size:12px;color:#536a5c}
.sweetener-review summary{cursor:pointer;text-decoration:underline}
.sweetener-review p{margin:5px 0 0;line-height:1.6}
.sweetener-name-link{font-size:14px;color:#1d533d;text-decoration:underline}
.sweetener-name-link:hover{color:#133d2c}
.sweetener-action-link{font-size:12px;white-space:nowrap;font-weight:600}
.badge-guide{display:inline-block;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:600;border-radius:4px;background:#e3ede3;color:#245d45;vertical-align:middle}
.breadcrumbs{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:18px 0 0;color:#65706a;font-size:.82rem}@media(max-width:760px){.breadcrumbs{width:min(1160px,calc(100% - 28px))}}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.breadcrumbs li:not(:last-child)::after{content:'›';margin-left:.35rem;color:#9aa39d}.breadcrumbs a{color:inherit}.breadcrumbs a:hover,.breadcrumbs a:focus-visible{color:#1f6b4c}.breadcrumbs [aria-current=page]{color:#26342d}
.guide-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:24px 0}.guide-summary-card{padding:16px;border:1px solid #dce4dc;border-radius:12px;background:#f7faf6}.guide-summary-card h2{margin:0 0 8px;font-size:1rem;color:#245d45}.guide-summary-card p{margin:0;font-size:.92rem;line-height:1.7}@media(max-width:700px){.guide-summary-cards{grid-template-columns:1fr;gap:10px}}
.match-reason{margin:10px 0 0}.sweetener-table{min-width:980px}.sweetener-table-wrap{overflow-x:auto}.sweetener-table th,.sweetener-table td{vertical-align:top}.sweetener-table td{line-height:1.55}
.evidence-timeline{margin-top:42px;padding:20px;border:1px solid #dce4dc;border-radius:12px;background:#f7faf6}.evidence-timeline h2{margin-top:0;font-size:23px}.evidence-timeline ol{list-style:none;margin:0;padding:0}.evidence-timeline li{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:11px 0;border-top:1px solid #dce4dc}.evidence-timeline time{font-weight:750;color:#286545}.evidence-timeline span{line-height:1.7}@media(max-width:560px){.evidence-timeline li{grid-template-columns:1fr;gap:2px}}
.sweetener-table caption{text-align:left;font-weight:700;padding:10px 0;color:#355d46}.product-grid[aria-busy=true]{opacity:.7}
.ingredient-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.ingredient-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.ingredient-category-grid{grid-template-columns:1fr}}
.eyebrow,.feature-number,.index-row small{color:#526d5d}.category-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.category-actions a{text-decoration:none}.additive-category{scroll-margin-top:24px}
.guide-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.tag-link,.tag-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#eef4ec;color:#245d45;border:1px solid #d5e4d2;text-decoration:none}.tag-link:hover{background:#e2ede0;color:#184230}

/* Social Share Buttons */
.share-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0 24px;padding:12px 16px;background:#f3f6ee;border:1px solid #e0e8db;border-radius:8px}
.share-label{font-size:12px;font-weight:700;color:#456050}
.share-links{display:flex;gap:8px;flex-wrap:wrap}
.share-button{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:6px;font-size:12px;font-weight:650;text-decoration:none;transition:background .15s ease,opacity .15s ease}
.share-x{background:#0f1419;color:#ffffff}
.share-x:hover,.share-x:focus-visible{background:#272c30;color:#ffffff}
.share-fb{background:#1877f2;color:#ffffff}
.share-fb:hover,.share-fb:focus-visible{background:#0e65d9;color:#ffffff}
.share-icon{display:inline-block;flex-shrink:0}
.article-share-bottom{margin-top:36px;padding-top:20px;border-top:1px solid #e2e8dd}

/* Blog Styles */
.blog-list{display:grid;gap:22px;margin-top:30px}
.blog-card{background:#ffffff;border:1px solid #e1e8df;border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:10px}
.blog-card h2{font-size:22px;margin:0}
.blog-card h2 a{color:#233a32;text-decoration:none}
.blog-card h2 a:hover,.blog-card h2 a:focus-visible{color:#285a45;text-decoration:underline}
.blog-card p{margin:0;color:#4d6559;font-size:14px;line-height:1.75}
.blog-meta{display:flex;gap:12px;align-items:center;font-size:12px;color:#6b8273}
.blog-category{background:#e7efde;color:#285a45;padding:3px 8px;border-radius:4px;font-weight:700}
.blog-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:8px;padding-top:12px;border-top:1px solid #edf1eb}
.blog-article .blog-post-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:13px;color:#526d5d;margin-bottom:12px}
.blog-category-badge{background:#e7efde;color:#285a45;padding:2px 8px;border-radius:4px;font-weight:700}
.blog-lead{margin:20px 0 32px}
.blog-section{margin:36px 0}
.blog-section h2{font-size:23px;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid #dce4dc}
.blog-section p{margin:12px 0;line-height:1.85;color:#33483f}
.blog-share-bottom{margin-top:40px;padding-top:24px;border-top:1px solid #dce4dc}
.blog-bottom-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.related-guides-block{margin-top:44px;padding:24px;background:#f5f8f2;border:1px solid #e1e8df;border-radius:12px}
.related-guides-block h2{margin-top:0;font-size:20px;border-bottom:0;padding-bottom:0}
@media(max-width:640px){.share-buttons{flex-direction:column;align-items:flex-start}.share-links{width:100%}.share-button{flex:1;justify-content:center}}

/* Allergen Icons */
.allergen-check{display:inline-flex;align-items:center;gap:6px}
.allergen-icon-sm{width:20px;height:20px;object-fit:contain;vertical-align:middle;flex-shrink:0}
.tag.allergen-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 7px}
.allergen-badges{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}
.allergen-icon-md{width:26px;height:26px;object-fit:contain;display:block;flex-shrink:0}

/* Presets & Purupuru Ingredients */
.preset-row{display:flex;align-items:center;gap:12px;margin:0 0 20px;flex-wrap:wrap}
.preset-label{font-size:13px;font-weight:700;color:#526d5d}
.preset-btn{background:#fff;border:1.5px solid #285a45;color:#285a45;padding:8px 16px;border-radius:24px;font-size:13px;font-weight:700;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}
.preset-btn:hover{background:#edf4e8;transform:translateY(-1px)}
.preset-btn[aria-pressed=true]{background:#285a45;color:#fff;box-shadow:0 2px 6px rgba(40,90,69,.25)}
.purupuru-check strong{color:#1f573d}
.tag.purupuru-tag{background:#d5ead6;color:#184c31;font-weight:700}
.tag.plant-sweetener-tag{background:#dcf2e4;color:#165b38;font-weight:600}
.tag.isomerized-tag{background:#f5ecdc;color:#6d481f;font-weight:600}

/* Food Genre Icons */
.genre-icon-sm{width:18px;height:18px;object-fit:contain;vertical-align:middle;flex-shrink:0}
.genre-icon-md{width:22px;height:22px;object-fit:contain;vertical-align:middle;flex-shrink:0}
.tag.genre-tag{display:inline-flex;align-items:center;gap:4px;background:#eef4ea;color:#285a45;font-weight:650}
.product-genre-eyebrow{display:inline-flex;align-items:center;gap:5px}

/* Hero Actions, Google-like Hero Search Bar & Theme Discovery Cards */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-actions .secondary{padding:14px 20px;border-radius:8px;text-decoration:none}
.hero-search-form{max-width:680px;margin-top:6px;display:grid;gap:14px}
.hero-search-bar{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #bfd1c2;border-radius:999px;padding:6px 6px 6px 18px;box-shadow:0 4px 18px rgba(35,58,50,.08);transition:border-color .15s ease,box-shadow .15s ease}
.hero-search-bar:focus-within{border-color:#285a45;box-shadow:0 6px 22px rgba(40,90,69,.16)}
.hero-search-icon{font-size:17px;line-height:1;opacity:.7;flex-shrink:0}
.hero-search-input{flex:1;min-width:0;border:0;background:transparent;padding:10px 6px;font-size:15.5px;color:#233a32}
.hero-search-input:focus{outline:none}
.hero-search-input::placeholder{color:#788c80}
.hero-search-submit{border:0;border-radius:999px;padding:12px 24px;font-size:14.5px;font-weight:750;white-space:nowrap;flex-shrink:0}
.hero-search-submit:hover{background:#1f4836}
.hero-search-quick{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:12.5px}
.hero-quick-label{font-weight:700;color:#466152}
.hero-quick-link{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.78);border:1px solid #c6d7c8;color:#24543e;padding:5px 12px;border-radius:999px;font-weight:650;text-decoration:none;transition:background .14s ease,border-color .14s ease}
.hero-quick-link:hover{background:#fff;border-color:#8fb195}
@media(max-width:600px){
  .hero-search-bar{border-radius:14px;padding:8px 10px;flex-wrap:wrap}
  .hero-search-input{font-size:15px;padding:8px 4px}
  .hero-search-submit{width:100%;border-radius:10px;padding:12px}
}
.theme-discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.theme-card{background:#fff;border:1px solid #dfe8dc;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px}
.theme-card h3{font-size:20px;margin:0;color:#233a32}
.theme-card p{font-size:13.5px;color:#4d6559;margin:0;flex:1;line-height:1.75}
.theme-card-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;padding-top:12px;border-top:1px solid #edf1eb;font-size:13px}
.theme-card-links a{text-decoration:none}
.theme-card-links a:hover{text-decoration:underline}

/* Structured Footer Navigation */
.footer-grid{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(0,2fr);gap:36px;align-items:start}
.footer-brand strong{font-size:18px;display:block;margin-bottom:8px;color:#fff}
.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.footer-nav strong{display:block;font-size:13px;color:#fff;margin-bottom:10px;letter-spacing:.04em}
.footer-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.footer-nav a{color:#d5e6d8;text-decoration:none;font-size:12.5px}
.footer-nav a:hover{color:#fff;text-decoration:underline}
@media(max-width:760px){.theme-discovery-grid,.footer-grid,.footer-nav{grid-template-columns:1fr}}

/* Enhanced Search UI: Modular Blocks, Exclusion-First, and Total/Selected Counters */
.search-layout{grid-template-columns:minmax(310px,365px) minmax(0,1fr);gap:28px;align-items:start}
.search-heading{align-items:center}

.active-filter-bar{background:#f3f7f0;border:1px solid #cfe0d1;border-radius:10px;padding:10px 14px;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.active-filter-bar[hidden]{display:none}
.active-filter-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}
.active-filter-header strong{font-size:12.5px;color:#285a45;white-space:nowrap}
.active-filter-tags{display:flex;flex-wrap:wrap;gap:6px}
.active-tag{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:650;border:1px solid transparent;display:inline-flex;align-items:center;gap:4px}
.active-tag-exclude{background:#fdf0ed;color:#8c281e;border-color:#ebcfc9}
.active-tag-include{background:#e5f2e8;color:#1c5639;border-color:#bce0c5}
.active-tag-neutral{background:#eef1ec;color:#33483f;border-color:#d2dbd4}
.text-reset-btn{background:transparent;border:0;color:#7a3329;font-size:12px;font-weight:700;text-decoration:underline;padding:4px 6px;white-space:nowrap}
.text-reset-btn:hover{color:#521c15}

.filter-panel{background:transparent;border:0;padding:0;display:grid;gap:16px}
.filter-status-card{background:#243f33;color:#fff;border-radius:12px;padding:15px 16px;display:grid;gap:10px}
.filter-status-row{display:flex;flex-direction:column;gap:4px}
.filter-status-label{font-size:11px;color:#b8d1be;letter-spacing:.04em}
.count-status{font-size:13.5px;color:#d6e8da;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.count-current{font-size:24px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;line-height:1}
.count-unit{font-size:13px;font-weight:700;color:#fff;margin-left:2px}
.count-divider{color:#8eb097;font-weight:400}
.count-total{font-size:12.5px;color:#c7ded0;font-variant-numeric:tabular-nums}
.count-progress-track{height:6px;background:rgba(255,255,255,.16);border-radius:999px;overflow:hidden}
.count-progress-fill{height:100%;background:linear-gradient(90deg,#7ce0a3,#48b878);border-radius:999px;transition:width .25s ease}
.filter-status-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:2px}
.accordion-bulk-controls{display:inline-flex;border:1px solid rgba(255,255,255,.26);border-radius:6px;overflow:hidden}
.bulk-toggle-btn{background:rgba(255,255,255,.08);color:#e4f0e7;border:0;border-right:1px solid rgba(255,255,255,.2);padding:5px 8px;font-size:11px;font-weight:650}
.bulk-toggle-btn:last-child{border-right:0}
.bulk-toggle-btn:hover{background:rgba(255,255,255,.2);color:#fff}
.filter-reset-top{padding:6px 11px;font-size:12px;border-radius:6px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28)}
.filter-reset-top:hover{background:rgba(255,255,255,.22)}

.filter-block{background:#fff;border:1px solid #dce5dc;border-radius:13px;padding:16px 18px;margin:0;min-width:0;box-shadow:0 1px 3px rgba(35,58,50,.03)}
.filter-panel fieldset.filter-block{padding:18px;border:1px solid #dce5dc}
.filter-block-exclude{border-color:#e2d2cc;background:#fffdfa}
.filter-block-header{display:flex;align-items:center;gap:8px;width:100%;font-size:14.5px;font-weight:800;color:#233a32;margin:0;padding:0}
.filter-accordion>summary.filter-block-header{cursor:pointer;list-style:none;user-select:none}
.filter-accordion>summary.filter-block-header::-webkit-details-marker{display:none}
.filter-accordion>summary.filter-block-header::after{content:'▾';font-size:13px;color:#586d60;margin-left:4px;transition:transform .18s ease;flex-shrink:0}
.filter-accordion:not([open])>summary.filter-block-header::after{transform:rotate(-90deg)}
.filter-block-title{flex:1;min-width:0;line-height:1.35}
.filter-block-content{margin-top:14px;padding-top:12px;border-top:1px solid #e9efe8}
.filter-block-exclude .filter-block-content{border-top-color:#efe1dc}
.filter-step-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800;background:#e4eee4;color:#245d45;letter-spacing:.02em;flex-shrink:0}
.badge-exclude{background:#fae5e0;color:#8e2a1f}
.filter-block-desc{font-size:12px;color:#586d60;line-height:1.55;margin:0 0 12px}

.filter-field{margin-top:10px}
.filter-field:first-of-type{margin-top:0}
.filter-field label,.sub-label{display:block;font-size:12.5px;font-weight:700;color:#2f473c;margin:0 0 5px}
.filter-block select,.filter-block input[type=search]{border:1px solid #cbd6cc;border-radius:8px;padding:10px 12px;width:100%;min-width:0;background:#fff;font-size:13.5px}
.filter-block select:focus,.filter-block input[type=search]:focus{outline:2px solid #285a45;border-color:#285a45}

/* Exclusion Toggle Cards */
.exclude-toggle-list{display:grid;gap:8px}
.toggle-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #e1e7df;border-radius:9px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease;margin:0}
.toggle-card:hover{border-color:#b8cbbd;background:#fafcf9}
.toggle-card input[type=checkbox]{margin-top:3px;width:16px;height:16px;accent-color:#8e2a1f;flex-shrink:0}
.purupuru-card input[type=checkbox]{accent-color:#285a45}
.toggle-card:has(input:checked){border-color:#cf8e85;background:#fef6f4}
.purupuru-card:has(input:checked){border-color:#689f7c;background:#f1f8f2}
.toggle-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.toggle-card-body strong{font-size:13px;color:#233a32;line-height:1.35}
.purupuru-title{color:#1d5439 !important}
.toggle-card-body small{font-size:11.5px;color:#5c7064;line-height:1.45}

/* Quick Exclude Chips */
.quick-exclude-section{margin-top:14px;padding-top:12px;border-top:1px dashed #e2dcd7}
.quick-chip-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.quick-exclude-chip{background:#f7f5f2;border:1px solid #d8d3cc;color:#3d3832;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:650;transition:all .12s ease}
.quick-exclude-chip:hover{background:#eeeae4;border-color:#bfb8ae}
.quick-exclude-chip.is-excluded{background:#9c2b1f;border-color:#822015;color:#fff;box-shadow:0 1px 4px rgba(156,43,31,.25)}

/* Criteria Summary Boxes (Exclude vs Include) */
.criteria{border-top:0;margin-top:0;padding-top:0;display:grid;gap:10px;margin-bottom:14px}
.criteria-box{padding:10px 12px;border-radius:9px;border:1px solid #dfe6de;background:#f9fbf8}
.criteria-exclude{background:#fdf7f5;border-color:#edd5cf}
.criteria-include{background:#f4f9f4;border-color:#d0e3d3}
.criteria-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.criteria-title-row strong{font-size:12.5px;color:#233a32}
.criteria-badge{font-size:11px;font-weight:750;padding:2px 7px;border-radius:999px;background:#e5ece5;color:#285a45;font-variant-numeric:tabular-nums;margin-left:auto}
.criteria-exclude .criteria-badge{background:#f7dfd9;color:#8e2a1f}
.empty-chip-note{font-size:11.5px;color:#6c7d73}
.chip-exclude{background:#fceae6;color:#882318;border:1px solid #e6b8af;font-weight:650}
.chip-include{background:#e2f0e5;color:#1b5235;border:1px solid #b3d4bb;font-weight:650}
.include-mode-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:7px;border-top:1px solid #dceadd}
.include-mode-row label{font-size:11.5px;font-weight:700;color:#466051;white-space:nowrap;margin:0}
.include-mode-row select{padding:5px 8px;font-size:12px;border-radius:6px}

/* Ingredient Finder & Suggestion Rows */
.ingredient-finder{border-top:1px solid #e6ece5;padding-top:12px}
.term-entry-buttons{display:grid;grid-template-columns:1.15fr 0.85fr;gap:7px;margin-top:9px}
.btn-exclude-action{background:#9c2b1f;border:1px solid #822015;color:#fff;border-radius:7px;padding:9px 8px;font-size:12px;font-weight:700}
.btn-exclude-action:hover{background:#822015}
.ingredient-suggestions{margin-top:10px;min-height:240px;max-height:310px;overflow:auto;border:1px solid #dce4dc;border-radius:9px;background:#fff}
.suggestion{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid #edf1ec;font-size:12px}
.suggestion-excluded{background:#fef5f3}
.suggestion-included{background:#f2f9f3}
.suggestion-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.suggestion-label{font-weight:750;color:#233a32;overflow-wrap:anywhere}
.suggestion-actions{display:flex;gap:5px;flex-shrink:0}
.btn-suggestion-exclude{background:#fff;border:1px solid #d49b92;color:#8e2a1f;border-radius:6px;padding:5px 9px;font-size:11.5px;font-weight:700}
.btn-suggestion-exclude:hover{background:#fdf0ed}
.btn-suggestion-exclude.is-active{background:#9c2b1f;border-color:#822015;color:#fff}
.btn-suggestion-include{background:#fff;border:1px solid #aec6b2;color:#285a45;border-radius:6px;padding:5px 8px;font-size:11.5px;font-weight:650}
.btn-suggestion-include:hover{background:#edf4e8}
.btn-suggestion-include.is-active{background:#285a45;border-color:#1e4635;color:#fff}
.suggestion-empty{padding:12px;margin:0}

/* Allergen Subgroups */
.allergen-groups-container{display:grid;gap:12px}
.allergen-subgroup{border:1px solid #e4eae3;border-radius:9px;padding:10px 12px;background:#fafcf9}
.allergen-subgroup-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:#233a32;margin-bottom:8px}
.allergen-collapsible summary.allergen-subgroup-header{cursor:pointer;margin-bottom:0;list-style:none}
.allergen-collapsible[open] summary.allergen-subgroup-header{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e4eae3}
.sub-count-badge{font-size:11px;font-weight:700;color:#526d5d;background:#e8efe7;padding:1px 7px;border-radius:999px;font-variant-numeric:tabular-nums}
.allergen-subgroup .check-grid{gap:6px 8px}
.allergen-check{margin:0;padding:4px 6px;border-radius:6px;background:#fff;border:1px solid #e6ece5;font-size:12.5px}
.allergen-check:has(input:checked){background:#fef3f0;border-color:#dda299;color:#7d2016;font-weight:700}
.allergen-check input{accent-color:#8e2a1f}

/* Advanced Filter Collapsible */
.filter-advanced{padding:12px 16px}
.filter-advanced-summary{cursor:pointer;font-size:12.5px;font-weight:700;color:#4d6559}
.filter-advanced-body{margin-top:10px;padding-top:10px;border-top:1px solid #e5eae3}

@media(max-width:860px){
  .search-layout{grid-template-columns:1fr}
  .search-heading{align-items:stretch;flex-direction:column}
  .count-status{justify-content:flex-start}
}

/* Unified Product Ingredient List (Deduplicated Raw / Normalized / Guide Links) */
.panel-lead-note{margin:0 0 14px;line-height:1.6}
.unified-ingredient-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.unified-ingredient-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #e2e9e1;border-radius:9px;background:#fafcf9}
.unified-ingredient-item.is-additive{background:#fdfaf6;border-color:#eadfd4}
.ing-order{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:6px;background:#e5eee5;color:#285a45;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;flex-shrink:0}
.unified-ingredient-item.is-additive .ing-order{background:#f3e6da;color:#7a4b24}
.ing-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ing-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.ing-name-link{font-size:14.5px;font-weight:750;color:#1d5439;text-decoration:none}
.ing-name-link:hover{text-decoration:underline;color:#123825}
.ing-name-text{font-size:14.5px;font-weight:750;color:#233a32}
.ing-cat-badge{font-size:11px;font-weight:650;padding:2px 7px;border-radius:999px;background:#e8f0e8;color:#355d46}
.ing-cat-badge.badge-additive{background:#f5e9dc;color:#784921}
.ing-raw-sub{font-size:11.5px;color:#627569;line-height:1.4}
.ing-guide-btn{flex-shrink:0;font-size:12px;font-weight:700;color:#245d45;background:#e4f0e5;border:1px solid #bdd6c1;padding:5px 10px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:background .15s ease}
.ing-guide-btn:hover{background:#d3e7d6;color:#163d2c}

.raw-label-collapsible{margin-top:16px;border-top:1px solid #e3eae2;padding-top:12px}
.raw-label-collapsible summary{cursor:pointer;font-size:12.5px;font-weight:700;color:#466152;user-select:none}
.raw-label-collapsible summary:hover{color:#233a32}
.raw-label-box{margin-top:10px;padding:12px 14px;background:#f5f7f3;border:1px solid #dfe6de;border-radius:8px}
.raw-label-box .original{margin:0 0 6px;font-size:13px;line-height:1.7}
.raw-label-box .small{margin:0}
.extra-guides-sub{margin-top:18px;padding-top:14px;border-top:1px solid #e3eae2}
.extra-guides-sub h3{margin-top:0;font-size:14px}

/* Product Detail Top Bar (Separated Back Link & Eyebrow) */
.detail-top-bar{display:flex; flex-direction:column; align-items:flex-start; gap:14px; margin-bottom:14px}
.back-pill{display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:999px; background:#fff; border:1px solid #ccd8cd; color:#285a45; font-size:13px; font-weight:700; text-decoration:none; transition:background .15s ease,border-color .15s ease}
.back-pill:hover{background:#eef4ec; border-color:#9ebb9f}
.detail-eyebrow{margin:0; padding:4px 10px; background:#eaf1e6; border-radius:6px}
.eyebrow-sep{margin:0 2px; opacity:.6}

/* Similar Products Explorer (TF/IDF Feature Match) */
.similar-products-panel{margin:28px 0}
.similar-panel-header{display:flex; align-items:flex-start; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #dce5dc}
.similar-panel-header h2{margin:4px 0 8px; padding:0; border:0}
.similar-panel-header p{margin:0; max-width:48rem}
.similar-search-cta{padding:11px 16px; font-size:13px; white-space:nowrap; align-self:center}

.similar-feature-controls{display:grid; gap:14px; padding:16px; background:#f6faf5; border:1px solid #dce6db; border-radius:11px; margin-bottom:20px}
.similar-feature-group{display:grid; gap:8px}
.similar-group-title-row{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap}
.similar-group-label{font-size:12.5px; font-weight:750; color:#2b4538}
.sim-chip-list{display:flex; flex-wrap:wrap; gap:8px}
.sim-feature-chip{display:inline-flex; align-items:center; gap:7px; padding:7px 12px; border-radius:999px; border:1.5px solid #c8d7ca; background:#fff; color:#2d473a; font-size:12.5px; font-weight:700; transition:all .14s ease}
.sim-feature-chip:hover{background:#edf4ea; border-color:#8fb196}
.sim-feature-chip.is-selected{background:#285a45; border-color:#1f4836; color:#fff; box-shadow:0 2px 5px rgba(40,90,69,.22)}
.sim-feature-chip.is-additive-chip:not(.is-selected){background:#fcfaf6; border-color:#dfd4c6; color:#5b4a36}
.sim-chip-name{line-height:1.2}
.sim-chip-meta{font-size:10.5px; font-weight:600; padding:2px 6px; border-radius:999px; background:#edf2ec; color:#4f685a}
.sim-feature-chip.is-selected .sim-chip-meta{background:rgba(255,255,255,.2); color:#f0f8f2}

.similar-product-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
.similar-card{background:#fafcf9; border:1px solid #dfe7de; border-radius:11px; padding:16px 18px; display:flex; flex-direction:column; gap:8px; min-width:0}
.similar-card[hidden]{display:none}
.similar-card-top{display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap}
.similar-card-top .eyebrow{margin:0}
.sim-score-badge{font-size:11px; color:#285a45; background:#e4efe4; padding:2px 8px; border-radius:999px; font-variant-numeric:tabular-nums}
.similar-card h3{font-size:16.5px; margin:0; line-height:1.4}
.similar-card h3 a{text-decoration:none; color:#1f382e}
.similar-card h3 a:hover{text-decoration:underline; color:#285a45}
.similar-card .product-ingredients{margin:0}
.similar-card .match-reason{margin:2px 0 0}
.sim-matched-tags{display:flex; flex-wrap:wrap; gap:5px}
.sim-match-tag{background:#e2efe3; color:#1d5237; font-weight:650; font-size:11px; padding:3px 7px; border-radius:5px}
@media(max-width:760px){
  .similar-product-grid{grid-template-columns:1fr}
  .similar-search-cta{width:100%; text-align:center}
}

/* Interactive Card Tags & Filter Popover (Exclude / Include Menu) */
.card-tag-filter-wrap{position:relative; display:inline-flex; align-items:center}
.interactive-card-tag{border:1px solid rgba(35,58,50,.14); cursor:pointer; display:inline-flex; align-items:center; gap:4px; font-weight:650; transition:all .14s ease; line-height:1.35}
.interactive-card-tag:hover{filter:brightness(.96); border-color:rgba(35,58,50,.32); transform:translateY(-1px)}
.interactive-card-tag[aria-expanded=true]{outline:2px solid #285a45; outline-offset:1px}
.interactive-card-tag.is-tag-excluded{background:#fceae6 !important; color:#882318 !important; border-color:#d99589 !important}
.interactive-card-tag.is-tag-included{background:#dff0e3 !important; color:#184f31 !important; border-color:#88be97 !important}
.tag-state-mark{font-size:10px; line-height:1}
.tag-caret{font-size:10px; opacity:.65; margin-left:1px; line-height:1}

.tag-filter-popover{position:absolute; bottom:calc(100% + 6px); left:0; z-index:40; background:#fff; border:1px solid #cbd8cd; border-radius:10px; padding:8px 9px; box-shadow:0 8px 22px rgba(24,45,35,.16); min-width:168px; width:max-content; max-width:240px}
.tag-filter-popover[hidden]{display:none}
.tag-popover-title{font-size:11px; font-weight:750; color:#334c40; margin-bottom:6px; padding-bottom:5px; border-bottom:1px solid #e7eee8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.tag-popover-actions{display:flex; gap:6px; align-items:center}
.tag-pop-btn{display:inline-flex; align-items:center; justify-content:center; gap:3px; padding:5px 9px; border-radius:6px; font-size:11.5px; font-weight:750; text-decoration:none; white-space:nowrap; cursor:pointer; transition:background .12s ease,color .12s ease,border-color .12s ease; flex:1}
.tag-pop-exclude{background:#fff5f3; color:#8e2a1f; border:1px solid #deb0a8}
.tag-pop-exclude:hover{background:#fce5e0; border-color:#c98478}
.tag-pop-exclude.is-active{background:#9c2b1f; color:#fff; border-color:#822015}
.tag-pop-include{background:#f2f8f3; color:#1f583c; border:1px solid #b5d2bc}
.tag-pop-include:hover{background:#e2f0e5; border-color:#8fb99a}
.tag-pop-include.is-active{background:#285a45; color:#fff; border-color:#1e4635}









/* Mobile search result shortcut */
.mobile-result-jump{display:none}
@media(max-width:860px){.mobile-result-jump{display:block;text-align:center;margin:12px 0 20px}#product-results{scroll-margin-top:12px}}

/* Product comparison controls */
.compare-add-btn{margin-top:12px;min-height:40px}
.compare-add-btn[aria-pressed="true"]{border-color:#285a45;background:#e2efe3}
.comparison-selection-tray{position:fixed;bottom:0;left:0;right:0;background:#243f33;color:#fff;padding:14px max(14px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:12px;z-index:90;box-shadow:0 -8px 22px rgba(0,0,0,.14);flex-wrap:wrap}
.comparison-selection-tray[hidden],.comparison-selection-tray a[hidden]{display:none}
.comparison-selection-tray .small{color:#ebf5e8}
.comparison-selection-tray .secondary{background:#fff}
.compare-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.compare-table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.compare-table{border-collapse:collapse;width:100%;min-width:650px;table-layout:fixed;background:#fff}
.compare-table[data-product-count="3"]{min-width:850px}
.compare-table col.compare-label-column{width:154px}
.compare-table[data-product-count="2"] col.compare-product-column{width:calc((100% - 154px)/2)}
.compare-table[data-product-count="3"] col.compare-product-column{width:calc((100% - 154px)/3)}
.compare-table caption{text-align:left;padding:10px 0}
.compare-table th,.compare-table td{border:1px solid #dae4d9;padding:12px;text-align:left;vertical-align:top;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-break:strict}
.compare-table thead th{background:#eff5ed}
.compare-table tbody th{background:#f7faf5}
.compare-product-name{display:block;line-height:1.55;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.compare-remove{display:block;margin-top:10px;font-size:12px;white-space:normal;max-width:100%}
.compare-product-name{color:inherit;text-decoration:underline;text-underline-offset:3px}
.compare-ingredient-inline{display:block;line-height:1.65;white-space:normal}
.compare-ingredient-item{display:inline;color:#285a45;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.compare-ingredient-item:hover,.compare-ingredient-item:focus-visible{background:#e4f0e1;text-decoration-thickness:2px}
.compare-ingredient-originals{display:inline;color:#63776b;font-size:.78rem;overflow-wrap:anywhere}
#ingredient-breakdown{scroll-margin-top:24px}
.compare-allergen-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
.compare-allergen-badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
.compare-allergen-icon{width:24px;height:24px;object-fit:contain;flex:none}
@media(max-width:600px){.comparison-selection-tray{gap:8px;padding:10px 14px}.comparison-selection-tray .primary{padding:9px 12px}}

/* Japan / US / EU regulatory comparison on ingredient guides */
.regulation-compare{margin-top:44px}
.regulation-compare h2{margin-top:0}
.regulation-table-wrap{max-width:100%}
.regulation-table{border-collapse:collapse;width:100%;table-layout:fixed;background:#fff}
.regulation-table caption{text-align:left;font-weight:700;padding:0 0 10px;color:#355d46;font-size:.92rem}
.regulation-table th,.regulation-table td{border:1px solid #dae4d9;padding:12px;text-align:left;vertical-align:top;font-size:.9rem;line-height:1.7;overflow-wrap:anywhere;line-break:strict}
.regulation-table thead th{background:#eff5ed;color:#245d45}
.regulation-table thead th:first-child{width:118px}
.regulation-table tbody th{background:#f7faf5;font-weight:700;color:#245d45}
.regulation-row-strictness th,.regulation-row-strictness td{background:#fafcf9;vertical-align:middle}
.regulation-badge{display:inline-block;padding:3px 12px;border-radius:9999px;font-size:.82rem;font-weight:700;line-height:1.4;white-space:nowrap}
.regulation-badge--loose{background:#eaf3ea;color:#1b5e20;border:1px solid #a5d6a7}
.regulation-badge--moderate{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}
.regulation-badge--strict{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}
.regulation-sources{margin-top:14px;padding:12px 16px;border:1px solid #dce4dc;border-radius:10px;background:#f7faf6;font-size:.88rem}
.regulation-sources summary{cursor:pointer;font-weight:700;color:#285a45}
.regulation-sources h3{font-size:.95rem;margin:14px 0 4px}
.regulation-sources ul{margin:0;padding-left:1.2em}
.regulation-sources li{line-height:1.7;margin:4px 0}
.regulation-sources a{color:#285a45}
@media(max-width:760px){
.regulation-table,.regulation-table tbody,.regulation-table tr,.regulation-table th,.regulation-table td{display:block;width:100%}
.regulation-table caption{display:block;width:100%}
.regulation-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.regulation-table tr{margin-bottom:14px;border:1px solid #dae4d9;border-radius:10px;overflow:hidden}
.regulation-table tbody th{border:0;border-bottom:1px solid #dae4d9;padding:10px 12px}
.regulation-table td{border:0;border-bottom:1px solid #edf1ec;padding:10px 12px}
.regulation-table td:last-child{border-bottom:0}
.regulation-table td::before{content:attr(data-label);display:block;font-size:.78rem;font-weight:800;color:#668c65;letter-spacing:.06em;margin-bottom:2px}
}