.processing-card{padding:14px;margin:12px 0;border:1px solid #d7e3e0;border-radius:16px;background:#fff;color:#172522}
.meal-scan-dialog h2:focus{outline:none!important}
.processing-head{display:flex;align-items:baseline;gap:10px;min-width:0}.processing-head>div{min-width:0}.processing-head strong,.processing-head .processing-name{display:block;font-size:18px;font-weight:750;overflow-wrap:anywhere}.processing-head small{display:block;color:#60716e;margin-top:2px}
.processing-level{font-family:Sora,Inter,sans-serif;font-size:clamp(30px,9vw,42px)!important;line-height:1}.processing-result .processing-name{font-size:20px;line-height:1.25}
.processing-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 0}.processing-scale span{text-align:center;border-radius:7px;background:#eef2f1;color:#65716e;font-size:16px;padding:7px;min-width:0}.processing-scale .on{background:#14b8a6;color:#05221e;font-weight:800}
.processing-explainer{line-height:1.5;margin:10px 0}.processing-why h4{font-size:16px;margin:14px 0 7px}.processing-chips{display:flex;flex-wrap:wrap;gap:6px}.processing-chip{font-size:16px;border-radius:20px;background:#e7f7f4;padding:6px 10px;overflow-wrap:anywhere}
.processing-level-four{font-size:clamp(21px,6vw,30px)!important;line-height:1.2}.processing-marker-list{margin:14px 0}.processing-marker-list summary{cursor:pointer;font-weight:700}.processing-marker-items{margin:9px 0 0;padding-left:20px}.processing-marker-item{margin:7px 0;line-height:1.45;overflow-wrap:anywhere}
.processing-ingredients{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.processing-ingredients mark{background:#ffe1ad;border-radius:3px;padding:1px 2px}.processing-disclaimer,.processing-footer{font-size:16px;color:#61716c;margin-bottom:0}.processing-footer{border-top:1px solid #e4ecea;margin-top:14px;padding-top:10px}.processing-footer p{margin:2px 0}
.snap-skeleton{padding:20px 4px}.snap-skeleton-bar{height:18px;margin:12px 0;border-radius:8px;background:linear-gradient(90deg,#edf3f2 25%,#dce9e6 45%,#edf3f2 65%);background-size:240% 100%;animation:snap-shimmer 1.2s linear infinite}.snap-skeleton-bar:first-child{height:42px;width:55%}.snap-skeleton-bar:nth-child(3){width:78%}@keyframes snap-shimmer{to{background-position:-240% 0}}
.snap-intro-copy{font-size:17px;margin-bottom:8px}.snap-framing-tip{padding:10px 12px;border:1px solid #d9e7e4;border-radius:8px;background:#f2faf8}.snap-result-actions,.snap-evidence-actions,.snap-feedback{display:grid;gap:8px}.snap-result-actions{margin-top:14px}.snap-evidence{margin:12px 0}.snap-evidence summary{font-weight:700}.snap-evidence p{overflow-wrap:anywhere}.snap-evidence-actions{grid-template-columns:1fr 1fr;margin-top:8px}.snap-result-actions button,.snap-evidence-actions button{min-height:48px}.snap-microcopy,.snap-allowance{text-align:center;color:#526762;font-size:16px}.snap-feedback{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-top:12px}.snap-feedback label{font-size:16px;color:#526762}.snap-feedback select{width:100%;min-height:48px}.snap-feedback button{min-height:48px;width:auto;text-decoration:underline}.snap-edit-text{width:100%;min-height:132px}.snap-state-copy{font-size:17px;line-height:1.5}.snap-state-actions{display:grid;gap:8px;margin-top:16px}.snap-state-actions button{min-height:48px}
@media(max-width:380px){.processing-card{padding:12px}.processing-head{display:block}.processing-result .processing-name{margin-top:5px}.snap-feedback{grid-template-columns:1fr}.snap-feedback button{width:100%}}
@media(prefers-reduced-motion:reduce){.snap-skeleton-bar{animation:none}}

/* Approved compact Label X-ray. Scoped to the shared result renderer. */
.processing-card.label-xray{--xray-ink:#0f172a;--xray-muted:#536563;--xray-line:#d9e7e4;--level-bg:#e9f8f5;--level-ink:#0f172a;--level-fill:#fff;--level-track:#c5eae3;border:0;padding:0;background:#fff;color:var(--xray-ink);font:16px/1.5 Inter,sans-serif;box-shadow:none}
.label-xray.processing-group-2{--level-bg:#b8e9e0;--level-fill:#e8faf5;--level-track:#97d6cb}
.label-xray.processing-group-3{--level-bg:#299c91;--level-ink:#fff;--level-fill:#16786f;--level-track:#5eb9af}
.label-xray.processing-group-4{--level-bg:#115e59;--level-ink:#fff;--level-fill:#0b4b47;--level-track:#367a75}
.label-xray *{box-sizing:border-box}.label-xray p,.label-xray h3,.label-xray h4{margin:0}
.xray-overview{display:flex;flex-direction:column}
.xray-stage{height:0;margin:0;opacity:0;overflow:hidden;position:relative;isolation:isolate;flex-shrink:0;background:#fcfefe;border-radius:12px}
.xray-stage.measuring{height:auto;margin-top:12px;opacity:1}.xray-pack-heading{padding:12px 12px 8px;color:var(--xray-muted)}
.label-xray .xray-stage p{font-size:16px;line-height:1.4;color:#596362;padding:0 12px 12px;overflow-wrap:anywhere}
.xray-line{position:absolute;left:0;right:0;height:2px;background:#14b8a6;box-shadow:0 -7px 17px #14b8a640;opacity:0;pointer-events:none}
.xray-level{margin-top:8px;padding:14px 16px;border-radius:12px;background:var(--level-bg);color:var(--level-ink)}
.xray-level-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px}
.label-xray .xray-source{font-size:16px;line-height:1.4;color:var(--xray-muted);margin:0 0 2px}
.label-xray .xray-name{font:600 20px/1.25 Sora,Inter,sans-serif;letter-spacing:-.4px;text-wrap:balance;color:inherit}
.xray-stamp{white-space:nowrap;font:600 18px/1.4 Sora,Inter,sans-serif;color:inherit}
.xray-scale{display:flex;gap:5px;margin-top:12px}.xray-scale span{height:28px;flex:1;border-radius:3px;background:var(--level-track);text-align:center;font-size:16px;line-height:28px}.xray-scale .filled{background:var(--level-fill)}.xray-scale .selected{outline:2px solid currentColor;outline-offset:2px;font-weight:800}
.label-xray .xray-counts{font-size:16px;line-height:1.5;margin:10px 0 18px;color:var(--xray-muted);font-variant-numeric:tabular-nums}
.label-xray .xray-heading{font:600 18px/1.4 Sora,Inter,sans-serif;letter-spacing:-.3px;margin:0 0 12px;color:var(--xray-ink)}
.xray-chips{display:flex;flex-wrap:wrap;gap:8px}
.label-xray .xray-chip{flex:0 0 auto;width:auto;max-width:100%;min-height:48px;height:auto;border-radius:999px;background:#f2f5f4;color:var(--xray-ink);padding:7px 11px;font:400 16px/20px Inter,sans-serif;white-space:normal;overflow-wrap:anywhere;box-shadow:none;border:2px solid transparent;cursor:pointer}
.label-xray .xray-chip.additive{background:#fff;border-color:#14b8a6}.label-xray .xray-chip.marker{background:#0f766e;color:#fff}.label-xray .xray-chip.marker.additive{box-shadow:inset 0 0 0 2px white;border-color:#14b8a6}
.xray-chip-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 8px;padding:0;list-style:none}.xray-chip-legend li{display:flex;align-items:center;gap:7px;min-width:0;font-size:16px;line-height:1.3;color:var(--xray-muted)}.xray-chip-key{display:block;flex:0 0 22px;height:22px;border:2px solid transparent;border-radius:999px;background:#f2f5f4}.xray-chip-key.key-additive{background:#fff;border-color:#14b8a6}.xray-chip-key.key-marker{background:#0f766e}.xray-chip-key.key-marker.key-additive{box-shadow:inset 0 0 0 2px #fff;border-color:#14b8a6}.label-xray .xray-level-note{font-size:16px;line-height:1.4;color:var(--xray-muted);margin:0 0 14px}
.label-xray .xray-chip:focus-visible,.xray-full-label summary:focus-visible,.xray-close:focus-visible,.dialog-close:focus-visible{outline:3px solid #0f766e;outline-offset:3px}
.label-xray .xray-hint{font-size:16px;line-height:1.4;color:var(--xray-muted);margin:12px 0 0}.xray-hint[hidden]{display:none}.label-xray .xray-nothing{color:var(--xray-muted);margin:0 0 12px}
.label-xray .xray-motto{text-align:center;font-size:16px;padding:24px 0 12px;color:var(--xray-muted)}
.xray-full-label{margin:0;border-top:1px solid var(--xray-line);border-bottom:1px solid var(--xray-line)}.xray-full-label summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:48px;font-size:16px;list-style:none}.xray-full-label summary::-webkit-details-marker{display:none}.xray-full-label summary span{font-size:24px}.xray-full-label[open] summary span{transform:rotate(90deg)}.label-xray .xray-full-label p{margin:10px 0;color:var(--xray-muted);overflow-wrap:anywhere}
.xray-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10em),1fr));column-gap:20px;margin-top:16px}.xray-fact{padding:12px 0;border-bottom:1px solid var(--xray-line);font-size:16px;line-height:1.4;overflow-wrap:anywhere}.xray-fact strong{font-weight:600}.label-xray .xray-fact p{margin-top:5px;color:var(--xray-muted)}.xray-fact:last-child{grid-column:1/-1}.label-xray .level-guide-link{min-height:48px;font-size:16px;margin-top:18px;color:#0f766e}
.xray-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:430px;max-width:100%;max-height:80dvh;border:0;border-radius:16px 16px 0 0;padding:20px 20px max(24px,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;background:white;color:#0f172a;font:16px/1.6 Inter,sans-serif;box-sizing:border-box}
.xray-sheet[open]{animation:xray-sheet-in 220ms cubic-bezier(.22,1,.36,1)}.xray-sheet::backdrop{background:#0f172a70}.xray-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.xray-sheet h2{font:600 20px/1.4 Sora,Inter,sans-serif;margin:0}.xray-sheet p{margin:8px 0 0;color:#536563;overflow-wrap:anywhere}.xray-close,.dialog-close{width:auto;min-height:48px;min-width:48px;border:0;border-radius:999px;padding:8px 12px;background:#f0faf8;color:#0f766e;font:600 16px Inter,sans-serif;cursor:pointer}.xray-plain-list{padding-left:22px;margin:16px 0 0}.xray-plain-list li{padding:7px 0;border-top:1px solid #d9e7e4}.xray-sheet>strong{overflow-wrap:anywhere}
body:has(.xray-sheet[open]){overflow:hidden}@keyframes xray-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.label-xray *,.xray-sheet{animation:none!important;transition:none!important}}

.xray-shopping .xray-reason{margin:12px 0 0;font-size:16px;line-height:1.5;color:inherit;overflow-wrap:anywhere}
.xray-shopping .xray-counts{margin:12px 0 16px}.xray-shopping .xray-heading{font-size:16px;margin-bottom:8px}
.xray-shopping .xray-chip{font-size:16px;min-height:48px}.xray-shopping .xray-overview{padding-bottom:16px}
.xray-view-all{display:block;width:auto;min-height:48px;padding:10px 0;border:0;background:transparent;color:#0f766e;font:600 16px/1.4 Inter,sans-serif;text-align:left;cursor:pointer}
.xray-marker-details{margin-top:8px;color:#536563;font-size:16px}.xray-marker-details summary{min-height:48px;cursor:pointer;align-content:center;color:#0f172a}.xray-marker-details ul{padding-left:20px}.xray-marker-details li{margin-bottom:8px;overflow-wrap:anywhere}
.label-xray .xray-pack-note{margin-top:12px;color:var(--xray-muted);font-size:16px;line-height:1.5}
.xray-additive-list{list-style:none;margin:0;padding:0}.xray-additive-list li+li{border-top:1px solid #d9e7e4}
.xray-additive-row{display:flex;flex-direction:column;gap:3px;width:100%;min-height:64px;text-align:left;padding:12px 0;border:0;background:transparent;color:#0f172a;cursor:pointer;font:16px/1.4 Inter,sans-serif;overflow-wrap:anywhere}
.xray-additive-row span{color:#536563;font-size:16px}.xray-view-all:focus-visible,.xray-additive-row:focus-visible,.xray-marker-details summary:focus-visible{outline:3px solid #0f766e;outline-offset:3px}

/* Nutrition week: retain missing calorie coverage without dark hero styling. */
.label-digest{padding:20px;border:1px solid #d9e7e4;border-radius:16px;background:#fff;color:#0f172a;font:16px/1.5 Inter,sans-serif}
.label-digest *{box-sizing:border-box}.label-digest p,.label-digest h2,.label-digest h3{margin:0}.label-digest h2{font:600 29px/1.17 Sora,Inter,sans-serif;letter-spacing:-1px;margin:9px 0}.label-digest h3{font:600 20px/1.4 Sora,Inter,sans-serif;letter-spacing:-.4px;color:#0f172a}
.label-digest-top,.label-digest-intro,.label-digest-note{color:#536563}.label-digest-section{margin-top:24px}.label-digest-total{display:flex;align-items:baseline;gap:8px;margin-top:14px}.label-digest-total b{font:550 36px Sora,Inter,sans-serif;letter-spacing:-1px}.label-digest-total span{color:#536563}
.label-digest-stack{display:flex;height:52px;gap:0;margin:16px 0 12px;overflow:hidden;border-radius:8px;background:#f2f5f4}.label-digest-stack span{flex:0 0 auto;display:grid;place-content:center;font-weight:650;overflow:hidden;background:#d3f2ed;color:#0f172a}.label-digest-stack [data-level="2"]{background:#87dcd0}.label-digest-stack [data-level="3"]{background:#299c91;color:#fff}.label-digest-stack [data-level="4"]{background:#115e59;color:#fff}
.label-digest-levels{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.label-digest-levels div{display:flex;justify-content:space-between;align-items:center}.label-digest-levels strong{font-weight:550}.label-digest .label-digest-note{margin-top:14px}
.label-digest-additives{margin-top:10px}.label-digest-additive{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border-radius:10px;background:#f0faf8;padding:14px;margin-top:8px}.label-digest-additive p{color:#536563}.label-digest-additive strong{overflow-wrap:anywhere}.label-digest-frequency{align-self:center;font-weight:600;color:#0f766e}.label-digest-sugars{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.label-digest-sugars span{padding:7px 10px;background:#f0faf8;border-radius:7px}
.label-digest .label-digest-count{border-bottom:1px solid #d9e7e4;padding:18px 0;font-weight:600}.label-digest-action{width:100%;min-height:48px;background:#e9f8f5;color:#115e59;border:1px solid #c5eae3;border-radius:10px;font:600 16px/1.4 Inter,sans-serif;padding:10px;margin-top:18px;cursor:pointer}.label-digest-action:focus-visible{outline:3px solid #0f766e;outline-offset:3px}

/* IP-209: the selected step uses the Food breakdown chart colour. */
.label-xray.processing-group-1{--selected-level:#14B8A6;--selected-ink:#0f172a}
.label-xray.processing-group-2{--selected-level:#98A5A0;--selected-ink:#0f172a}
.label-xray.processing-group-3{--selected-level:#E8BC4D;--selected-ink:#0f172a}
.label-xray.processing-group-4{--selected-level:#8F6BC4;--selected-ink:#111}
.xray-scale span{height:auto;min-height:1.75em;line-height:1.75}
.xray-scale .selected{background:var(--selected-level);color:var(--selected-ink);outline-color:#fff}
.label-xray .xray-list-heading{font-size:16px;margin:16px 0 4px}
.xray-reason-list{list-style:none;margin:0;padding:0}
.xray-reason-list li{padding:10px 0;border-bottom:1px solid var(--xray-line);font:inherit;overflow-wrap:anywhere}
.xray-other-ingredients{margin-top:12px;font-size:16px;overflow-wrap:anywhere}
.xray-other-ingredients summary{min-height:48px;align-content:center;cursor:pointer}
.xray-other-ingredients li{margin:8px 0}
.ingredients-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));gap:10px;margin:12px 0}
.ingredients-photos figure{margin:0;min-width:0}.ingredients-photos img{width:100%;height:100px;object-fit:contain}
.ingredients-photos button{width:100%;white-space:normal;min-height:48px}
.ingredients-photo-actions{display:grid;gap:8px}.ingredients-photo-actions button,#processing-questions button{white-space:normal;overflow-wrap:anywhere;height:auto;min-height:48px}

.xray-reason-list .xray-additive-row{display:inline;width:auto;min-height:0;margin:0;padding:0;font:inherit;vertical-align:baseline}

.xray-reason-list .xray-additive-row strong{font:inherit;font-weight:700}
