/* Detail-only styles shared by the English and German catalogues. */
.supplement-hero .supplement-kicker{display:block;color:#ffe5a3;font-size:12px;letter-spacing:.08em;font-weight:700;padding-right:28px}
.supplement-hero .supplement-icon{display:block;font-size:32px;margin-top:12px}
.supplement-hero h2{overflow-wrap:anywhere}
.supplement-guide{line-height:1.65}
.supplement-takeaway{background:#eaf3ed;border-radius:14px;padding:18px 20px}
.supplement-takeaway>b{font-size:13px;text-transform:uppercase;letter-spacing:.07em}
.supplement-takeaway p{margin:7px 0 0;font-weight:600}
.supplement-hint,.supplement-note{color:var(--muted);font-size:13px}
.supplement-section{border:1px solid var(--line);border-radius:12px;margin:12px 0;background:#fff;overflow:hidden}
.supplement-section>summary{cursor:pointer;padding:16px 18px;font-weight:700;min-height:52px;list-style-position:inside}
.supplement-section>summary:focus-visible{outline:3px solid var(--purple);outline-offset:-4px}
.supplement-section[open]>summary{background:#f1f6f2;border-bottom:1px solid var(--line)}
.supplement-section-body{padding:4px 18px 16px}
.supplement-section-body p,.supplement-caution p{margin:12px 0;font-size:15px}
.supplement-section-body h3,.supplement-caution h3{font-size:15px;margin:16px 0 6px}
.supplement-section-body a{color:var(--forest);text-underline-offset:3px;overflow-wrap:anywhere}
.supplement-section-body ul{padding-left:20px}
.supplement-section-body li+li{margin-top:10px}
.supplement-caution{border-radius:0 12px 12px 0;margin:16px 0}
.supplement-caution h3{margin-top:0}
.supplement-load-status{padding:0 30px 20px;font-size:14px;color:var(--muted)}
.supplement-section-body .supplement-foods{list-style:none;padding:0;margin:12px 0}
.supplement-foods li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
.supplement-foods li b{font-size:14px}.supplement-foods li span{grid-column:1;font-size:13px;color:var(--muted)}
.supplement-foods li strong{grid-column:2;grid-row:1 / 3;align-self:center;font-size:14px;white-space:nowrap}
@media(max-width:620px){.supplement-guide{padding:20px}.supplement-hero{padding:30px 24px}.supplement-hero h2{font-size:32px}.supplement-section>summary{padding:16px 14px}.supplement-section-body{padding:4px 14px 14px}}