/* «Τα οικονομικά του Ελληνικού κράτους» (partials/oikonomika.hbs). Sits on ekloges.css; only what that page adds. System: ekloges-design.md. */
#ekl.fisc .titlerow{align-items:flex-start}
#ekl.fisc .f-updated{font-size:12.5px;color:var(--ink-2)}
#ekl.fisc .f-lead{margin:0;max-width:34ch;font-family:var(--display);font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.2;color:var(--ink)}
#ekl.fisc .f-lead:empty{display:none}
#ekl.fisc .f-lead b{color:var(--gr);font-weight:700}
#ekl.fisc .f-fail{margin:24px 0 0;color:var(--ink-2)}
/* figure strip: four linked tiles */
#ekl.fisc .f-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}
#ekl.fisc .f-strip:empty{display:none}
#ekl.fisc .f-strip .stat{text-decoration:none;color:inherit}
#ekl.fisc .f-strip .stat:hover .lbl{color:var(--gr)}
#ekl.fisc .f-strip .lbl{font-weight:600;color:var(--ink)}
#ekl.fisc .f-strip .det{font-size:12.5px;color:var(--ink-2);line-height:1.4}
/* two figures side by side */
#ekl.fisc .fpair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;align-items:stretch}
/* paired figures end on one line: source rows at the bottom of the taller one */
#ekl.fisc .fpair>.chartcard{display:flex;flex-direction:column}
#ekl.fisc .fpair>.chartcard>.cfoot{margin-top:auto}
#ekl.fisc figure{margin:0}
#ekl.fisc .legend{list-style:none;margin:10px 0 0;padding:0}
#ekl.fisc .chartcard .cfoot a.fpro{color:var(--gr);font-weight:600;text-decoration:none;white-space:nowrap}
#ekl.fisc .chartcard .cfoot a.fpro:hover{text-decoration:underline}
/* ranked rows (revenue mix, spending by function) */
#ekl.fisc .frows{list-style:none;margin:10px 0 4px;padding:0;display:grid;gap:4px}
#ekl.fisc .frows .fr{width:100%;display:grid;grid-template-columns:minmax(0,15em) minmax(0,1fr) auto;gap:4px 12px;align-items:center;background:none;border:0;border-radius:4px;padding:4px 6px;margin:0 -6px;text-align:left;color:inherit}
#ekl.fisc .frows .fr:hover{background:var(--paper-2)}
#ekl.fisc .frows .fr[aria-pressed="true"]{background:color-mix(in oklch,var(--gr) 9%,transparent);box-shadow:inset 3px 0 0 #3845DC}
#ekl.fisc .frows.exp .fr[aria-pressed="true"]{background:color-mix(in oklch,#D9620B 10%,transparent);box-shadow:inset 3px 0 0 #D9620B}
#ekl.fisc .frows .fr-n,#ekl.fisc .frows .fr-bar,#ekl.fisc .frows .fr-v{display:block}
#ekl.fisc .frows .fr-n>span{display:block}
#ekl.fisc .fr-n{font-size:13.5px;font-weight:600;line-height:1.3}
#ekl.fisc .fr-n span{display:block;font-size:12px;font-weight:400;color:var(--ink-2)}
#ekl.fisc .frows .fr-bar{position:relative;height:14px}
#ekl.fisc .fr-bar i{position:absolute;inset:0 auto 0 0;background:var(--gr);border-radius:0 2px 2px 0}
#ekl.fisc .fr-eu{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--eu)}
#ekl.fisc .legend i.fr-eukey{width:2px;height:12px;border-radius:0;background:var(--eu)}
#ekl.fisc .fr-v{font-size:13.5px;font-weight:600;text-align:right;white-space:nowrap}
#ekl.fisc .fr-v small{font-size:12px;font-weight:400;color:var(--ink-2);margin-left:4px}
#ekl.fisc .chartwrap .tip{transform:none}
@media (max-width:900px){
  #ekl.fisc .fpair{grid-template-columns:minmax(0,1fr)}
  #ekl.fisc .f-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  #ekl.fisc .f-strip{grid-template-columns:minmax(0,1fr)}
  #ekl.fisc .f-strip .stat{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lbl num" "det det"}
  #ekl.fisc .f-strip .det{grid-area:det}
  #ekl.fisc .frows .fr{grid-template-columns:minmax(0,1fr) auto}
  #ekl.fisc .fr-bar{grid-column:1/-1;order:3}
}
/* page palette (oikonomika.js): revenue blue, spending orange, E.U. grey */
#ekl.fisc .f-lead b.exp{color:#D9620B}
#ekl.fisc .frows.exp .fr-bar i{background:#D9620B}
#ekl.fisc .fr-eu{background:#6B6F7A}
#ekl.fisc .legend i.fr-eukey{background:#6B6F7A}
#ekl.fisc .legend i.eukey{background:#6B6F7A}
/* screenshot-safe credit (oikonomika.js): top right of every section head and figure */
#ekl.fisc .trow{display:flex;justify-content:space-between;align-items:center;gap:6px 14px}
#ekl.fisc .gifmark{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--ink-2);text-decoration:none;white-space:nowrap}
#ekl.fisc .gifmark img{width:15px;height:15px;border-radius:3px}
#ekl.fisc .gifmark:hover{color:var(--gr)}
@media (max-width:560px){#ekl.fisc .gifmark{font-size:11px}}
/* chart controls: tabs as a compact underlined text row, legend on the same line */
#ekl.fisc .ctl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin:8px 0 4px}
#ekl.fisc .ctl .legend{margin:0}
#ekl.fisc .tabs{display:inline-flex;gap:14px;background:none;border:0;border-radius:0;padding:0;margin:0}
#ekl.fisc .tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:2px 0;font-size:12.5px;font-weight:600;color:var(--ink-2);box-shadow:none}
#ekl.fisc .tabs button:hover{color:var(--ink)}
#ekl.fisc .tabs button[aria-selected="true"]{background:none;color:var(--ink);border-bottom-color:var(--ink)}
/* «Τι μετράμε»: general government vs state budget */
#ekl.fisc .f-cmp table{table-layout:fixed}
#ekl.fisc .f-cmp th[scope="row"]{width:9.5em;white-space:normal;background:none;color:var(--ink);font-size:13px;vertical-align:top}
#ekl.fisc .f-cmp thead th:not(:first-child){color:var(--ink);font-size:13.5px}
#ekl.fisc .f-cmp td{vertical-align:top;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
#ekl.fisc .f-notes{margin-top:24px}
@media (max-width:560px){#ekl.fisc .f-cmp th[scope="row"]{width:6.5em}}
/* share icons (top bar, page end) */
#ekl.fisc .topbar{display:flex;justify-content:space-between;align-items:center;gap:8px}
#ekl.fisc .f-share{display:inline-flex;align-items:center;gap:4px}
#ekl.fisc .f-share a,#ekl.fisc .f-share button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--rule);border-radius:4px;background:none;color:var(--ink-2);padding:0;cursor:pointer}
#ekl.fisc .f-share a:hover,#ekl.fisc .f-share button:hover{color:var(--gr);border-color:var(--gr)}
#ekl.fisc .f-share button.done{color:#0F8A63;border-color:#0F8A63}
#ekl.fisc .f-share svg{width:14px;height:14px}
/* subscribe + share block at the page end */
#ekl.fisc .f-sub{margin-top:48px;padding:20px 0;border-top:3px solid var(--rule-strong);display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
#ekl.fisc .f-sub-text{flex:1 1 320px}
#ekl.fisc .f-sub-text h2{font-size:clamp(20px,2.2vw,24px)}
#ekl.fisc .f-sub-text p{margin:4px 0 0;color:var(--ink-2)}
#ekl.fisc .f-sub-btn{display:inline-block;background:var(--gr);color:#fff;text-decoration:none;font-weight:600;font-size:14px;padding:10px 20px;border-radius:4px}
#ekl.fisc .f-sub-btn:hover{background:var(--ink)}
#ekl.fisc .f-sub-share{flex-basis:100%;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--ink-2)}
/* breathing space: more room between sections, figures and controls */
#ekl.fisc header.hero{gap:22px;padding-top:28px}
#ekl.fisc .f-lead{margin-top:4px}
#ekl.fisc .f-strip{gap:0 36px;margin-top:4px}
#ekl.fisc .f-strip .stat{padding:18px 0 4px;gap:6px}
#ekl.fisc .seenav{margin-top:6px}
#ekl.fisc section.block{margin-top:72px;padding-top:36px}
#ekl.fisc .sechead{margin-bottom:28px}
#ekl.fisc .sechead p{margin-top:10px;max-width:72ch;line-height:1.6}
#ekl.fisc .fpair{gap:48px 56px}
#ekl.fisc .chartcard{padding-top:16px}
#ekl.fisc .chartcard .cs{margin-top:4px}
#ekl.fisc .ctl{margin:16px 0 10px}
#ekl.fisc .frows{gap:8px;margin-top:14px}
#ekl.fisc .chartcard .cfoot{margin-top:14px;padding-top:10px}
#ekl.fisc .f-sub{margin-top:72px;padding:28px 0}
#ekl.fisc .f-notes{margin-top:36px;gap:28px}
@media (max-width:560px){
  #ekl.fisc section.block{margin-top:52px;padding-top:28px}
  #ekl.fisc .sechead{margin-bottom:20px}
  #ekl.fisc .fpair{gap:40px}
  #ekl.fisc .f-strip .stat{padding:12px 0}
}
/* Lucide icons (oikonomika.js): tiles, «Δείτε:» links, notes; never in section headings */
#ekl.fisc svg.lu{display:inline-block;width:16px;height:16px;flex:none;vertical-align:-3px;margin-right:6px}
#ekl.fisc .f-strip .lbl{display:flex;align-items:center}
#ekl.fisc .f-strip .lbl svg.lu{width:18px;height:18px;margin-right:8px}
#ekl.fisc .seebtn svg.lu{display:inline-block;color:var(--ink-2);width:15px;height:15px;margin-right:5px}
#ekl.fisc .seebtn:hover svg.lu{color:var(--gr)}
#ekl.fisc .method h4{display:flex;align-items:center}
#ekl.fisc .method h4 svg.lu{color:var(--ink-2)}
