/* MAT Universe - site layer on top of the MAT+ design kit (kit.css).
   Idea: a star chart of the MAT ecosystem. The MAT+ account sits at the centre, the tools on the
   inner orbit, the research desks and infrastructure on the outer one. Chrome monogram, hairline
   orbits, mono figure labels ("FIG. 1"), real numbers only. */
:root {
  --brand: #7c7cf7; --brand-hi: #a5b4fc; --brand-rgb: 124, 124, 247; --brand-2-rgb: 139, 92, 246;
  --steel: #c9ced5;
  --g-tools: #818cf8; --g-learn: #f5b34a; --g-research: #22d3ee; --g-infra: #94a3b8; --g-core: #e8ecf8;
  --rule: rgba(148, 172, 216, 0.14);
}
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body.k-body { min-height: 100vh; overflow-x: hidden; }
.skip { position: absolute; left: -999px; top: 8px; z-index: 200; padding: 10px 14px; background: var(--k-card); border-radius: 10px; }
.skip:focus { left: 12px; }
img { max-width: 100%; height: auto; }

/* nav */
.k-brand .mark { width: 30px; height: 31px; flex: none; }
.k-brand .wm { display: flex; flex-direction: column; line-height: 1.05; }
.k-brand .wm small { font: 700 9.5px/1.2 var(--k-mono); letter-spacing: .2em; color: var(--brand-hi); text-transform: uppercase; }
.nav-auth { display: inline-flex; align-items: center; gap: 8px; }
.nav-auth .who { font: 600 12px/1.2 var(--k-mono); color: var(--k-text-2); white-space: nowrap; }
.menu-btn { display: none; }
@media (max-width: 1060px) {
  .k-nav .k-container { gap: 10px; }
  .k-nav-links { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 2px; padding: 10px 16px 16px; background: rgba(3,7,17,.97); border-bottom: 1px solid var(--rule); }
  .k-nav-links.open { display: flex; }
  .k-nav-links a { height: 44px; font-size: 15px; }
  .menu-btn { display: inline-flex; margin-left: auto; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--rule); background: transparent; color: var(--k-text); cursor: pointer; }
  .nav-auth { margin-left: 0; }
}
@media (max-width: 480px) { .k-brand .wm span { font-size: 15px; } .nav-auth .who { display: none; } .k-nav-cta { padding: 0 14px; } }

/* hero */
.u-hero { position: relative; overflow: hidden; padding: 96px 0 40px; background:
  radial-gradient(70% 55% at 50% -5%, rgba(var(--brand-rgb), .16), transparent 62%),
  radial-gradient(40% 35% at 88% 12%, rgba(34, 211, 238, .07), transparent 60%),
  radial-gradient(45% 40% at 10% 30%, rgba(245, 179, 74, .05), transparent 60%), var(--k-bg); }
.u-hero .k-h1 { max-width: 15ch; }
.u-hero .k-lede { max-width: 700px; }
.u-hero > .k-container { position: relative; z-index: 2; text-align: center; }
@media (max-width: 640px) { .u-hero { padding: 56px 0 28px; } }
.page-hero { position: relative; padding: 72px 0 36px; background: radial-gradient(60% 60% at 50% 0%, rgba(var(--brand-rgb), .12), transparent 65%), var(--k-bg); border-bottom: 1px solid var(--k-border); }
.page-hero .k-h1 { margin-left: 0; text-align: left; max-width: 20ch; font-size: clamp(34px, 5vw, 58px); }
.page-hero .k-lede { margin-left: 0; }
@media (max-width: 640px) { .page-hero { padding: 44px 0 24px; } }

