/* markets-v1: the /markets hub, the nine /markets/<code> pages and the market hours clock on
   /tools/forex-market-hours. Same Midday editorial surface as the blog and the tools (loaded
   after blog-v1.css, and after tools-v1.css on the clock page): Hedvig, charcoal, square
   corners, hairlines, no gradients, no shadows, weight 400. Every rule is scoped to the
   editorial attribute so no other page is touched. */
html[data-fx-editorial="midday"] [hidden]{display:none!important}

/* ---- Hero and measure ---------------------------------------------------------------- */
html[data-fx-editorial="midday"] .mk-wrap{max-width:1180px}
html[data-fx-editorial="midday"] .page-hero.mk-hero{padding:118px 0 38px}
html[data-fx-editorial="midday"] .mk-hero .editorial-topline{margin-bottom:26px}
html[data-fx-editorial="midday"] .mk-hero h1{font-size:clamp(30px,3.6vw,48px);line-height:1.12;max-width:24ch}
html[data-fx-editorial="midday"] .mk-hero .lead{max-width:70ch;margin-top:20px;font-size:18px}
html[data-fx-editorial="midday"] .mk-toolhero h1{max-width:24ch}
html[data-fx-editorial="midday"] .art.mk-art{padding:44px 0 72px}
html[data-fx-editorial="midday"] .art .mk-prose{max-width:72ch}

/* ---- Sections ------------------------------------------------------------------------ */
html[data-fx-editorial="midday"] .mk-sec{padding:6px 0 44px;border-top:1px solid var(--p-border)}
html[data-fx-editorial="midday"] .mk-sec:first-child{border-top:0;padding-top:0}
html[data-fx-editorial="midday"] .art .mk-sec>h2{margin:40px 0 18px;max-width:30ch}
html[data-fx-editorial="midday"] .art .mk-sec:first-child>h2{margin-top:0}
html[data-fx-editorial="midday"] .art .mk-sec h3{font-size:18px;line-height:1.35;margin:36px 0 14px}
html[data-fx-editorial="midday"] .art .mk-sec>.art-cta{margin-top:24px}

/* ---- At a glance --------------------------------------------------------------------- */
html[data-fx-editorial="midday"] .mk-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 0;border-top:1px solid var(--p-border);border-left:1px solid var(--p-border)}
html[data-fx-editorial="midday"] .mk-glance>div{min-width:0;padding:20px 22px 22px;border-right:1px solid var(--p-border);border-bottom:1px solid var(--p-border)}
html[data-fx-editorial="midday"] .mk-glance dt{margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--p-muted)}
html[data-fx-editorial="midday"] .mk-glance dd{margin:0;font-size:26px;line-height:1.2;letter-spacing:-.02em;color:var(--p-fg);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-fx-editorial="midday"] .mk-glance dd small{display:block;margin-top:8px;font-size:13px;line-height:1.5;letter-spacing:0;color:var(--p-fg-2)}
html[data-fx-editorial="midday"] .mk-glance+.mk-prose{margin-top:24px}

/* ---- Two columns: a figure or table beside another --------------------------------- */
html[data-fx-editorial="midday"] .mk-two{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:28px;align-items:start;margin:30px 0 0}
html[data-fx-editorial="midday"] .mk-two.mk-two-even{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-fx-editorial="midday"] .mk-two.mk-two-text{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}
html[data-fx-editorial="midday"] .mk-two>div{min-width:0}
html[data-fx-editorial="midday"] .mk-two :is(.art-table,.art-figure){margin:0}
html[data-fx-editorial="midday"] .art .mk-two h3{margin:0 0 14px}
html[data-fx-editorial="midday"] .art .mk-two p{max-width:62ch}
html[data-fx-editorial="midday"] .art .mk-two p:last-child{margin-bottom:0}
html[data-fx-editorial="midday"] .mk-fig{margin:30px 0 0}
html[data-fx-editorial="midday"] .mk-fig.mk-fig-wide{max-width:780px}
html[data-fx-editorial="midday"] .mk-fig.mk-fig-gap{margin-bottom:30px}

