/* MKAIN tokens, taken from mkain.com site.css: red #e0161e, Nardo #6e7174, paper, white, ink. DM Sans display + body, Instrument Serif italic accents. B2B, light and bright. */
:root{
  --bg:#ffffff; --bg2:#eceeef; --card:#ffffff;
  --ink:#111315; --muted:#555a5f; --line:#d9dde1; --line-strong:#bfc4c9;
  --acc:#e0161e; --acc-hover:#b3121a; --acc-ink:#ffffff; --live:#0e6f40;
  --glyph-bg:#fdeced; --acc-soft:#fdecec;
  --band-bg:#6e7174; --band-ink:#ffffff; --band-muted:#e3e6e9; --roster-bg:rgba(255,255,255,.14);
  --body:'DM Sans','dm-sans',Arial,sans-serif; --display:'DM Sans','dm-sans',Arial,sans-serif; --serif:'Instrument Serif','instrument-serif',Georgia,serif; --mono:'JetBrains Mono','jetbrains',ui-monospace,monospace;
  --h1:800 clamp(46px,min(6vw,9.8vh),96px)/.96 var(--display);
  --h2:800 clamp(38px,5vw,84px)/.96 var(--display);
  --h3:800 24px/1.1 var(--display);
  --num:800 clamp(52px,5.4vw,88px)/.86 var(--display);
  --badge-name:800 26px/1.05 var(--display);
  --h-case:none; --h-track:-.035em;
  --mq:800 clamp(48px,6.2vw,96px)/1 var(--display); --tab:800 clamp(22px,2.2vw,32px)/1.05 var(--display); --chip-check:#ffffff;
  --s2-bg:#d5d9dd; --s2-ink:#111315; --s2-sub:#33383d; --s2-acc:#e0161e;
  --pop-bg:#e0161e; --pop-h:#ffffff; --pop-ink:#ffffff; --pop-btn-bg:#ffffff; --pop-btn-ink:#111315;
  --r:14px; --btn-r:10px;
  --card-shadow:0 1px 0 rgba(17,19,21,.05),0 14px 30px -24px rgba(17,19,21,.4);
  --badge-shadow:0 30px 60px -38px rgba(17,19,21,.5);
  --badge-edge:linear-gradient(180deg,#e0161e,rgba(224,22,30,.1) 30%,rgba(17,19,21,.08));
}
.problem{background:#f4f6f8;color:var(--ink)}
.problem .label{color:var(--muted)}
.build .flow li{border-top:4px solid var(--acc)}