/* live ribbon: real numbers or nothing */
.ribbon { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1px; margin: 44px auto 0; max-width: 980px; border: 1px solid var(--rule); border-radius: 18px; overflow: hidden; background: var(--rule); text-align: left; }
.ribbon > div { background: rgba(7, 11, 23, .92); padding: 16px 18px; }
.ribbon .v { display: block; font: 800 26px/1.1 var(--k-mono); color: var(--k-text); letter-spacing: -.02em; }
.ribbon .l { display: block; margin-top: 6px; color: var(--k-text-2); font-size: 12.5px; line-height: 1.4; }
.ribbon .src { display: block; overflow-wrap: anywhere; margin-top: 4px; font: 500 10.5px/1.3 var(--k-mono); color: var(--k-muted); }
[data-live][hidden], [hidden] { display: none !important; }

/* FIG. labels */
.fig { display: flex; align-items: baseline; gap: 12px; margin: 0 0 14px; font: 700 11px/1.4 var(--k-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--k-muted); }
.fig b { color: var(--brand-hi); font-weight: 800; }
.fig::after { content: ""; flex: 1; height: 1px; background: var(--rule); transform: translateY(-3px); }

/* FIG. 1 the universe map */
.map-wrap { display: grid; gap: 28px; align-items: center; }
@media (min-width: 980px) { .map-wrap { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } }
.map { position: relative; width: 100%; max-width: 640px; margin: 0 auto; aspect-ratio: 1 / 1; }
.map svg { display: block; width: 100%; height: 100%; overflow: visible; }
.map .orbit { fill: none; stroke: rgba(148, 172, 216, .16); stroke-width: 1.2; }
.map .orbit.outer { stroke-dasharray: 2 7; }
.map .spoke { stroke: rgba(var(--brand-rgb), .28); stroke-width: 1.2; }
.map .link { stroke: rgba(148, 172, 216, .14); stroke-width: 1; stroke-dasharray: 3 5; }
.map .node { cursor: pointer; outline: none; }
.map .node circle.dot { stroke-width: 2.5; transition: fill-opacity .3s; fill-opacity: .2; }
.map .node circle.halo { fill: none; stroke-width: 1; opacity: 0; transition: opacity .3s; }
.map .node text { font: 600 25px var(--k-font); fill: #b6c3da; letter-spacing: -.01em; transition: fill .2s; }
.map .node text.code { font: 800 19px var(--k-mono); fill: #fff; letter-spacing: .04em; }
.map .node text.sub { font: 500 14px var(--k-mono); fill: var(--k-muted); letter-spacing: .06em; text-transform: uppercase; }
.map .node:hover text, .map .node:focus-visible text, .map .node.on text { fill: var(--k-text); }
.map .node:hover circle.dot, .map .node:focus-visible circle.dot, .map .node.on circle.dot { fill-opacity: .5; }
.map .node circle.dot { filter: drop-shadow(0 0 10px currentColor); }
.map .node.on circle.halo, .map .node:focus-visible circle.halo { opacity: .9; }
.map .core circle.dot { fill: #0c1424; fill-opacity: 1; stroke: rgba(var(--brand-rgb), .55); }
.map .core.on circle.dot { fill-opacity: 1; }
.map .pulse { transform-origin: center; transform-box: fill-box; animation: pulse 3.2s var(--k-ease) infinite; }
@keyframes pulse { 0% { opacity: .7; transform: scale(1); } 100% { opacity: 0; transform: scale(1.9); } }
@media (prefers-reduced-motion: reduce) { .map .pulse { animation: none; opacity: 0; } }
.map-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: center; margin-top: 10px; font: 600 11.5px/1.4 var(--k-mono); color: var(--k-text-2); }
.map-legend i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 7px; vertical-align: 0; }
.panel { background: linear-gradient(180deg, rgba(var(--brand-rgb), .07), var(--k-card) 55%); border: 1px solid rgba(var(--brand-rgb), .22); border-radius: 20px; padding: 26px; box-shadow: var(--k-shadow-card); min-height: 330px; }
.panel .grp { font: 700 11px/1.4 var(--k-mono); letter-spacing: .14em; text-transform: uppercase; }
.panel h3 { margin: 10px 0 0; font: 800 28px/1.15 var(--k-font); letter-spacing: -.03em; }
.panel p { color: var(--k-text-2); margin: 12px 0 0; font-size: 15.5px; }
.panel .access { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--rule); font-size: 14px; color: var(--k-text); }
.panel .access b { display: block; font: 700 10.5px/1.4 var(--k-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--k-muted); margin-bottom: 4px; }
.panel .k-btn { margin-top: 20px; }

