/* «Τιμές τροφίμων στην Ελλάδα» (partials/food.hbs). Sits on ekloges.css and the fiscal page's oikonomika.css (class "fisc"); only what this page adds. System: ekloges-design.md.
   Identity: Greece/the topic = terracotta #9C3D1F; the E.U. is the grey line; each link of the food chain has a colour of its own (food.js). */
#ekl.fisc.food .f-lead{max-width:44ch}
#ekl.fisc.food .f-lead b{color:#9C3D1F}
#ekl.fisc.food .fr-bar i{background:#9C3D1F}
#ekl.fisc.food .legend[hidden],#ekl.fisc.food .legend li[hidden],#ekl.fisc.food .tabs[hidden]{display:none}
#ekl.fisc.food .ctl{row-gap:10px}
/* ranked rows: the products are buttons, the countries are not */
#ekl.fisc.food .frows .fr{cursor:pointer}
#ekl.fisc.food .frows .fr[aria-pressed="true"]{background:color-mix(in oklch,#9C3D1F 8%,transparent);box-shadow:inset 3px 0 0 #9C3D1F}
#ekl.fisc.food .frows .fr[aria-pressed="true"] .fr-n{color:#9C3D1F}
#ekl.fisc.food .frows .pin{padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid var(--rule)}
#ekl.fisc.food .frows .pin .fr-n{font-weight:700}
#ekl.fisc.food .frows.tight .fr{cursor:default;padding:2px 6px;grid-template-columns:minmax(0,9em) minmax(0,1fr) auto;margin:0}
#ekl.fisc.food .frows.tight .fr:hover{background:none}
#ekl.fisc.food .frows.tight{gap:2px}
#ekl.fisc.food .frows .k-gr .fr-n,#ekl.fisc.food .frows .k-gr .fr-v{color:#9C3D1F}
#ekl.fisc.food .frows .k-eu .fr-n{color:var(--ink-2)}
@media (max-width:560px){#ekl.fisc.food .frows.tight .fr{grid-template-columns:minmax(0,1fr) auto}}
#ekl.fisc.food .wl-amt{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
#ekl.fisc.food .wl-amt select{font:inherit;font-size:14px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--rule);border-radius:4px;padding:4px 8px;max-width:100%}
/* signature panel: the food chain from producer to consumer (food.js chainSvg) */
#ekl.fisc.food #xorafi{background:#FBF3EF;box-shadow:0 0 0 100vmax #FBF3EF;clip-path:inset(0 -100vmax);border-top:0;padding:40px 0 30px}
#ekl.fisc.food .xo-nums{display:flex;gap:40px;flex-wrap:wrap;margin:6px 0 4px}
#ekl.fisc.food .xo-n b{display:block;font-family:Literata,Georgia,serif;font-weight:700;font-size:clamp(40px,7vw,64px);line-height:1;color:#9C3D1F}
#ekl.fisc.food .xo-n.eu b{color:#6B6F7A}
#ekl.fisc.food .xo-n span{font-size:13px;font-weight:600;color:var(--ink-2)}
#ekl.fisc.food .xo-svg svg{display:block;width:100%;height:auto;overflow:visible}
#ekl.fisc.food .xo-key{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px 16px;font-size:13px;line-height:1.4;color:var(--ink-2)}
#ekl.fisc.food .xo-key b{display:block;color:var(--ink)}
#ekl.fisc.food .xo-hint{margin:8px 0 0;font-size:13px;color:var(--ink-2)}
@media (max-width:700px){#ekl.fisc.food .xo-key{grid-template-columns:1fr 1fr}}
#ekl.fisc.food .f-about{max-width:62ch;margin:8px 0 0;font-size:14px;color:var(--ink-2)}