/* Home: the week's leading story drawn, three more, the indicators, the sections. */
.hx{position:relative;overflow:hidden;border-bottom:1px solid var(--ek-line)}
.hx-art{position:absolute;inset:0;pointer-events:none}
.hx-art::before{content:"";position:absolute;inset:0;background:url("../shared/art/bosphorus-panorama.webp") left bottom/auto 78% no-repeat;opacity:.24;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 30%,transparent 60%);mask-image:linear-gradient(90deg,#000 0%,#000 30%,transparent 60%)}
.hx-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px;align-items:center;padding-block:30px 26px}
.hx-text{display:flex;flex-direction:column;gap:12px}
.hx-issue{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0;font-size:13px;color:var(--ek-muted)}
.hx-issue>span{font:700 11.5px/1 var(--ek-sans);color:#fff;background:var(--ek-indigo);padding:5px 7px 4px;border-radius:2px}
.hx h1{margin:0;font-size:clamp(26px,2.7vw,36px);line-height:1.22}
.hx h1 a{color:var(--ek-ink);text-decoration:none}
.hx h1 a:hover{text-decoration:underline;text-decoration-color:var(--ek-red);text-decoration-thickness:2px}
.hx-lede{margin:0;font-size:15.5px;line-height:1.65;color:var(--ek-ink-soft)}
.hx-src{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--ek-muted)}
.hx-src b{color:var(--ek-ink)}
.hx-act{display:flex;align-items:center;gap:18px;margin:4px 0 0}
.hx-read{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;background:var(--ek-red);color:#fff;border-radius:2px;font:700 14px/1 var(--ek-sans);text-decoration:none}
.hx-read:hover{background:#b81a2a;text-decoration:none}
.hx-chart{margin:0;padding:16px 18px 12px;background:rgba(252,250,246,.92);border:1px solid var(--ek-line);border-radius:3px}
.hx-num{display:flex;align-items:baseline;gap:10px;margin:0 0 6px}
.hx-num b{font:700 46px/1 var(--ek-serif);color:var(--ek-ink)}
.hx-num span{font-size:14px;color:var(--ek-ink-soft)}
.hx-chart figcaption{margin-top:6px;font-size:12px;color:var(--ek-muted)}
.hm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;padding-block:22px 6px}
.hm-s{position:relative;display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--ek-line);text-decoration:none;color:var(--ek-ink)}
.hm-s::before{content:"";position:absolute;left:0;top:-1px;width:28px;height:3px;background:var(--kc,var(--ek-ink))}
.hm-s:hover .hm-t{text-decoration:underline;text-decoration-color:var(--ek-red)}
.hm-chart{display:block;min-height:100px}
.hm-chart .chart text.ann{font-size:11px}
.hm-num{display:flex;flex-direction:column;gap:2px;min-height:100px;justify-content:flex-end;font-size:13px;color:var(--ek-ink-soft)}
.hm-num b{font:700 46px/1 var(--ek-serif);color:var(--ek-ink)}
.hm-t{font:700 18px/1.38 var(--ek-serif)}
.hm-m{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ek-muted)}
.hi{padding-block:22px 6px}
.hi-row{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:0 24px;padding-top:12px;border-top:1.5px solid var(--ek-ink)}
.hs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;padding-block:22px 26px}
.hs a{display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding-top:12px;border-top:1px solid var(--ek-line);text-decoration:none;color:var(--ek-ink)}
.hs svg{grid-row:1/span 2;width:62px;height:44px;color:var(--ek-ink);opacity:.8}
.hs b{font:700 19px/1.2 var(--ek-serif)}
.hs span{font-size:13px;color:var(--ek-muted)}
.hs a:hover b{text-decoration:underline;text-decoration-color:var(--ek-red)}
@media(max-width:1000px){.hx-in{grid-template-columns:1fr}.hm{grid-template-columns:1fr;gap:18px}.hi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.hs{grid-template-columns:1fr;gap:10px}}
.hm-lede{font-size:14.5px;line-height:1.6;justify-content:flex-start}
.hm-chart small{display:block;margin-top:2px;font-size:12px;color:var(--ek-muted)}
.hx-issue .ek-share{margin-left:auto}