/* the path: Free -> KXTL -> MAT+ -> add-ons */
.path { position: relative; display: grid; gap: 14px; counter-reset: st; }
@media (min-width: 900px) { .path { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; } }
.station { position: relative; padding: 24px 22px 22px; background: var(--k-card); border: 1px solid var(--k-border); border-radius: 18px; }
@media (min-width: 900px) {
  .station { border-radius: 0; border-right-width: 0; }
  .station:first-child { border-radius: 18px 0 0 18px; }
  .station:last-child { border-radius: 0 18px 18px 0; border-right-width: 1px; }
}
.station.hi { background: linear-gradient(180deg, rgba(var(--brand-rgb), .12), var(--k-card) 70%); border-color: rgba(var(--brand-rgb), .35); }
@media (min-width: 900px) { .station.hi { border-right-width: 1px; } .station.hi + .station { border-left-width: 0; } }
.station .n { font: 800 11px/1 var(--k-mono); letter-spacing: .14em; color: var(--k-muted); }
.station h3 { margin: 10px 0 2px; font: 800 20px/1.2 var(--k-font); letter-spacing: -.02em; }
.station .price { font: 700 15px/1.3 var(--k-mono); color: var(--brand-hi); }
.station ul { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.station li { position: relative; padding-left: 20px; color: var(--k-text-2); font-size: 14px; line-height: 1.5; }
.station li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 8px; height: 8px; border-radius: 50%; border: 2px solid var(--k-green); }
.station .more { display: inline-block; margin-top: 16px; font-weight: 600; font-size: 14px; }

