/* The existing in-card panel keeps card geometry and scrolls only its details. */
html:root body .composition-card-panel {position:absolute !important;inset:0 auto auto 0 !important;z-index:30 !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;width:100% !important;min-width:0 !important;height:100% !important;max-height:var(--composition-max-height,100%) !important;margin:0 !important;padding:0 !important;overflow:hidden !important;border:1px solid #d8dcd0 !important;border-radius:23px !important;background:#f0f1e9 !important;color:#18291d !important;font-family:inherit !important;box-shadow:0 4px 16px #1b30120b !important;}
html:root body .composition-card-panel__header {display:flex !important;flex:0 0 auto !important;align-items:flex-start !important;justify-content:space-between !important;gap:12px !important;width:100% !important;height:auto !important;min-height:64px !important;padding:10px 14px 10px 16px !important;border-bottom:1px solid #d8dcd0 !important;}
html:root body .composition-card-panel .composition-card-panel__header .composition-card-panel__title {display:block !important;flex:1 1 auto !important;width:auto !important;min-width:0 !important;max-width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;margin:8px 0 0 !important;padding:0 !important;color:#18291d !important;font-size:18px !important;font-weight:650 !important;line-height:1.35 !important;letter-spacing:-.2px !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;overflow-wrap:anywhere !important;}
html:root body .composition-card-panel__close {display:block !important;position:relative !important;flex:0 0 44px !important;width:44px !important;height:44px !important;min-height:44px !important;margin:0 !important;padding:0 !important;border:1px solid #cdd5c6 !important;border-radius:50% !important;background:#fffefa !important;color:#213f2a !important;cursor:pointer !important;}
html:root body .composition-card-panel__close::before,html:root body .composition-card-panel__close::after {position:absolute !important;top:20px !important;left:12px !important;width:18px !important;height:2px !important;border-radius:1px !important;background:currentColor !important;content:"" !important;}
html:root body .composition-card-panel__close::before {transform:rotate(45deg) !important;}
html:root body .composition-card-panel__close::after {transform:rotate(-45deg) !important;}
html:root body .composition-card-panel__body {display:flex !important;flex:1 1 auto !important;flex-direction:column !important;align-items:stretch !important;gap:12px !important;width:100% !important;min-width:0 !important;min-height:0 !important;padding:12px 16px 14px !important;overflow:auto !important;overscroll-behavior:contain !important;scrollbar-width:thin !important;scrollbar-color:#92a38b transparent !important;font-size:14px !important;line-height:1.45 !important;}
html:root body .composition-card-panel__section {display:grid !important;flex:0 0 auto !important;width:100% !important;min-width:0 !important;gap:4px !important;margin:0 !important;padding:0 !important;}
html:root body .composition-card-panel .composition-card-panel__section h4 {width:auto !important;min-width:0 !important;height:auto !important;margin:0 !important;padding:0 !important;color:#253d2b !important;font-size:14px !important;font-weight:650 !important;line-height:1.45 !important;letter-spacing:normal !important;white-space:normal !important;overflow-wrap:anywhere !important;}
html:root body .composition-card-panel .composition-card-panel__copy {display:block !important;width:auto !important;min-width:0 !important;height:auto !important;min-height:0 !important;max-height:none !important;margin:0 !important;padding:0 !important;color:#465444 !important;font-size:14px !important;font-weight:400 !important;line-height:1.45 !important;letter-spacing:normal !important;white-space:pre-line !important;overflow:visible !important;overflow-wrap:anywhere !important;text-overflow:clip !important;}
html:root body .composition-card-panel__nutrition {display:grid !important;width:100% !important;min-width:0 !important;gap:4px !important;margin:4px 0 0 !important;padding:0 !important;}
html:root body .composition-card-panel__row {display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:10px !important;width:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important;color:#465444 !important;font-size:14px !important;line-height:1.45 !important;}
html:root body .composition-card-panel__row dt,html:root body .composition-card-panel__row dd {width:auto !important;min-width:0 !important;margin:0 !important;padding:0 !important;font-size:14px !important;line-height:1.45 !important;}
html:root body .composition-card-panel__row dd {flex:none !important;font-weight:600 !important;color:#253d2b !important;white-space:nowrap !important;}
html:root body .composition-card-panel__status {width:auto !important;min-width:0 !important;height:auto !important;margin:2px 0 0 !important;padding:6px 8px !important;border-radius:8px !important;background:#e3e9da !important;color:#3f513d !important;font-size:13px !important;line-height:1.45 !important;white-space:normal !important;overflow-wrap:anywhere !important;}
html:root body .composition-card-panel__host {position:relative !important;}
html:root body .composition-card-panel__host.is-composition-open > :not(.composition-card-panel) {visibility:hidden !important;}
html:root body .composition-card-panel__close:focus-visible,html:root body .composition-card-panel__body:focus-visible {outline:3px solid #99601b !important;outline-offset:2px !important;}