/* ---- Data tables (inside the site's scrolling .art-table wrapper) ------------------ */
html[data-fx-editorial="midday"] .mk-table{margin:24px 0 0}
html[data-fx-editorial="midday"] .art .mk-table+:is(p,ul,h3){margin-top:26px}
html[data-fx-editorial="midday"] .mk-tbl{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}
html[data-fx-editorial="midday"] .mk-tbl :is(th,td){padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--p-border);color:var(--p-fg-2);font-size:14px;line-height:1.5;white-space:nowrap}
html[data-fx-editorial="midday"] .mk-tbl :is(td,th):first-child{min-width:6.5em;white-space:normal}
html[data-fx-editorial="midday"] .mk-tbl :is(td,th).w{min-width:8em;white-space:normal}
html[data-fx-editorial="midday"] .mk-tbl tbody th.nw{min-width:0;white-space:nowrap}
html[data-fx-editorial="midday"] .mk-tbl thead th,html[data-fx-editorial="midday"] .art .mk-tbl thead th{background:var(--p-surface-2);color:var(--p-muted);font-size:11.5px;font-weight:400;line-height:1.4;vertical-align:bottom;white-space:normal}
html[data-fx-editorial="midday"] .mk-tbl tbody th{background:none;color:var(--p-fg);font-family:var(--p-font);font-size:14px;font-weight:400;letter-spacing:0;text-transform:none}
html[data-fx-editorial="midday"] .mk-tbl .n{text-align:right}
html[data-fx-editorial="midday"] .mk-tbl tr:last-child :is(td,th){border-bottom:0}
html[data-fx-editorial="midday"] .mk-tbl :is(td,th) small{display:block;margin-top:2px;font-family:var(--p-font);font-size:12px;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--p-muted);white-space:normal}
html[data-fx-editorial="midday"] .art .mk-tbl a{color:var(--p-fg);text-decoration-color:#555}
html[data-fx-editorial="midday"] .art .mk-tnote,html[data-fx-editorial="midday"] .mk-tnote{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--p-muted);max-width:72ch}
/* the 8 by 8 correlation table */
html[data-fx-editorial="midday"] .mk-corr .mk-tbl :is(th,td){padding:10px 12px;white-space:nowrap}
html[data-fx-editorial="midday"] .mk-corr .mk-tbl td{text-align:right}
html[data-fx-editorial="midday"] .mk-corr .mk-tbl :is(tbody th,thead th:first-child){position:sticky;left:0;z-index:1;background:var(--p-bg);border-right:1px solid var(--p-border)}
html[data-fx-editorial="midday"] .art .mk-corr .mk-tbl thead th:first-child{background:var(--p-surface-2)}
html[data-fx-editorial="midday"] .mk-c-strong{color:var(--p-fg)}
html[data-fx-editorial="midday"] .mk-c-mid{color:var(--p-fg-2)}
html[data-fx-editorial="midday"] .mk-c-weak,html[data-fx-editorial="midday"] .mk-c-self{color:var(--p-muted)}

/* ---- The live record block ------------------------------------------------------------ */
html[data-fx-editorial="midday"] .mk-record{margin:22px 0 0;padding:24px 26px;border:1px solid var(--p-border);background:var(--p-surface)}
html[data-fx-editorial="midday"] .art .mk-record-msg{margin:0;max-width:72ch;font-size:15px;line-height:1.6;color:var(--p-fg-2)}
html[data-fx-editorial="midday"] .mk-rec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:20px 0 0;padding:20px 0 0;border-top:1px solid var(--p-border)}
html[data-fx-editorial="midday"] .mk-rec>div{min-width:0}
html[data-fx-editorial="midday"] .mk-rec dt{margin:0 0 8px;font-size:12px;line-height:1.5;color:var(--p-muted)}
html[data-fx-editorial="midday"] .mk-rec dd{margin:0;font-size:30px;line-height:1.1;letter-spacing:-.025em;color:var(--p-fg);font-variant-numeric:tabular-nums}
html[data-fx-editorial="midday"] .mk-rec dd small{display:block;margin-top:8px;font-size:12px;line-height:1.5;letter-spacing:0;color:var(--p-muted)}
html[data-fx-editorial="midday"] .art .mk-fine{margin:18px 0 0;max-width:80ch;font-size:13px;line-height:1.6;color:var(--p-muted)}

