/* ============================================================
   FurtherSide — Markets page (/markets/)
   Mobile-first; desktop layout at 768px.
   ============================================================ */

/* active nav link (desktop) */
.fs-nav-links a.is-active{border-bottom:1.5px solid var(--ink);padding-bottom:2px}

/* ---------- masthead ---------- */
.mk-hero{padding:36px 20px 34px;border-bottom:1px solid var(--line)}
.mk-hero-eyebrow{margin-bottom:22px}
.mk-hero h1{font:800 41px/.94 var(--arch);letter-spacing:-.03em;margin:0 0 26px;text-transform:uppercase;font-size:min(41px,12.4vw)}
.mk-line{display:block;overflow:hidden;white-space:nowrap}
.mk-hero-p{font:400 17px/1.5 var(--arch);color:var(--body);margin:0 0 24px}
.mk-hero-ctas{display:flex;flex-direction:column;gap:10px}
@media (min-width:768px){
  .mk-hero{padding:52px 40px}
  .mk-hero-eyebrow{margin-bottom:26px}
  .mk-hero h1{font-size:76px;margin-bottom:40px}
  .mk-hero-p{font-size:21px;max-width:600px;margin-bottom:30px}
  .mk-hero-ctas{flex-direction:row;gap:12px;flex-wrap:wrap}
}

/* ---------- proof strip ---------- */
.mk-stats{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.mk-stats > div{padding:22px 18px}
.mk-stats > div:nth-child(1),
.mk-stats > div:nth-child(3){border-right:1px solid var(--line)}
.mk-stats > div:nth-child(1),
.mk-stats > div:nth-child(2){border-bottom:1px solid var(--line)}
@media (min-width:768px){
  .mk-stats{grid-template-columns:repeat(4,1fr)}
  .mk-stats > div{padding:30px 22px;border-bottom:none;border-right:1px solid var(--line)}
  .mk-stats > div:last-child{border-right:none}
}

/* ---------- marquee (prototype durations) ---------- */
.fs-marquee .fs-mrow{animation-duration:26s}
@media (min-width:768px){ .fs-marquee .fs-mrow{animation-duration:32s} }

/* ---------- what entry covers ---------- */
.mk-covers-head{padding:38px 20px 8px}
.mk-covers{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mk-cover{padding:24px 20px;border-bottom:1px solid var(--line)}
.mk-cover:last-child{border-bottom:none}
.mk-cover-num{font:700 20px/1 var(--arch);color:var(--faint);margin-bottom:12px}
.mk-cover h4{font:700 19px/1.1 var(--arch);text-transform:uppercase;letter-spacing:-.01em;margin:0 0 7px}
.mk-cover p{font:400 14px/1.55 var(--arch);color:var(--body-2);margin:0}
@media (min-width:768px){
  .mk-covers-head{padding:56px 40px 24px}
  .mk-covers{display:grid;grid-template-columns:repeat(4,1fr)}
  .mk-cover{padding:32px 26px 36px;border-bottom:none;border-right:1px solid var(--line)}
  .mk-cover:last-child{border-right:none}
  .mk-cover-num{font-size:22px;margin-bottom:16px}
  .mk-cover h4{font-size:20px;margin-bottom:8px}
}

/* ---------- where we operate ---------- */
.mk-operate{scroll-margin-top:64px}
@media (min-width:768px){ .mk-operate{scroll-margin-top:70px} }

/* desktop: light market list */
.mk-op-head{border-top:1px solid var(--line);padding:56px 40px 20px;display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}
.mk-op-note{font:500 12px/1.4 var(--mono);color:var(--faint)}
.mk-rows{border-top:1px solid var(--line)}
.mk-row{display:grid;grid-template-columns:64px 200px 1fr;align-items:center;gap:28px;padding:30px 40px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .2s}
.mk-row:hover{background:var(--tint-2)}
.mk-row-code{font:600 12px/1 var(--mono);color:var(--faint)}
.mk-row-name{font:700 26px/1 var(--arch);letter-spacing:-.01em}
.mk-row-office{font:500 11px/1.4 var(--mono);color:var(--muted);margin-top:6px}
.mk-row p{font:400 14px/1.5 var(--arch);color:var(--body-2);margin:0;max-width:520px}

/* mobile: dark operations board */
.mk-board{background:var(--dark-bg);color:var(--dark-text);padding:44px 20px 36px}
.mk-board-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.mk-onground{display:flex;align-items:center;gap:6px;font:600 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#c9c4b6}
.mk-onground-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(143,191,127,.22);display:block}
.mk-board-note{font:500 12px/1.4 var(--mono);color:var(--dark-label);margin-bottom:10px}
.mk-bmkt{padding:22px 0;border-top:1px solid var(--dark-line)}
.mk-bmkt:last-child{padding-bottom:0}
.mk-bmkt-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:9px}
.mk-bmkt-name{font:800 28px/1 var(--arch);letter-spacing:-.02em;text-transform:uppercase}
.mk-bmkt-code{font:800 28px/1 var(--arch);letter-spacing:-.02em;color:var(--ghost)}
.mk-bmkt-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px;font:500 11px/1.4 var(--mono);color:var(--muted)}
.mk-bmkt-meta .sep{color:var(--ghost-2)}
.mk-bmkt-meta .clock{color:var(--green)}
.mk-bmkt p{font:400 14px/1.5 var(--arch);color:var(--dark-2);margin:0}

/* ---------- how an entry runs ---------- */
.mk-how{padding:44px 20px;border-bottom:1px solid var(--line)}
.mk-how-label{margin-bottom:22px}
.mk-how-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.mk-step{background:var(--paper);padding:24px 20px}
.mk-step-num{font:800 30px/1 var(--arch);color:var(--faint);letter-spacing:-.02em;margin-bottom:12px}
.mk-step h4{font:700 18px/1.1 var(--arch);text-transform:uppercase;letter-spacing:-.01em;margin:0 0 7px}
.mk-step p{font:400 13px/1.5 var(--arch);color:var(--body-2);margin:0}
@media (min-width:768px){
  .mk-how{padding:56px 40px 40px;border-bottom:none}
  .mk-how-label{margin-bottom:30px}
  .mk-how-grid{grid-template-columns:repeat(4,1fr)}
  .mk-step{padding:28px 24px}
  .mk-step-num{font-size:34px;margin-bottom:14px}
  .mk-step h4{margin-bottom:8px}
}

/* ---------- part of the system ---------- */
.mk-part{padding:44px 20px;border-bottom:1px solid var(--line)}
.mk-part-label{margin-bottom:18px}
.mk-part-p{font:500 27px/1.22 var(--arch);letter-spacing:-.02em;margin:0 0 26px}
.mk-part-p span{color:var(--muted)}
.mk-part-links{display:flex;flex-direction:column;gap:10px}
.mk-part-link{font:600 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--ink);padding:15px;text-align:center;cursor:pointer}
@media (min-width:768px){
  .mk-part{border-bottom:none;border-top:1px solid var(--line);padding:80px 40px}
  .mk-part-label{margin-bottom:22px}
  .mk-part-p{font-size:40px;line-height:1.18;margin-bottom:30px;max-width:960px}
  .mk-part-links{flex-direction:row;gap:14px;flex-wrap:wrap}
  .mk-part-link{padding:14px 22px;transition:background .2s,color .2s}
  .mk-part-link:hover{background:var(--ink);color:var(--paper)}
}