/* Shared components for every page built from site_src/templates. Tokens live in site.css.
   Controls are typography, not pills: text with an ink underline, a red sun for the chosen day,
   small ink bars where a control can show how much it holds. */
.ek-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Page head: one line of title and context, the section's landmark faint behind it. */
.ph{position:relative;overflow:hidden;border-bottom:1px solid var(--ek-line)}
.ph-in{position:relative;z-index:1;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 18px;padding-block:20px 14px}
.ph h1{margin:0;font-size:clamp(26px,2.6vw,32px);line-height:1.1}
.ph-sub{font-size:14px;color:var(--ek-muted)}
.ph-right{margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px}
.ph-art{position:absolute;right:max(16px,calc(50% - 640px));bottom:-10px;height:150%;opacity:.11;color:var(--ek-ink);pointer-events:none}
.ph-art svg{height:100%;width:auto}

/* Underline search */
.find{display:inline-flex;align-items:center;gap:7px;min-width:200px;height:34px;border-bottom:1px solid var(--ek-line-strong);color:var(--ek-muted)}
.find:focus-within{border-bottom-color:var(--ek-ink);color:var(--ek-ink)}
.find svg{width:15px;height:15px;flex-shrink:0}
.find input{border:0;background:transparent;outline:none;font-size:14.5px;width:100%;color:var(--ek-ink);padding:0}
.find input::placeholder{color:#8a9298}

/* Text navigation: words, a small count, an ink underline for the chosen one. One row. */
.tx{display:flex;align-items:baseline;gap:4px 18px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0}
.tx::-webkit-scrollbar{display:none}
.tx.is-over{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.tx-l{font-size:12.5px;color:var(--ek-muted);margin-right:-6px}
.tx button,.tx a{all:unset;cursor:pointer;position:relative;padding:6px 0 7px;font:400 14.5px/1.2 var(--ek-sans);color:var(--ek-ink-soft)}
.tx button:hover,.tx a:hover{color:var(--ek-ink)}
.tx sup{font-size:10.5px;color:var(--ek-gold);margin-left:2px;top:-.45em}
.tx [aria-pressed=true],.tx [aria-current=page]{color:var(--ek-ink);font-weight:700}
.tx [aria-pressed=true]::after,.tx [aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ek-red)}
.tx button:focus-visible,.tx a:focus-visible{outline:2px solid var(--ek-red);outline-offset:2px}
.tx-kinds{gap:4px 14px}
.tx-kinds button{display:inline-flex;align-items:center;gap:6px;font-size:13.5px}
.tx-kinds i{width:9px;height:9px;border-radius:1px;display:inline-block}

/* Bugün / Arşiv */
.mode{display:flex;align-items:baseline;gap:16px;flex-shrink:0}
.mode button{all:unset;cursor:pointer;position:relative;font:700 19px/1.2 var(--ek-serif);color:#9aa2a8;padding-left:0}
.mode button[aria-pressed=true]{color:var(--ek-ink);padding-left:16px}
.mode button[aria-pressed=true]::before{content:"";position:absolute;left:0;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--ek-red)}
.mode button+button{border-left:1px solid var(--ek-line-strong);padding-left:16px}
.mode button+button[aria-pressed=true]{padding-left:32px}
.mode button+button[aria-pressed=true]::before{left:16px}
.mode button:focus-visible{outline:2px solid var(--ek-red);outline-offset:3px}

/* Day strip: as many days as fit, the chosen one inside a red sun. */
.days{display:flex;align-items:stretch;gap:2px;min-width:0;flex:1}
.days-step{all:unset;cursor:pointer;display:grid;place-items:center;width:22px;color:var(--ek-muted)}
.days-step svg{width:13px;height:13px}
.days-step[data-step="-1"] svg{transform:rotate(180deg)}
.days-step:disabled{opacity:.25;cursor:default}
.days-row{display:flex;gap:2px;flex:1;justify-content:space-between;min-width:0}
.day{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;width:42px;padding:2px 0 3px}
.day small{font-size:10.5px;color:var(--ek-muted);line-height:1.2}
.day small.m{color:var(--ek-gold);font-weight:700}
.day b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:700 16px/1 var(--ek-serif);color:var(--ek-ink)}
.day i{display:flex;gap:2px;height:4px}
.day i span{width:4px;height:4px;border-radius:50%;background:var(--ek-ink);opacity:.55}
.day:hover b{background:rgba(20,37,51,.07)}
.day[aria-disabled=true]{cursor:default}
.day[aria-disabled=true] b{color:#b9bfc4;font-weight:400}
.day.is-sel b{background:var(--ek-red);color:#fff}
.day.is-today small{color:var(--ek-red)}
.day:focus-visible b{outline:2px solid var(--ek-red);outline-offset:1px}

/* Histogram navigation (months, weeks): the bar says how many records the period holds. */
.hist{display:flex;align-items:flex-end;gap:2px;min-width:0}
.hist-l{align-self:center;font-size:12.5px;color:var(--ek-muted);margin-right:8px;white-space:nowrap}
.hist button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:40px;height:56px;padding:0 3px}
.hist .bar{width:16px;border-radius:1px 1px 0 0;background:var(--ek-ink);opacity:.28}
.hist span{font-size:12.5px;color:var(--ek-ink-soft);white-space:nowrap}
.hist button:hover .bar{opacity:.5}
.hist [aria-pressed=true] .bar{background:var(--ek-red);opacity:1}
.hist [aria-pressed=true] span{color:var(--ek-ink);font-weight:700}
.hist button:focus-visible{outline:2px solid var(--ek-red);outline-offset:2px}

/* Seals in compact form */
.seal-s{font-size:10.5px!important;padding:2px 5px 1px!important}

/* Item card: on paper, no box; a short tick in the colour of its kind. */
.kc{position:relative;display:flex;flex-direction:column;gap:5px;padding:12px 0 2px;border-top:1px solid var(--ek-line);min-width:0}
.kc::before{content:"";position:absolute;left:0;top:-1px;width:28px;height:3px;background:var(--kc,var(--ek-ink))}
.kc--haber{--kc:var(--ek-haber)}.kc--analiz{--kc:var(--ek-analiz)}.kc--arastirma{--kc:var(--ek-arastirma)}.kc--veri{--kc:var(--ek-veri)}
.kc-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ek-muted);min-width:0}
.kc-src{font-weight:700;color:var(--ek-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.kc-paid{font-size:11px}
.kc-meta time,.kc-paid{white-space:nowrap}
.kc-act{margin-left:auto;display:flex;gap:2px;flex-shrink:0}
.kc-act a,.kc-act button{all:unset;cursor:pointer;display:grid;place-items:center;width:26px;height:26px;border-radius:2px;color:var(--ek-muted)}
.kc-act a:hover,.kc-act button:hover{color:var(--ek-red);background:rgba(20,37,51,.05)}
.kc-act svg{width:14px;height:14px}
.kc h3{margin:1px 0 0;font:700 17px/1.38 var(--ek-serif)}
.kc-open{all:unset;cursor:pointer;color:var(--ek-ink)}
.kc-open:hover{text-decoration:underline;text-decoration-color:var(--ek-red);text-decoration-thickness:2px;text-underline-offset:3px}
.kc-open:focus-visible{outline:2px solid var(--ek-red);outline-offset:2px}
.kc-lede{margin:0;font-size:14px;line-height:1.6;color:var(--ek-ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kc-fig{display:flex;align-items:baseline;gap:7px;margin:3px 0 0;font-size:12.5px;color:var(--ek-ink-soft)}
.kc-fig b{font:700 20px/1 var(--ek-serif);color:var(--ek-ink);font-variant-numeric:tabular-nums}
.kc--veri .kc-fig b{color:var(--ek-veri)}
.kc-more{font-size:14px;line-height:1.62;color:var(--ek-ink-soft);padding-top:6px}
.kc-more p{margin:0 0 6px}
.kc-orig,.kc-by{font-size:12.5px;color:var(--ek-muted)}
.kc-basis{font-size:11.5px;color:#7d868d}
.kc-links{display:flex;gap:16px;font:700 13px/1 var(--ek-sans)}
.kc-links a{color:var(--ek-haber);text-decoration:none}
.kc-links a:hover{text-decoration:underline}
.kc.is-open .kc-lede{display:block;-webkit-line-clamp:unset}
/* a card alone in its row has room: text left, number right */
.kc--wide{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px}
.kc--wide>*{grid-column:1}
.kc--wide .kc-fig{grid-column:2;grid-row:1/span 4;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;margin:0;padding-top:24px}
.kc--wide .kc-fig b{font-size:30px}
.kc--wide .kc-lede{-webkit-line-clamp:3}
.kc--wide .kc-more{grid-column:1/-1}

/* Topic band: the topic at the left, at most three records in one row. */
.band{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0 26px;padding:14px 0 18px;border-top:1.5px solid var(--ek-ink)}
.band-h{display:flex;flex-direction:column;gap:3px;padding-top:9px}
.band-h h2{margin:0;font-size:19px;line-height:1.25}
.band-h span{font-size:12.5px;color:var(--ek-muted)}
.band-row{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:0 22px}
.band-row+.band-row{margin-top:10px}
.band-more{all:unset;cursor:pointer;margin-top:10px;font:700 13px/1 var(--ek-sans);color:var(--ek-haber)}
.band-more:hover{text-decoration:underline}

/* Önce bunlar: three lines on indigo. */
.lead3{position:relative;margin:0 0 6px;padding:12px 20px 22px;background:var(--ek-indigo);color:var(--ek-cream);border-radius:2px;overflow:hidden}
.lead3::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:var(--ek-seigaiha) 0 0/24px 12px repeat-x;opacity:.5}
.lead3 p{margin:0 0 8px;font:700 12.5px/1 var(--ek-sans);color:var(--ek-gold-soft)}
.lead3 ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:l}
.lead3 li{counter-increment:l;position:relative;padding:2px 18px 0 30px}
.lead3 li+li{border-left:1px solid rgba(243,236,220,.18)}
.lead3 li::before{content:counter(l);position:absolute;left:8px;top:0;font:700 22px/1 var(--ek-serif);color:var(--ek-red)}
.lead3 li:first-child{padding-left:22px}.lead3 li:first-child::before{left:0}
.lead3 a{display:flex;flex-direction:column;gap:3px;color:inherit;text-decoration:none}
.lead3 a:hover strong{text-decoration:underline;text-decoration-color:var(--ek-red)}
.lead3 strong{font:700 16px/1.38 var(--ek-serif);color:#fff}
.lead3 small{font-size:12px;color:rgba(243,236,220,.65)}

/* Share: two named services and a copy link; the image the services show is made per page. */
/* Share: one button, and a panel that leads with the page's picture (ek.js) */
.ek-share{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 2px;font:700 13.5px/1 var(--ek-sans);color:var(--ek-ink);border-bottom:1.5px solid var(--ek-red)}
.ek-share svg{width:15px;height:15px;color:var(--ek-red)}
.ek-share:hover{color:var(--ek-red)}
.ek-share:focus-visible{outline:2px solid var(--ek-red);outline-offset:3px}
.ek-share:not(:has(span)){border-bottom:0;min-width:30px;justify-content:center}
html.ek-sh-on{overflow:hidden}
.ek-sh{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:rgba(12,31,47,.55)}
.ek-sh-box{position:relative;display:grid;grid-template-columns:minmax(0,auto) 300px;gap:0;max-width:min(1040px,100%);max-height:calc(100vh - 40px);background:var(--ek-paper);border-radius:3px;box-shadow:0 18px 50px rgba(12,31,47,.35);overflow:hidden}
.ek-sh-box--nopic{grid-template-columns:320px}
.ek-sh-pic{margin:0;padding:18px;background:#e9e4da;display:grid;place-items:center;min-width:0;overflow:auto}
.ek-sh-pic img{display:block;max-width:100%;max-height:calc(100vh - 76px);width:auto;height:auto;box-shadow:0 4px 16px rgba(12,31,47,.18)}
.ek-sh-side{display:flex;flex-direction:column;gap:12px;padding:22px 22px 20px;min-width:0;border-top:4px solid var(--ek-indigo)}
.ek-sh-h{margin:0;font:700 20px/1.2 var(--ek-serif)}
.ek-sh-t{margin:0;font-size:14px;line-height:1.5;color:var(--ek-ink-soft)}
.ek-sh-main{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.ek-sh-go{all:unset;cursor:pointer;text-align:center;padding:11px 14px;background:var(--ek-red);color:#fff;border-radius:2px;font:700 14.5px/1 var(--ek-sans)}
.ek-sh-go:hover{background:#b81a2a}
.ek-sh-go+.ek-sh-go{background:var(--ek-indigo)}
.ek-sh-alt{text-align:center;padding:9px 14px;border:1px solid var(--ek-line-strong);border-radius:2px;font:700 13.5px/1 var(--ek-sans);color:var(--ek-ink);text-decoration:none}
.ek-sh-alt:hover{border-color:var(--ek-ink)}
.ek-sh-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:12px;border-top:1px solid var(--ek-line)}
.ek-sh-links a,.ek-sh-links button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;border-radius:2px;font:400 12.5px/1 var(--ek-sans);color:var(--ek-ink)}
.ek-sh-links a:hover,.ek-sh-links button:hover{background:rgba(20,37,51,.06)}
.ek-sh-links svg{width:22px;height:22px}
.ek-sh-links [data-sh=wa] svg{color:#1f8f4e}
.ek-sh-note{margin:0;font-size:12.5px;line-height:1.5;color:var(--ek-muted)}
.ek-sh-x{all:unset;cursor:pointer;position:absolute;right:10px;top:8px;width:32px;height:32px;display:grid;place-items:center;font:400 24px/1 var(--ek-sans);color:var(--ek-ink-soft);border-radius:50%}
.ek-sh-x:hover{background:rgba(20,37,51,.08)}
@media(max-width:760px){
 .ek-sh{padding:0;align-items:end}
 .ek-sh-box{grid-template-columns:1fr;max-height:100vh;border-radius:6px 6px 0 0;overflow:auto}
 .ek-sh-pic{padding:12px}
 .ek-sh-pic img{max-height:52vh}
}
.ek-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;max-width:calc(100vw - 32px);padding:9px 14px;background:var(--ek-indigo);color:var(--ek-cream);border-radius:3px;font-size:13.5px;opacity:0;transition:opacity .2s}
.ek-toast.on{opacity:1}

/* Big number with its label */
.fig{display:flex;flex-direction:column;gap:3px}
.fig b{font:700 34px/1.05 var(--ek-serif);font-variant-numeric:tabular-nums}
.fig span{font-size:13px;color:var(--ek-ink-soft)}
.fig small{font-size:12px;color:var(--ek-muted)}

/* Indicator tiles in theme rows (Veri, home) */
.tiles{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 24px;padding:12px 0;border-top:1px solid var(--ek-line)}
.tiles:first-of-type{border-top:1.5px solid var(--ek-ink)}
.tiles-h{padding-top:6px}
.tiles-h h2{margin:0;font-size:17px;line-height:1.3}
.tiles-h a{font-size:12.5px;color:var(--ek-muted);text-decoration:none}
.tiles-h a:hover{color:var(--ek-ink);text-decoration:underline}
.tiles-row{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:0 18px}
.tile{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l l" "v d" "s s" "p p";align-items:baseline;padding:4px 0;text-decoration:none;color:var(--ek-ink);min-width:0}
.tile:hover .tile-l{text-decoration:underline}
.tile-l{grid-area:l;font-size:12.5px;color:var(--ek-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile-v{grid-area:v;font:700 24px/1.15 var(--ek-serif);font-variant-numeric:tabular-nums;white-space:nowrap}
.tile-d{grid-area:d;font-size:12px;color:var(--ek-muted);white-space:nowrap;padding-left:8px}
.tile-s{grid-area:s;height:30px;margin-top:2px}
.tile-s svg{width:100%;height:100%;display:block}
.tile-p{grid-area:p;font-size:11.5px;color:var(--ek-muted)}

/* Charts */
.chart{width:100%;height:auto;display:block}
.chart text{font:400 11px/1 var(--ek-sans);fill:#6c757c}
.chart .ann{font:700 12px/1 var(--ek-sans);fill:var(--ek-ink)}
.legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font-size:12.5px;color:var(--ek-ink-soft)}
.legend span{display:inline-flex;align-items:center;gap:7px}

/* Responsive */
@media(max-width:1100px){
 .band{grid-template-columns:150px minmax(0,1fr)}
 .tiles{grid-template-columns:120px minmax(0,1fr)}
}
@media(max-width:860px){
 .ph-in{padding-block:16px 10px}
 .ph-right{margin-left:0;width:100%}
 .find{width:100%}
 .band{grid-template-columns:1fr;gap:6px}
 .band-row{grid-template-columns:1fr;gap:4px}
 .kc--wide{display:flex}
 .kc--wide .kc-fig{flex-direction:row;align-items:baseline;padding:0;text-align:left}
 .kc--wide .kc-fig b{font-size:20px}
 .lead3 ol{grid-template-columns:1fr}
 .lead3 li,.lead3 li:first-child{padding:7px 0 7px 26px;border-left:0}
 .lead3 li+li{border-top:1px solid rgba(243,236,220,.18)}
 .lead3 li::before,.lead3 li:first-child::before{left:0;top:7px}
 .tiles{grid-template-columns:1fr;gap:4px}
 .tiles-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
 .tile{grid-template-columns:minmax(0,1fr);grid-template-areas:"l" "v" "d" "s" "p"}
 .tile-v{font-size:20px;white-space:normal}
 .tile-d{padding-left:0;white-space:normal}
 .mode button{font-size:17px}
}
/* Sharing controls remain reachable on short screens. */
.ek-sh-side{overflow:auto;max-height:calc(100dvh - 40px)}
.ek-sh [hidden]{display:none!important}
.ek-sh button:disabled{opacity:.5;cursor:not-allowed}
.ek-sh a:focus-visible,.ek-sh button:focus-visible{outline:2px solid var(--ek-red);outline-offset:3px}
.ek-sh [data-sh-status]{min-height:3em}
@media(max-width:640px){.ek-sh-side{max-height:none;overflow:visible}.ek-sh-box{overflow:auto}}