/* ---- Tool links and reading ---------------------------------------------------------- */
html[data-fx-editorial="midday"] .art ul.mk-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 0;padding:0;list-style:none}
html[data-fx-editorial="midday"] .art .mk-tools li{margin:0;padding:0;min-width:0}
html[data-fx-editorial="midday"] .art .mk-tools a{display:block;height:100%;padding:18px 20px;border:1px solid var(--p-border);color:var(--p-fg);font-size:16px;line-height:1.4;text-decoration:none;transition:background .16s,border-color .16s}
html[data-fx-editorial="midday"] .art .mk-tools a span{display:block;margin-top:6px;font-size:13px;line-height:1.5;color:var(--p-muted)}
html[data-fx-editorial="midday"] .art .mk-tools a:hover{background:var(--p-surface);border-color:#555}
html[data-fx-editorial="midday"] .art ul.mk-reading{max-width:72ch}
html[data-fx-editorial="midday"] .art .mk-reading li{margin-bottom:14px}
html[data-fx-editorial="midday"] .art .mk-reading li span{display:block;font-size:15px;line-height:1.6;color:var(--p-muted)}
html[data-fx-editorial="midday"] .art .mk-credit{color:var(--p-muted);font-size:15px}

/* ---- Hub ------------------------------------------------------------------------------- */
html[data-fx-editorial="midday"] .mk-hubhero h1{max-width:20ch}
html[data-fx-editorial="midday"] .mk-hub .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-fx-editorial="midday"] .mk-hub .post h3{font-size:24px;max-width:20ch}
html[data-fx-editorial="midday"] .mk-artgroups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:8px 0 0}
html[data-fx-editorial="midday"] .art .mk-artgroup h3{margin:0 0 12px;font-size:17px}
html[data-fx-editorial="midday"] .art .mk-artgroup ul{font-size:15px;line-height:1.7}
/* the compact session clock */
html[data-fx-editorial="midday"] .mk-now{max-width:980px;margin:36px 0 0;border:1px solid var(--p-border);background:var(--p-surface)}
html[data-fx-editorial="midday"] .mk-now-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;padding:14px 20px;border-bottom:1px solid var(--p-border)}
html[data-fx-editorial="midday"] .mk-now-top p{margin:0;font-size:13px;line-height:1.5;color:var(--p-muted)}
html[data-fx-editorial="midday"] .mk-now-top .mk-now-time{color:var(--p-fg-2);font-variant-numeric:tabular-nums}
html[data-fx-editorial="midday"] .mk-now-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
html[data-fx-editorial="midday"] .mk-now-list li{min-width:0;padding:16px 20px;border-left:1px solid var(--p-border)}
html[data-fx-editorial="midday"] .mk-now-list li:first-child{border-left:0}
html[data-fx-editorial="midday"] .mk-now-list b{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:400;line-height:1.3;color:var(--p-fg)}
html[data-fx-editorial="midday"] .mk-now.is-live .mk-now-list b::before{content:"";flex:0 0 8px;width:8px;height:8px;border:1px solid var(--p-muted)}
html[data-fx-editorial="midday"] .mk-now.is-live .mk-now-list li.is-open b::before{background:var(--p-fg);border-color:var(--p-fg)}
html[data-fx-editorial="midday"] .mk-now-list span{display:block;margin-top:6px;font-size:13px;line-height:1.5;color:var(--p-fg-2)}
html[data-fx-editorial="midday"] .mk-now-list li.is-closed span{color:var(--p-muted)}
html[data-fx-editorial="midday"] .mk-now-foot{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;padding:14px 20px;border-top:1px solid var(--p-border);font-size:13px;line-height:1.5;color:var(--p-fg-2)}
html[data-fx-editorial="midday"] .mk-now-foot a{margin-left:auto;color:var(--p-fg);text-decoration:underline;text-decoration-color:#686868;text-underline-offset:3px}

/* ---- The market hours clock ------------------------------------------------------------ */
html[data-fx-editorial="midday"] .mk-clockcard{display:grid;gap:28px}
html[data-fx-editorial="midday"] .mk-legend{margin:0 0 14px;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:0;color:var(--p-muted)}
html[data-fx-editorial="midday"] .mk-live td.mk-st{white-space:normal;min-width:0}
html[data-fx-editorial="midday"] .mk-live td[data-o="hours"]{white-space:nowrap}
html[data-fx-editorial="midday"] .mk-live caption{line-height:1.5}
html[data-fx-editorial="midday"] .mk-big small{font-size:28px;letter-spacing:-.02em;color:var(--p-muted)}
html[data-fx-editorial="midday"] .mk-clockout .fxt-dl dd small{margin-top:3px}
html[data-fx-editorial="midday"] .mk-clockout .fxt-dl div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
html[data-fx-editorial="midday"] .mk-uktable{margin-top:24px}
html[data-fx-editorial="midday"] .mk-uktable .mk-table{margin-top:4px}
/* the 24-hour bar */
html[data-fx-editorial="midday"] .mk-tl{margin:18px 0 0}
html[data-fx-editorial="midday"] .mk-tl-row{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;margin:0 0 8px}
html[data-fx-editorial="midday"] .mk-tl-name{font-size:13px;line-height:1.2;color:var(--p-fg-2)}
html[data-fx-editorial="midday"] .mk-tl-track{position:relative;display:block;height:20px;overflow:hidden;background:var(--p-surface);border:1px solid var(--p-border)}
html[data-fx-editorial="midday"] .mk-tl-seg{position:absolute;top:0;bottom:0;background:#4d4d4d}
html[data-fx-editorial="midday"] .mk-tl-row.is-open .mk-tl-seg{background:#e6e6e6}
html[data-fx-editorial="midday"] .mk-tl-now{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:#0d0d0d;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;box-sizing:content-box}
html[data-fx-editorial="midday"] .mk-tl-axis{position:relative;height:18px;margin:2px 0 0 88px;font-size:11px;line-height:18px;color:var(--p-muted);font-variant-numeric:tabular-nums}
html[data-fx-editorial="midday"] .mk-tl-axis span{position:absolute;top:0;transform:translateX(-50%)}
html[data-fx-editorial="midday"] .mk-tl-axis span:first-child{transform:none}
html[data-fx-editorial="midday"] .mk-tl-axis span:last-child{transform:translateX(-100%)}
html[data-fx-editorial="midday"] .mk-tl-key{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:14px 0 0;font-size:12px;line-height:1.5;color:var(--p-muted)}
html[data-fx-editorial="midday"] .mk-keyitem{display:inline-flex;align-items:center;white-space:nowrap}
html[data-fx-editorial="midday"] .mk-key{display:inline-block;flex:0 0 auto;width:14px;height:10px;margin-right:6px;vertical-align:-1px}
html[data-fx-editorial="midday"] .mk-key-open{background:#e6e6e6}
html[data-fx-editorial="midday"] .mk-key-shut{background:#4d4d4d}
html[data-fx-editorial="midday"] .mk-key-now{width:3px;flex:0 0 3px;background:#0d0d0d;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5}
html[data-fx-editorial="midday"] .mk-tl-note{margin:12px 0 0}

/* ---- Narrower screens ------------------------------------------------------------------ */
@media(max-width:1100px){
  html[data-fx-editorial="midday"] .mk-hub .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  html[data-fx-editorial="midday"] :is(.mk-two,.mk-two.mk-two-even,.mk-two.mk-two-text){grid-template-columns:minmax(0,1fr)}
  html[data-fx-editorial="midday"] .mk-glance{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-fx-editorial="midday"] .art ul.mk-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-fx-editorial="midday"] .mk-artgroups{grid-template-columns:minmax(0,1fr);gap:8px}
  html[data-fx-editorial="midday"] .mk-clockout{order:-1}
}
@media(max-width:700px){
  html[data-fx-editorial="midday"] .page-hero.mk-hero{padding:96px 0 28px}
  html[data-fx-editorial="midday"] .mk-hero .lead{font-size:16px}
  html[data-fx-editorial="midday"] .art.mk-art{padding:28px 0 48px}
  html[data-fx-editorial="midday"] .art .mk-sec>h2{margin-top:32px}
  html[data-fx-editorial="midday"] .mk-glance>div{padding:16px 14px 18px}
  html[data-fx-editorial="midday"] .mk-glance dd{font-size:21px}
  html[data-fx-editorial="midday"] .mk-glance dd small{font-size:12px}
  html[data-fx-editorial="midday"] .mk-tbl :is(th,td),html[data-fx-editorial="midday"] .mk-tbl tbody th{padding:10px 9px;font-size:13px}
  html[data-fx-editorial="midday"] .mk-tbl thead th,html[data-fx-editorial="midday"] .art .mk-tbl thead th{font-size:11px}
  html[data-fx-editorial="midday"] .mk-tbl :is(td,th):first-child{min-width:6em}
  html[data-fx-editorial="midday"] .mk-record{padding:20px 18px}
  html[data-fx-editorial="midday"] .mk-rec{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  html[data-fx-editorial="midday"] .mk-rec dd{font-size:25px}
  html[data-fx-editorial="midday"] .art ul.mk-tools{grid-template-columns:minmax(0,1fr)}
  html[data-fx-editorial="midday"] .mk-hub .post-grid{grid-template-columns:minmax(0,1fr)}
  html[data-fx-editorial="midday"] .mk-now-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-fx-editorial="midday"] .mk-now-list li{padding:14px 16px;border-left:0;border-top:1px solid var(--p-border)}
  html[data-fx-editorial="midday"] .mk-now-list li:nth-child(-n+2){border-top:0}
  html[data-fx-editorial="midday"] .mk-now-list li:nth-child(2n){border-left:1px solid var(--p-border)}
  html[data-fx-editorial="midday"] .mk-now-top,html[data-fx-editorial="midday"] .mk-now-foot{padding:12px 16px}
  html[data-fx-editorial="midday"] .mk-now-foot a{margin-left:0}
  html[data-fx-editorial="midday"] .mk-tl-row{grid-template-columns:64px minmax(0,1fr);gap:10px}
  html[data-fx-editorial="midday"] .mk-tl-axis{margin-left:74px}
  html[data-fx-editorial="midday"] .mk-big small{font-size:22px}
  html[data-fx-editorial="midday"] .mk-live :is(td.mk-st,thead th:last-child){text-align:left;padding-left:10px}
  html[data-fx-editorial="midday"] .mk-clockout .fxt-dl div{grid-template-columns:minmax(0,1fr)}
  html[data-fx-editorial="midday"] .mk-clockout .fxt-dl dd{text-align:left}
}
@media(prefers-reduced-motion:reduce){html[data-fx-editorial="midday"] .art .mk-tools a{transition:none}}