/* bundle (paid EAs with MAT+ + KXTL) */
.bundle { display: grid; gap: 22px; padding: 28px; border-radius: 22px; border: 1px solid rgba(245, 179, 74, .28); background: radial-gradient(70% 90% at 100% 0%, rgba(245, 179, 74, .09), transparent 60%), var(--k-card); }
@media (min-width: 900px) { .bundle { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); padding: 36px; } }
.equation { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 14px; font: 800 clamp(28px, 4vw, 44px)/1.1 var(--k-mono); letter-spacing: -.03em; }
.equation .op { color: var(--k-muted); font-weight: 500; }
.equation .strike { color: var(--k-text-2); text-decoration: line-through; text-decoration-thickness: 2px; text-decoration-color: rgba(239, 68, 68, .7); }
.equation .mat { color: #ffd98a; }
.save { display: inline-flex; margin-top: 14px; padding: 6px 12px; border-radius: 999px; background: rgba(16, 185, 129, .12); border: 1px solid rgba(16, 185, 129, .35); color: #6ee7b7; font: 700 13px/1.3 var(--k-mono); }
.ea-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ea-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 12px; background: rgba(3, 7, 17, .45); border: 1px solid var(--k-border); }
.ea-row img, .ea-row .ph { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; background: #111c34; }
.ea-row .nm { font-weight: 700; font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ea-row .meta { font: 500 11.5px/1.4 var(--k-mono); color: var(--k-muted); }
.ea-row .pr { font: 700 13px/1.2 var(--k-mono); color: var(--k-text-2); text-align: right; }
details.more-list summary { cursor: pointer; font-weight: 600; color: var(--brand-hi); margin-top: 10px; list-style: none; }
details.more-list summary::-webkit-details-marker { display: none; }
details.more-list summary::after { content: " +"; }
details.more-list[open] summary::after { content: " -"; }

/* EA library cards (bespoke: listing image + spec line) */
.eas { display: grid; gap: 14px; }
@media (min-width: 760px) { .eas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1140px) { .eas { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ea { display: flex; flex-direction: column; gap: 12px; padding: 20px; background: var(--k-card); border: 1px solid var(--k-border); border-radius: 18px; }
.ea.target { border-color: rgba(245, 179, 74, .55); box-shadow: 0 0 0 3px rgba(245, 179, 74, .12); }
.ea .top { display: flex; gap: 14px; align-items: center; }
.ea .top img { width: 64px; height: 64px; border-radius: 14px; flex: none; }
.ea h3 { margin: 0; font: 800 18px/1.2 var(--k-font); letter-spacing: -.02em; }
.ea .spec { margin-top: 4px; font: 600 11.5px/1.4 var(--k-mono); color: var(--k-muted); letter-spacing: .04em; }
.ea p { margin: 0; color: var(--k-text-2); font-size: 14.5px; line-height: 1.55; flex: 1; }
.ea .acts { display: flex; flex-wrap: wrap; gap: 8px; }
.tagline { display: inline-flex; align-items: center; gap: 6px; font: 700 10.5px/1 var(--k-mono); letter-spacing: .1em; text-transform: uppercase; padding: 6px 10px; border-radius: 999px; }
.tagline.free { color: #6ee7b7; background: rgba(16, 185, 129, .1); border: 1px solid rgba(16, 185, 129, .3); }
.tagline.paid { color: #ffd98a; background: rgba(245, 179, 74, .1); border: 1px solid rgba(245, 179, 74, .32); }

/* ranking table (Algo Hub) */
.rank { width: 100%; border-collapse: collapse; font-size: 14px; }
.rank th { text-align: left; font: 700 10.5px/1.4 var(--k-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--k-muted); padding: 10px 12px; border-bottom: 1px solid var(--rule); }
.rank td { padding: 14px 12px; border-bottom: 1px solid var(--k-border); vertical-align: middle; }
.rank td.num, .rank th.num { text-align: right; font-family: var(--k-mono); font-variant-numeric: tabular-nums; }
.rank .pos { font: 800 13px var(--k-mono); color: var(--k-muted); width: 36px; }
.rank .nm { font-weight: 700; }
.rank .ins { display: block; font: 500 11px/1.4 var(--k-mono); color: var(--k-muted); margin-top: 2px; }
.up { color: #34d399; } .dn { color: #f87171; }
.table-scroll { overflow-x: auto; border: 1px solid var(--k-border); border-radius: 16px; background: var(--k-card); }
@media (max-width: 700px) {
  .rank thead { display: none; }
  .rank, .rank tbody, .rank tr, .rank td { display: block; width: 100%; }
  .rank tr { padding: 12px 14px; border-bottom: 1px solid var(--rule); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 10px; }
  .rank td { padding: 0; border: 0; text-align: left !important; }
  .rank td.pos { display: none; }
  .rank td.nmcell { grid-column: 1 / -1; }
  .rank td[data-l]::before { content: attr(data-l); display: block; font: 700 9.5px/1.4 var(--k-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--k-muted); }
}

/* desks list (research + infrastructure) */
.desks { display: grid; border-top: 1px solid var(--rule); }
.desk { display: grid; gap: 6px 24px; padding: 22px 0; border-bottom: 1px solid var(--rule); color: inherit !important; }
@media (min-width: 860px) { .desk { grid-template-columns: 220px minmax(0, 1fr) 190px; align-items: baseline; } }
.desk .dn { font: 800 19px/1.25 var(--k-font); letter-spacing: -.02em; color: var(--k-text); }
.desk .dn small { display: block; margin-top: 4px; font: 700 10.5px/1.3 var(--k-mono); letter-spacing: .14em; text-transform: uppercase; }
.desk .dd { color: var(--k-text-2); font-size: 15px; }
.desk .dp { font: 600 13px/1.4 var(--k-mono); color: var(--k-text); }
.desk .dp span { display: block; color: var(--brand-hi); margin-top: 4px; }
@media (hover: hover) { a.desk:hover .dn { color: var(--brand-hi); } }

/* community */
.chan { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 16px; align-items: center; padding: 16px 18px; border-radius: 14px; background: var(--k-card); border: 1px solid var(--k-border); color: inherit !important; }
.chan .t { font-weight: 700; }
.chan .d { grid-column: 1; color: var(--k-text-2); font-size: 13.5px; }
.chan .c { grid-row: 1 / span 2; grid-column: 2; font: 700 12px/1.4 var(--k-mono); color: var(--k-text-2); text-align: right; }
.online { display: inline-flex; align-items: center; gap: 8px; font: 600 13px var(--k-mono); color: var(--k-text-2); }
.online i { width: 8px; height: 8px; border-radius: 50%; background: var(--k-green); box-shadow: 0 0 0 4px rgba(16, 185, 129, .15); }

/* prose (FAQ, legal, how-it-works) */
.prose { max-width: 760px; }
.prose h1 { font: 900 clamp(32px, 4.5vw, 48px)/1.1 var(--k-font); letter-spacing: -.04em; margin: 0 0 18px; }
.prose h2 { font: 800 22px/1.3 var(--k-font); letter-spacing: -.02em; margin: 40px 0 10px; }
.prose h3 { font: 700 17px/1.35 var(--k-font); margin: 26px 0 8px; }
.prose p, .prose li { color: var(--k-text-2); font-size: 15.5px; line-height: 1.7; }
.prose strong, .prose b { color: var(--k-text); }
.prose ul, .prose ol { padding-left: 22px; }
.prose a { text-decoration: underline; text-decoration-color: rgba(var(--brand-rgb), .4); text-underline-offset: 3px; }
.prose table { width: 100%; border-collapse: collapse; font-size: 14px; display: block; overflow-x: auto; }
.prose td, .prose th { border: 1px solid var(--rule); padding: 8px 10px; text-align: left; vertical-align: top; }
.legal-meta { font: 600 12px/1.6 var(--k-mono); color: var(--k-muted); border-left: 2px solid rgba(var(--brand-rgb), .5); padding: 6px 0 6px 12px; margin-bottom: 20px; }
.faq details { border-bottom: 1px solid var(--rule); padding: 4px 0; }
.faq summary { cursor: pointer; list-style: none; display: flex; gap: 14px; align-items: baseline; padding: 16px 0; font: 700 17px/1.4 var(--k-font); color: var(--k-text); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary .q { font: 800 12px var(--k-mono); color: var(--k-muted); flex: none; }
.faq details p { margin: 0 0 18px 34px; color: var(--k-text-2); }
@media (max-width: 640px) { .faq details p { margin-left: 0; } }

/* steps */
.steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; counter-reset: s; }
@media (min-width: 900px) { .steps.four { grid-template-columns: repeat(4, minmax(0, 1fr)); } .steps.three { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.steps li { counter-increment: s; padding: 22px; background: var(--k-card); border: 1px solid var(--k-border); border-radius: 16px; }
.steps li::before { content: "0" counter(s); display: block; font: 800 12px var(--k-mono); color: var(--brand-hi); letter-spacing: .1em; margin-bottom: 10px; }
.steps h3 { margin: 0 0 6px; font: 700 16.5px/1.3 var(--k-font); }
.steps p { margin: 0; color: var(--k-text-2); font-size: 14.5px; }
.code { display: inline-block; max-width: 100%; overflow-wrap: anywhere; padding: 2px 8px; border-radius: 6px; background: rgba(var(--brand-rgb), .12); border: 1px solid rgba(var(--brand-rgb), .25); font: 600 13px/1.6 var(--k-mono); color: var(--k-text); }

/* compare table (plans) */
.compare { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.compare th, .compare td { padding: 13px 12px; border-bottom: 1px solid var(--k-border); text-align: center; }
.compare th:first-child, .compare td:first-child { text-align: left; color: var(--k-text-2); }
.compare thead th { font: 700 11px/1.4 var(--k-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--k-text); vertical-align: bottom; }
.compare .y { color: var(--k-green); font-weight: 800; }
.compare .n { color: var(--k-muted); }
.compare .hi { background: rgba(var(--brand-rgb), .07); }

/* KXTL code chip */
.kxtl { display: inline-flex; align-items: center; gap: 10px; padding: 6px 6px 6px 14px; border-radius: 999px; border: 1px dashed rgba(245, 179, 74, .55); font: 800 15px var(--k-mono); letter-spacing: .12em; color: #ffd98a; }
.kxtl button { min-height: 34px; padding: 0 12px; border-radius: 999px; border: 0; background: rgba(245, 179, 74, .16); color: #ffe3a3; font: 700 12px var(--k-font); cursor: pointer; }

/* from-mql5 welcome */
.welcome { display: grid; gap: 24px; align-items: center; }
@media (min-width: 900px) { .welcome { grid-template-columns: 180px minmax(0, 1fr); } }
.welcome .big { width: 180px; height: 180px; border-radius: 34px; box-shadow: 0 30px 80px -30px rgba(var(--brand-rgb), .6); }
@media (max-width: 899px) { .welcome .big { width: 112px; height: 112px; border-radius: 24px; } }

/* two-col split used on several pages */
.split { display: grid; gap: 28px; }
@media (min-width: 900px) { .split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; } }
.callout { padding: 22px; border-radius: 16px; border: 1px solid var(--rule); background: rgba(12, 20, 36, .6); }
.callout h3 { margin: 0 0 8px; }
.callout p { margin: 0; color: var(--k-text-2); font-size: 14.5px; }
.risk { color: var(--k-muted); font-size: 12.5px; line-height: 1.65; }
.cta-band { text-align: center; padding: 80px 0; background: radial-gradient(60% 80% at 50% 100%, rgba(var(--brand-rgb), .16), transparent 70%); border-top: 1px solid var(--k-border); }
.cta-band .k-h2 { max-width: 18ch; margin: 0 auto; }
.k-foot-grid { display: grid; gap: 28px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) { .k-foot-grid { grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr)); } }
.sso-note { margin-top: 10px; font-size: 13px; color: var(--k-text-2); }
.sso-error { margin: 0; padding: 12px 16px; background: rgba(239, 68, 68, .1); border-bottom: 1px solid rgba(239, 68, 68, .35); color: #fecaca; font-size: 14px; text-align: center; }
.map .node text.core-t { font: 800 22px var(--k-font); fill: #fff; }
.lg-core { background: #e8ecf8; } .lg-tools { background: #818cf8; } .lg-learn { background: #f5b34a; } .lg-research { background: #22d3ee; } .lg-infra { background: #94a3b8; }
.foot-p { margin: 14px 0 0; max-width: 34ch; }
.foot-risk { max-width: 760px; }
.k-actions.left { justify-content: flex-start; }
.k-actions.mid { align-items: center; }
.mt8 { margin-top: 8px; } .mt18 { margin-top: 18px; } .center { text-align: center; }
.panel .grp { color: #e8ecf8; }

@media (max-width: 560px) { .nav-auth .k-nav-cta { display: none; } .k-brand .wm span { font-size: 14.5px; white-space: nowrap; } }
#universe { padding-top: 40px; }
.k-foot-list li { overflow-wrap: anywhere; min-width: 0; } .k-foot-grid > div { min-width: 0; }
.bundle [data-live="bundle-eq"] { margin-top: 18px; }
.rank td.old { color: #f5b34a; }