/* FoodEdge continuity layer. Approved reading colours and content stay intact. */
:root{
 --fe-brand:#ff6c02;
 --fe-ember-hover:#ff8b3d;
 --fe-orange:#9d4200;
 --fe-action-ink:#1a0900;
 --fe-ink:#171a1b;
 --fe-muted:#5b6265;
 --fe-line:#d9deda;
 --fe-field-line:#8a928d;
 --fe-paper:#ffffff;
 --fe-wash:#f3f5f2;
 --fe-green:#164e44;
 --fe-green-light:#eaf1ed;
 --fe-blue:#274f70;
 --fe-blue-light:#eaf0f5;
 --fe-orange-light:#f8e8dc;
 /* Earlier portal components keep their names and share the same palette. */
 --fe-quiet:var(--fe-muted);
 --fe-rule:var(--fe-line);
 --fe-forest:var(--fe-green);
 --fe-accent-readable:var(--fe-orange);
}
.fe-edition{--fe-focus:#9d4200;--fe-target-min:44px;--fe-icon-stroke:1.6}
.fe-edition ::selection{background:var(--fe-orange-light);color:var(--fe-ink)}
.fe-edition :where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--fe-focus);outline-offset:3px}
.fe-edition :where(input,textarea){caret-color:var(--fe-ink)}
.fe-edition .fe-icon{flex-shrink:0;stroke-width:var(--fe-icon-stroke);vertical-align:-.16em}
.fe-edition [data-readable-content] :where(p,li)>a:not(.fe-button):not(.kg-btn){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;text-decoration-skip-ink:auto}
.fe-edition :where(.fe-diagram-table,.fe-data-table,.fe-table-scroll) :where(td,th){font-variant-numeric:tabular-nums}
.fe-edition .fe-share-dialog{width:min(900px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:32px;scrollbar-color:var(--fe-muted) var(--fe-paper)}
.fe-edition .fe-share-dialog textarea{font-size:17px;line-height:1.65;min-height:240px;height:clamp(240px,43dvh,440px);max-height:65dvh}
.fe-edition .fe-share-counter{margin:8px 0 22px;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--fe-muted)}
.fe-edition .fe-share-counter.is-over-limit{color:#9b241a;font-weight:600}
.fe-edition .fe-share-dialog textarea[aria-invalid=true]{border-color:#9b241a}
.fe-edition :where(.fe-reader-actions>button,.fe-more-tools>summary,.fe-share-close){min-height:var(--fe-target-min)}
@media(max-width:600px){
 .fe-edition .fe-share-dialog{padding:22px 20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
 .fe-edition .fe-share-dialog h2{font-size:25px;padding-right:22px}
 .fe-edition .fe-share-dialog textarea{font-size:16px;min-height:220px;height:40dvh}
 .fe-edition .fe-share-counter{font-size:12px}
}
@media print{.fe-edition .fe-share-dialog{display:none!important}}
