/* Product editorial system: real label values, selectable text, responsive panels. */
.product-report{--editorial-ink:#18241f;--editorial-gold:#705013;--editorial-teal:#315d58;color:var(--editorial-ink);max-width:1050px;margin:40px auto;background:#faf7ef;border:1px solid #ddd6c6;padding:clamp(18px,4vw,42px);border-radius:10px}
.product-report .panel{background:transparent;border:0;box-shadow:none;padding:0}
.product-report .report-summary{position:relative;overflow:hidden;padding-bottom:28px;border-bottom:2px solid #b59b5f;margin-bottom:26px}
.product-report .editorial-headline{font:900 clamp(42px,7vw,88px)/.94 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:22px 0;max-width:600px;color:var(--editorial-ink)}
.product-report .report-summary h2{font:700 clamp(24px,3vw,34px)/1.2 Georgia,serif;max-width:650px}
.product-report .infographic-product-photo{display:block;width:100%;height:260px;object-fit:contain;margin:24px auto;background:#fffcf5;border-radius:8px}
.product-report .report-summary:has(.infographic-product-photo){padding-right:32%}
.product-report .report-summary:has(.infographic-product-photo) .infographic-product-photo{position:absolute;right:0;top:25px;width:29%;height:300px}
.nutrition-infographic{margin:24px 0}.nutrition-infographic>section{border:1px solid #ddd6c6;border-radius:8px;overflow:hidden;margin:16px 0}
.product-report .infographic-band{background:var(--editorial-teal);color:white;font:600 13px/1.5 system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;margin:0;padding:13px 18px}
.nutrition-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px}.nutrition-tile{background:#f1edde;border-radius:6px;padding:20px 14px;display:flex;flex-direction:column;gap:9px;overflow-wrap:anywhere}
.nutrition-tile strong{font:700 clamp(28px,4vw,48px)/1.12 Georgia,serif;color:var(--editorial-gold)}.nutrition-tile span{font:400 20px/1.2 Georgia,serif}.nutrition-context{padding:0 18px 14px;font-size:13px;color:var(--muted)}
.product-report .report-section{border:1px solid #ddd6c6!important;border-radius:8px;overflow:hidden;padding:18px!important;margin:20px 0}.product-report .report-section h2{font:600 13px/1.5 system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#fff;background:var(--editorial-gold);padding:13px 18px;margin:-18px -18px 20px}
.product-report .fact-value{font:400 19px/1.65 Georgia,serif}.product-report .fact-row{padding:15px 0;border-color:#ded5bf}.product-report .report-nav{border-color:#b59b5f}.product-report .report-nav a{color:var(--editorial-teal)}
[data-catalog=directory] #catalog-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
[data-catalog=directory] #catalog-results article{background:#faf7ef;border:1px solid #ddd6c6;border-top:5px solid #537d7a;border-radius:8px;padding:24px;margin:0}
[data-catalog=directory] #catalog-results h2{font:700 28px/1.16 Georgia,serif;color:var(--ink)}
@media(max-width:650px){.nutrition-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.product-report .report-summary:has(.infographic-product-photo){padding-right:0}.product-report .report-summary:has(.infographic-product-photo) .infographic-product-photo{position:static;width:100%;height:235px}.product-report .fact-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px}[data-catalog=directory] #catalog-results{grid-template-columns:1fr}}
@media(max-width:340px){.nutrition-tiles{grid-template-columns:1fr}.product-report .editorial-headline{font-size:40px}}
.nutrition-secondary{display:flex;flex-wrap:wrap;gap:12px 22px;padding:10px 18px 18px;font:400 17px/1.5 Georgia,serif}

.product-report .report-summary:has(.infographic-product-photo){min-height:340px}.infographic-sources{margin:18px 0;font-size:13px}.infographic-sources summary,.infographic-additional>summary{color:var(--editorial-teal);font-weight:600;cursor:pointer;padding:10px 0}.infographic-additional{margin-top:24px;border-top:1px solid #ddd6c6}

/* Reference composition: the complete label sheet precedes app navigation. */
.product-report .report-summary{border:0;margin:0;padding-bottom:0;min-height:0}
.product-report .editorial-headline{white-space:pre-line;font-size:clamp(34px,7vw,88px);line-height:.94;margin:0 0 14px;letter-spacing:-.055em}
.product-report .report-summary h2{font-size:clamp(18px,2.8vw,30px);margin:10px 0 18px}
.product-report .report-summary:has(.infographic-product-photo){padding-right:43%;min-height:340px}
.product-report .report-summary:has(.infographic-product-photo) .infographic-product-photo{position:absolute;right:0;top:0;width:40%;height:100%;max-height:370px;background:transparent;margin:0}
.main-takeaway{font:400 clamp(16px,2.3vw,25px)/1.35 Georgia,serif}.main-takeaway:before{content:'';display:block;width:60px;border-top:2px solid #a9893b;margin:22px 0 14px}.main-takeaway strong{color:var(--editorial-gold)}
.nutrition-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px}.nutrition-tile{text-align:center;padding:16px 5px;overflow-wrap:normal}.nutrition-tile strong{font-size:clamp(24px,5.5vw,66px)}.nutrition-tile span{font-size:clamp(13px,2.4vw,25px)}.nutrition-tile small{font-size:clamp(10px,1.5vw,16px);border-top:1px solid #b9a579;padding-top:8px;line-height:1.3}
.reference-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.reference-panel{border:1px solid #ddd6c6;border-radius:7px;overflow:hidden;margin:0 0 14px}.reference-panels .infographic-band{background:var(--editorial-gold)}.reference-panel>p{padding:18px 22px;margin:0;font:400 clamp(16px,2.2vw,24px)/1.45 Georgia,serif}.reference-notes{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:22px}.reference-notes p{display:flex;align-items:center;gap:20px;margin:0;font:400 clamp(15px,2.1vw,23px)/1.35 Georgia,serif}.reference-notes p+p{border-left:1px solid #d4c5a2;padding-left:20px}.reference-notes img{width:48px;height:48px}.reference-footer{font-size:12px;line-height:1.5;margin:22px 0 30px;overflow-wrap:anywhere}.reference-footer p{margin:4px 0}.reference-footer a{color:inherit}.report-metadata{border-top:1px solid #ddd6c6;padding-top:18px}
@media(max-width:650px){.product-report{padding:14px}.product-report .report-summary:has(.infographic-product-photo){padding-right:40%;min-height:280px}.product-report .report-summary:has(.infographic-product-photo) .infographic-product-photo{position:absolute;width:38%;height:260px;top:15px}.product-report .editorial-headline{font-size:clamp(30px,8vw,48px)}.main-takeaway{font-size:15px}.nutrition-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px}.nutrition-tile strong{font-size:24px}.nutrition-tile span{font-size:13px}.nutrition-secondary{font-size:14px;padding:8px;gap:8px 12px}.reference-notes{padding:14px;gap:12px}.reference-notes img{width:26px;height:26px}.reference-notes p{gap:8px;font-size:14px}.reference-notes p+p{padding-left:12px}.product-report .infographic-band{padding:10px;font-size:11px;letter-spacing:1.5px}}
@media(max-width:340px){.nutrition-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-notes{grid-template-columns:1fr}.reference-notes p+p{border-left:0;border-top:1px solid #d4c5a2;padding:12px 0 0}.product-report .report-summary:has(.infographic-product-photo){padding-right:0}.product-report .report-summary:has(.infographic-product-photo) .infographic-product-photo{position:static;width:100%;height:180px}}

.reference-footer{background:transparent;padding:0;border:0}.reference-footer p{font-size:12px}.nutrition-tile strong{white-space:nowrap}@media(max-width:650px){.product-report .report-summary:has(.infographic-product-photo){min-height:245px}}

/* Keep source notes and nutrition labels comfortable to read on a phone. */
.nutrition-tile small{font-size:clamp(12px,1.5vw,16px)}
.product-report .infographic-band{font-weight:600;letter-spacing:.075em}
.reference-footer,.reference-footer p,.infographic-sources,.nutrition-context{font-size:14px;line-height:1.6;font-weight:500}
@media(max-width:600px){.product-report .infographic-band{font-size:13px}}

.ingredient-list{padding:16px}.ingredient-instruction{font-size:.9rem;color:#58634f;margin:0 0 12px}.ingredient-detail{border:1px solid #d5cab0;border-radius:8px;margin:9px 0;background:#fffdf5}.ingredient-detail>summary{padding:15px;cursor:pointer;display:flex;flex-direction:column;gap:5px;list-style:disclosure-closed}.ingredient-detail[open]>summary{border-bottom:1px solid #d5cab0;list-style:disclosure-open;background:#f1ebda}.ingredient-detail>summary strong{font-family:Georgia,serif;font-size:1.2rem;line-height:1.35}.ingredient-detail>summary span{font-size:.8rem;color:#61705b}.ingredient-detail-body{padding:18px;line-height:1.6;overflow-wrap:anywhere}.ingredient-detail-body h3{font-size:1rem;margin:15px 0 6px}.ingredient-detail-body p{font-size:1rem}.ingredient-detail-body a{display:inline-block;margin-top:10px;font-size:.9rem}.ingredient-original{margin-top:20px}.ingredient-original>summary{padding:10px 0;font-weight:600;cursor:pointer}
