/* Situation (pages/sl-situation*.js). Same tokens and cards as the rest of kbMBS (--sl-*); true black
   or pure white, hairlines instead of shadows, orange only where something is strained. */
.sx-page{max-width:1480px;margin:0 auto;width:100%;gap:22px}
.sx-page *{box-sizing:border-box}
.sx-page h1,.sx-page h2,.sx-page h3,.sx-page p,.sx-page ul,.sx-page ol,.sx-page dl,.sx-page dd{margin:0}
.sx-page ul,.sx-page ol{padding:0;list-style:none}
.sx-page button{font-family:inherit}
.sx-num,.sx-page b,.sx-page em,.sx-tbl td,.sx-trio b{font-variant-numeric:tabular-nums}

/* header */
.sx-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sx-head h1{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.sx-head-r{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sx-live{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--sl-text-2);font-variant-numeric:tabular-nums}
.sx-live i{width:8px;height:8px;border-radius:50%;background:var(--sl-text-4);transition:background .4s}
.sx-live small{font-size:12.5px;font-weight:550;color:var(--sl-text-4)}
.sx-live.is-ok i{background:var(--sl-better);box-shadow:0 0 0 3px var(--sl-better-soft);animation:sx-beat 2.6s ease-in-out infinite}
.sx-live.is-warn i{background:#e0a400}.sx-live.is-bad i{background:var(--sl-worse)}
.sx-live.is-load i{background:var(--sl-text-4);animation:sx-beat 1.2s ease-in-out infinite}
@keyframes sx-beat{50%{opacity:.35}}

/* strip */
.sx-strip{display:grid;grid-template-columns:repeat(8,minmax(150px,1fr));gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.sx-tile{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-rows:auto auto auto 30px;gap:3px;padding:13px 15px 10px;border-radius:14px;background:var(--sl-panel);box-shadow:inset 0 0 0 1px var(--sl-line);transition:box-shadow .25s,transform .35s var(--sl-ease),background .25s;min-width:0}
.sx-tile:hover{box-shadow:inset 0 0 0 1px var(--sl-line-2);transform:translateY(-2px)}
.sx-tile:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}
.sx-tile-l{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--sl-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-tile-v{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.15;white-space:nowrap}
.sx-tile-v small{font-size:12.5px;font-weight:600;color:var(--sl-text-3);letter-spacing:0;margin-left:2px}
.sx-tile-d{display:flex;align-items:baseline;gap:7px;font-size:12px;white-space:nowrap;overflow:hidden}
.sx-tile-d small{font-size:11.5px;color:var(--sl-text-4);overflow:hidden;text-overflow:ellipsis}
.sx-tile-s{height:30px;display:flex;align-items:flex-end;color:var(--sl-text-3)}
.sx-d{font-style:normal;font-weight:650;font-size:12.5px;color:var(--sl-text-3)}
.sx-d.is-worse,.is-worse{color:var(--sl-worse)}.sx-d.is-better,.is-better{color:var(--sl-better)}
.sx-spark{overflow:visible}.sx-spark path{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:sx-draw 1.1s var(--sl-ease) .15s forwards}
.sx-spark circle{opacity:0;animation:sx-fade .4s ease 1s forwards}
@keyframes sx-draw{to{stroke-dashoffset:0}}@keyframes sx-fade{to{opacity:1}}

/* section bar */
.sx-nav{position:sticky;top:0;z-index:6;display:flex;gap:2px;overflow-x:auto;padding:6px 0;margin:-6px 0;background:linear-gradient(var(--sl-bg) 78%,transparent);scrollbar-width:none}
.sx-nav::-webkit-scrollbar{display:none}
.sx-nav a{flex:0 0 auto;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--sl-text-3);text-decoration:none;transition:color .2s,background .25s}
.sx-nav a:hover{color:var(--sl-text)}
.sx-nav a.is-on{background:var(--sl-panel-3);color:var(--sl-text)}
.sx-nav a:focus-visible{outline:2px solid var(--sl-accent);outline-offset:1px}

/* card */
.sx-card{display:grid;gap:14px;align-content:start;padding:20px 22px 16px;border-radius:18px;background:var(--sl-panel);box-shadow:inset 0 0 0 1px var(--sl-line);min-width:0;scroll-margin-top:62px}
.sx-card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sx-card-h h2{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:650;letter-spacing:-.015em}
.sx-card-b{display:grid;gap:14px;min-width:0}
.sx-cites{display:inline-flex;gap:3px}
.sx-cite{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:6px;background:var(--sl-panel-3);color:var(--sl-text-3);font-size:10.5px;font-weight:650;text-decoration:none;font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
.sx-cite:hover{background:var(--sl-accent-soft);color:var(--sl-accent-ink)}
.sx-sub{font-size:12.5px;font-weight:600;color:var(--sl-text-3)}
.sx-note{font-size:12.5px;line-height:1.5;color:var(--sl-text-3)}
.sx-link{all:unset;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--sl-accent-ink);text-decoration:none}
.sx-link:hover{text-decoration:underline}.sx-link:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px;border-radius:4px}
.sx-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--sl-line);font-size:12px;font-weight:550;color:var(--sl-text-3)}
.sx-foot .sx-dot{width:7px;height:7px;border-radius:50%;background:var(--sl-better)}
.sx-foot.is-old .sx-dot{background:#e0a400}.sx-foot.is-bad .sx-dot{background:var(--sl-worse)}
.sx-foot-t{color:var(--sl-text-4);font-weight:500}
.sx-skel{border-radius:12px;background:linear-gradient(100deg,var(--sl-panel-2) 30%,var(--sl-panel-3) 50%,var(--sl-panel-2) 70%);background-size:300% 100%;animation:sx-shine 1.6s linear infinite}
@keyframes sx-shine{to{background-position:-300% 0}}
.sx-down{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;border-radius:12px;background:var(--sl-worse-soft);color:var(--sl-text);font-size:13.5px}

/* layout */
.sx-hero{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:stretch}
.sx-two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.sx-stack{display:grid;gap:20px;min-width:0}
.sx-env{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
@media (max-width:1180px){.sx-hero,.sx-two{grid-template-columns:minmax(0,1fr)}.sx-env{grid-template-columns:minmax(0,1fr)}}
@media (min-width:760px) and (max-width:1180px){.sx-env{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sx-page{gap:16px}.sx-card{padding:16px 14px 12px;border-radius:16px}.sx-strip{grid-template-columns:repeat(8,minmax(150px,1fr))}}
.sx-page > *{animation:sx-in .6s var(--sl-ease) both}
.sx-page > *:nth-child(2){animation-delay:.05s}.sx-page > *:nth-child(3){animation-delay:.1s}.sx-page > *:nth-child(4){animation-delay:.14s}
@keyframes sx-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* map */
.sx-mapcard .sx-card-b{gap:12px}
.sx-mapcard{grid-template-rows:auto 1fr auto}.sx-mapcard .sx-card-b{grid-template-rows:minmax(0,1fr) auto}
.sx-map{position:relative;height:auto;min-height:440px;border-radius:12px;overflow:hidden;background:#030405;box-shadow:inset 0 0 0 1px var(--sl-line)}
html[data-sl-theme="light"] .sx-map{background:#e8ecf1}
.sx-map-c{position:absolute;inset:0}.sx-map-c canvas:focus-visible{outline:2px solid var(--sl-accent);outline-offset:-2px}
.sx-map-tl{position:absolute;left:12px;top:12px;display:grid;gap:6px;justify-items:start;pointer-events:none}
.sx-badge{padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--sl-bg) 82%,transparent);backdrop-filter:blur(8px);font-size:12px;font-weight:600;box-shadow:inset 0 0 0 1px var(--sl-line);animation:sx-fade-in .35s ease both}
@keyframes sx-fade-in{from{opacity:0;transform:translateY(-4px)}}
.sx-map-tr{position:absolute;right:12px;top:12px;display:grid;gap:8px;justify-items:end}
.sx-zoom,.sx-views{display:flex;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--sl-bg) 84%,transparent);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px var(--sl-line-2)}
.sx-zoom{flex-direction:column}
.sx-zoom button,.sx-views button{all:unset;cursor:pointer;display:grid;place-items:center;min-width:34px;height:34px;padding:0 11px;font-size:13px;font-weight:650;color:var(--sl-text);transition:background .2s}
.sx-zoom button{font-size:18px;font-weight:500}
.sx-zoom button + button{border-top:1px solid var(--sl-line)}.sx-views button + button{border-left:1px solid var(--sl-line)}
.sx-zoom button:hover,.sx-views button:hover{background:var(--sl-panel-3)}
.sx-zoom button:focus-visible,.sx-views button:focus-visible{outline:2px solid var(--sl-accent);outline-offset:-2px}
.sx-coord{position:absolute;right:12px;bottom:10px;font-size:11.5px;font-weight:550;color:var(--sl-text-2);font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 0 6px var(--sl-bg),0 0 2px var(--sl-bg)}
.sx-maptip{position:absolute;z-index:3;max-width:280px;padding:7px 10px;border-radius:10px;background:var(--sl-panel);box-shadow:inset 0 0 0 1px var(--sl-line-2),0 8px 24px -10px rgba(0,0,0,.5);font-size:12.5px;line-height:1.4;pointer-events:none;animation:sx-fade-in .15s ease both}
.sx-insp{position:absolute;right:12px;top:100px;z-index:4;width:268px;max-width:calc(100% - 24px);padding:14px;border-radius:14px;background:color-mix(in srgb,var(--sl-panel) 94%,transparent);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--sl-line-2),0 16px 40px -16px rgba(0,0,0,.6);display:grid;gap:10px;animation:sx-pop .35s var(--sl-ease) both}
@keyframes sx-pop{from{opacity:0;transform:translateY(8px) scale(.98)}}
.sx-insp header{display:flex;justify-content:space-between;gap:8px}.sx-insp header small{display:block;font-size:11.5px;font-weight:600;color:var(--sl-text-3)}.sx-insp header b{font-size:15.5px;letter-spacing:-.01em}
.sx-insp header button{all:unset;cursor:pointer;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;font-size:18px;color:var(--sl-text-3)}.sx-insp header button:hover{background:var(--sl-panel-3);color:var(--sl-text)}
.sx-insp dl{display:grid;gap:6px}.sx-insp dl > div{display:flex;justify-content:space-between;gap:12px;font-size:12.5px}.sx-insp dt{color:var(--sl-text-3);flex:none}.sx-insp dd{text-align:right;font-weight:600;min-width:0;overflow-wrap:anywhere}
.sx-layers{display:grid;gap:8px}
.sx-lg{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sx-chip{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--sl-text-3);box-shadow:inset 0 0 0 1px var(--sl-line-2);transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap}
.sx-chip i{width:8px;height:8px;border-radius:50%;background:var(--sl-text-4);transition:opacity .2s;opacity:.45}
.sx-chip small{font-size:11.5px;color:var(--sl-text-4);font-weight:600}
.sx-chip:hover{color:var(--sl-text)}.sx-chip.is-on{background:var(--sl-panel-3);color:var(--sl-text);box-shadow:inset 0 0 0 1px var(--sl-line-2)}.sx-chip.is-on i{opacity:1}
.sx-chip.is-quiet{height:26px;font-size:12px;padding:0 10px}
.sx-chip:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}
.sx-dates{gap:10px}
.sx-dates label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--sl-text-3)}
.sx-dates input[type=date]{height:30px;padding:0 8px;border-radius:8px;border:0;background:var(--sl-panel-2);color:var(--sl-text);font:600 12.5px var(--sl-font);box-shadow:inset 0 0 0 1px var(--sl-line-2);font-variant-numeric:tabular-nums}
.sx-dates input:focus-visible{outline:2px solid var(--sl-accent)}
.sx-step{display:inline-flex;align-items:center;gap:6px}.sx-step button{all:unset;cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:18px;color:var(--sl-text-2);box-shadow:inset 0 0 0 1px var(--sl-line-2)}.sx-step button:hover{background:var(--sl-panel-3)}

/* convergence */
.sx-conv{align-content:start}
.sx-conv-top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.sx-big{display:flex;align-items:baseline;font-size:52px;font-weight:700;letter-spacing:-.045em;line-height:1;color:var(--sl-text)}
.sx-big small{font-size:20px;font-weight:600;color:var(--sl-text-3);letter-spacing:-.01em}
.sx-conv-top p{font-size:13.5px;color:var(--sl-text-2);max-width:210px;line-height:1.4}
.sx-radar-w{display:grid;place-items:center;margin:-6px 0 -2px}
.sx-radar{width:100%;max-width:340px;height:auto;overflow:visible}
.sx-ring{fill:none;stroke:var(--sl-line-2);stroke-width:1}.sx-ring.is-th{stroke:var(--sl-accent);stroke-dasharray:3 4;opacity:.7}
.sx-spoke{stroke:var(--sl-line);stroke-width:1}
.sx-ring-t{font:600 9.5px var(--sl-font);fill:var(--sl-text-4)}
.sx-now{fill:var(--sl-accent-soft);stroke:var(--sl-accent);stroke-width:2;stroke-linejoin:round}
.sx-then{fill:none;stroke:var(--sl-text-3);stroke-width:1.4;stroke-dasharray:4 4;stroke-linejoin:round}
.sx-pt{fill:var(--sl-accent);stroke:var(--sl-panel);stroke-width:2;transition:r .2s}
.sx-axis{cursor:default;outline:0}.sx-hit{fill:transparent}
.sx-axis-t{font:600 11.5px var(--sl-font);fill:var(--sl-text-2);transition:fill .2s}
.sx-axis.is-hot .sx-axis-t{fill:var(--sl-worse)}.sx-axis.is-on .sx-axis-t{fill:var(--sl-text)}
.sx-axis:focus-visible .sx-pt{stroke:var(--sl-text)}
.sx-rows{display:grid;gap:2px}
.sx-rows li{display:grid;grid-template-columns:minmax(0,1fr) 92px 52px;gap:10px;align-items:center;padding:6px 8px;margin:0 -8px;border-radius:8px;font-size:13px;transition:background .2s}
.sx-rows li.is-on{background:var(--sl-panel-2)}
.sx-rows em{font-style:normal;font-weight:650;text-align:right;color:var(--sl-text-3)}.sx-rows li.is-hot em{color:var(--sl-worse)}
.sx-bar-w{height:5px;border-radius:3px;background:var(--sl-panel-3);overflow:hidden}.sx-bar-w i{display:block;height:100%;border-radius:3px;background:var(--sl-text-3);transform-origin:left;transition:transform 1s var(--sl-ease)}
.sx-rows li.is-hot .sx-bar-w i{background:var(--sl-accent)}
.sx-conv-chart{display:grid;gap:6px}

/* chart */
.sx-chart{position:relative;width:100%;min-width:0;touch-action:pan-y}
.sx-chart svg{display:block;overflow:visible}.sx-chart svg svg{overflow:hidden}
.sx-grid{stroke:var(--sl-grid);stroke-width:1}
.sx-ax{font:500 10.5px var(--sl-font);fill:var(--sl-text-4);font-variant-numeric:tabular-nums}
.sx-phase{fill:var(--sl-text);opacity:.035}.sx-phase.is-alt{opacity:.07}
.sx-phase-t{font:600 10px var(--sl-font);fill:var(--sl-text-4);letter-spacing:.01em}
.sx-band{fill:var(--sl-text);opacity:.06}
.sx-norm{stroke:var(--sl-text-3);stroke-width:1;stroke-dasharray:4 4}
.sx-norm-t{font:600 10.5px var(--sl-font);fill:var(--sl-text-2);paint-order:stroke;stroke:var(--sl-panel);stroke-width:3px}
.sx-war{stroke:var(--sl-accent);stroke-width:1.2;stroke-dasharray:2 3;opacity:.8}
.sx-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:sx-draw 1.3s var(--sl-ease) .1s forwards}
.sx-line.is-dash{stroke-dasharray:.02 .02}
.sx-area{opacity:0;animation:sx-area 1s ease .5s forwards;fill-opacity:.16}
@keyframes sx-area{to{opacity:1}}
.sx-bar{transform-box:fill-box;transform-origin:50% 100%;animation:sx-grow .7s var(--sl-ease) both}
@keyframes sx-grow{from{transform:scaleY(0);opacity:0}}
.sx-cross{stroke:var(--sl-text-3);stroke-width:1;opacity:.7}
.sx-hdot{stroke:var(--sl-panel);stroke-width:2}
.sx-tip{position:absolute;z-index:3;transform:translateX(-50%);min-width:150px;padding:8px 11px;border-radius:10px;background:var(--sl-panel);box-shadow:inset 0 0 0 1px var(--sl-line-2),0 10px 28px -12px rgba(0,0,0,.55);font-size:12px;pointer-events:none;display:grid;gap:3px}
.sx-tip b{font-size:12px;margin-bottom:2px}.sx-tip div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:7px;align-items:center}.sx-tip i{width:8px;height:8px;border-radius:50%}.sx-tip em{font-style:normal;font-weight:650}.sx-tip span{color:var(--sl-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:12px;font-weight:550;color:var(--sl-text-2)}.sx-legend li{display:inline-flex;align-items:center;gap:6px}.sx-legend i{width:10px;height:3px;border-radius:2px}

/* stats */
.sx-trio{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--sl-line);border-bottom:1px solid var(--sl-line)}
.sx-trio-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sx-trio > div{display:grid;gap:2px;padding:12px 14px 12px 0;min-width:0}.sx-trio > div + div{padding-left:14px;border-left:1px solid var(--sl-line)}
.sx-trio > div > small{font-size:12px;font-weight:600;color:var(--sl-text-3)}.sx-trio > div > b{font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.1}.sx-trio > div > span{font-size:12px;color:var(--sl-text-4)}
@media (max-width:640px){.sx-trio{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-trio > div:nth-child(3){padding-left:0;border-left:0}.sx-trio > div:nth-child(n+3){border-top:1px solid var(--sl-line)}.sx-trio > div > b{font-size:22px}}
.sx-facts{display:grid;gap:5px;font-size:13px;color:var(--sl-text-2);line-height:1.45}
.sx-sea-g{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:28px;align-items:start}
.sx-sea-main{display:grid;gap:14px;min-width:0}.sx-sea-side{display:grid;gap:12px;min-width:0}
@media (max-width:980px){.sx-sea-g{grid-template-columns:minmax(0,1fr)}}
.sx-choke{display:grid;gap:12px}
.sx-choke li{display:grid;gap:5px}.sx-choke li > div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13.5px}.sx-choke em{font-style:normal;font-weight:700;font-size:13px}
.sx-choke small{font-size:11.5px;color:var(--sl-text-4)}.sx-choke li.is-focus b{color:var(--sl-text)}
.sx-track{position:relative;display:block;height:6px;border-radius:3px;background:var(--sl-panel-3);overflow:hidden}
.sx-track i{display:block;height:100%;border-radius:3px;background:var(--sl-text-3);transform-origin:left;transition:transform 1.1s var(--sl-ease)}.sx-track i.is-bad{background:var(--sl-accent)}
.sx-choke .sx-track{overflow:visible}.sx-choke .sx-track u{position:absolute;top:-3px;width:1.5px;height:12px;background:var(--sl-text-2);text-decoration:none}

/* markets */
.sx-mk-g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;align-items:start}
.sx-mk-main{display:grid;gap:12px;min-width:0}
@media (max-width:1100px){.sx-mk-g{grid-template-columns:minmax(0,1fr)}}
.sx-pick{display:flex;flex-wrap:wrap;gap:6px}
.sx-tbl{width:100%;border-collapse:collapse;font-size:13px}
.sx-tbl th{padding:6px 8px;font-size:11.5px;font-weight:600;color:var(--sl-text-4);text-align:left;border-bottom:1px solid var(--sl-line);white-space:nowrap}.sx-tbl th.r,.sx-tbl td.r{text-align:right}
.sx-tbl td{padding:7px 8px;border-bottom:1px solid var(--sl-line);vertical-align:middle}
.sx-tbl tbody tr:not(.sx-grp){cursor:pointer;transition:background .15s}.sx-tbl tbody tr:not(.sx-grp):hover{background:var(--sl-panel-2)}
.sx-tbl tbody tr:focus-visible{outline:2px solid var(--sl-accent);outline-offset:-2px}
.sx-grp td{padding:14px 8px 5px;font-size:11.5px;font-weight:650;color:var(--sl-text-3);border-bottom:0}
.sx-m{font-weight:650}.sx-sp{width:72px;padding-right:0}
.sx-rates{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;padding:16px;border-radius:14px;background:var(--sl-panel-2);align-items:center}
.sx-rates-t p{font-size:12.5px;color:var(--sl-text-3);margin-top:3px}.sx-rates-t b{font-size:14.5px}
.sx-rates-g{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.sx-rates-g > div{display:grid;gap:2px;padding:4px 16px;border-left:1px solid var(--sl-line)}.sx-rates-g > div:first-child{border-left:0;padding-left:0}
.sx-rates-g > div > small{font-size:12px;font-weight:600;color:var(--sl-text-3)}.sx-rates-g > div > b{font-size:22px;letter-spacing:-.02em}.sx-rates-g > div > span{font-size:11.5px;color:var(--sl-text-4)}
.sx-rates-a{display:flex;gap:8px;grid-row:1;grid-column:2}
@media (max-width:760px){.sx-rates{grid-template-columns:minmax(0,1fr)}.sx-rates-a{grid-row:auto;grid-column:1}.sx-rates-g{grid-template-columns:minmax(0,1fr)}.sx-rates-g > div{border-left:0;padding:8px 0;border-top:1px solid var(--sl-line)}.sx-rates-g > div:first-child{border-top:0}}

/* news */
.sx-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.sx-col{display:grid;gap:10px;align-content:start;min-width:0}
.sx-col header{display:grid;gap:2px;padding-bottom:8px;border-bottom:2px solid var(--sl-text)}.sx-col header b{font-size:14px}.sx-col header small{font-size:11.5px;color:var(--sl-text-4);line-height:1.35}
.sx-col ol,.sx-list{display:grid;gap:13px}
.sx-list li,.sx-col li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;animation:sx-fade-in .5s var(--sl-ease) both}
.sx-ini{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--sl-panel-3);color:var(--sl-text-2);font-size:10.5px;font-weight:700;letter-spacing:.02em}
.sx-hl{color:var(--sl-text);font-size:13.5px;font-weight:550;line-height:1.38;text-decoration:none;display:block;overflow-wrap:anywhere}.sx-hl:hover{text-decoration:underline;text-underline-offset:3px}.sx-hl:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px;border-radius:3px}
.sx-list li > div,.sx-col li > div{display:grid;gap:3px;min-width:0}
.sx-list small,.sx-col li small{font-size:11.5px;color:var(--sl-text-4);line-height:1.35}.sx-list small b,.sx-col li small b{color:var(--sl-text-3);font-weight:650}
.sx-empty{font-size:12.5px;color:var(--sl-text-4)}
.sx-index{display:grid;gap:12px;padding-top:10px;border-top:1px solid var(--sl-line)}
.sx-src{display:inline-grid;place-items:center;min-width:30px;padding:3px 6px;border-radius:8px;background:var(--sl-panel-3);font-size:9.5px;font-weight:700;color:var(--sl-text-2);text-align:center;line-height:1.15;letter-spacing:.02em}
.sx-off li{grid-template-columns:62px minmax(0,1fr)}
.sx-air-b{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--sl-line)}
.sx-air-b li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--sl-line);font-size:12.5px}.sx-air-b code{font:600 11px var(--sl-font);color:var(--sl-text-4)}.sx-air-b em{font-style:normal;font-weight:650;color:var(--sl-text-3)}.sx-air-b em.is-warn{color:var(--sl-worse)}.sx-air-b small{grid-column:1/-1;font-size:11.5px;color:var(--sl-text-4)}
.sx-attn .sx-card-b{gap:10px}

/* odds */
.sx-odds-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.sx-ev{display:grid;gap:12px;align-content:start;padding:16px;border-radius:14px;background:var(--sl-panel-2)}
.sx-ev header{display:grid;gap:3px}.sx-ev header small{font-size:11.5px;color:var(--sl-text-4)}
.sx-ev-one{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}.sx-ev-one > b{font-size:38px;letter-spacing:-.04em;line-height:1}.sx-ev-one > span{font-size:12.5px;color:var(--sl-text-3)}
.sx-ladder{display:grid;gap:7px}.sx-ladder li{display:grid;grid-template-columns:78px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:12.5px}.sx-ladder li > span:first-child{color:var(--sl-text-2);white-space:nowrap}.sx-ladder em{font-style:normal;font-weight:700;text-align:right}
.sx-ladder .sx-track{height:8px;background:var(--sl-panel-3)}.sx-ladder .sx-track i{background:var(--sl-accent)}

/* ground */
.sx-quakes{display:grid;gap:11px}.sx-quakes li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start}.sx-quakes li > b{display:grid;place-items:center;height:30px;border-radius:9px;background:var(--sl-accent-soft);color:var(--sl-accent-ink);font-size:13px}.sx-quakes li > div{display:grid;gap:2px;min-width:0}.sx-quakes small{font-size:11.5px;color:var(--sl-text-4)}
.sx-countries{display:grid;gap:8px}.sx-countries li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 28px;gap:10px;align-items:center;font-size:12.5px}.sx-countries em{font-style:normal;font-weight:650;text-align:right}.sx-countries li > span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sl-text-2)}
.sx-wxg{display:grid;gap:12px}.sx-wxg li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center}.sx-wxg b{font-size:13.5px}.sx-wxg li > span{font-weight:650;font-size:13px}.sx-wxg .sx-track{grid-column:1/-1;height:4px}.sx-wxg small{grid-column:1/-1;font-size:11.5px;color:var(--sl-text-4)}

/* timeline */
.sx-lead{font-size:16px;line-height:1.55;color:var(--sl-text);max-width:980px;letter-spacing:-.005em}
.sx-phases{display:flex;flex-wrap:wrap;gap:8px}.sx-phases li{display:grid;gap:1px;padding:9px 13px;border-radius:10px;background:var(--sl-panel-2)}.sx-phases b{font-size:12.5px}.sx-phases small{font-size:11.5px;color:var(--sl-text-4)}
.sx-tl{display:grid;gap:0;position:relative;margin-left:4px}
.sx-tl::before{content:"";position:absolute;left:72px;top:6px;bottom:6px;width:1px;background:var(--sl-line-2)}
.sx-tl li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 24px;padding:9px 0;position:relative;animation:sx-fade-in .6s var(--sl-ease) both}
.sx-tl li::after{content:"";position:absolute;left:68px;top:15px;width:9px;height:9px;border-radius:50%;background:var(--sl-panel);box-shadow:0 0 0 2px var(--sl-text-3)}
.sx-tl li:first-child::after{box-shadow:0 0 0 2px var(--sl-accent);background:var(--sl-accent)}
.sx-tl time{font-size:12.5px;font-weight:650;color:var(--sl-text-2);padding-top:2px;font-variant-numeric:tabular-nums}
.sx-tl p{font-size:14px;line-height:1.5;color:var(--sl-text);max-width:900px}

/* sources */
.sx-tblw{overflow-x:auto}
.sx-reg{min-width:860px}.sx-reg td{vertical-align:top;color:var(--sl-text-2);font-size:12.5px;line-height:1.4}.sx-reg td small{display:block;color:var(--sl-text-4);font-size:11.5px;margin-top:1px}.sx-reg td b{color:var(--sl-text)}.sx-reg tbody tr{cursor:default}
.sx-reg tr.is-flash td{animation:sx-flash 1.6s ease}
@keyframes sx-flash{0%,60%{background:var(--sl-accent-soft)}}
.sx-n{width:34px;font-weight:700;color:var(--sl-text-3);font-variant-numeric:tabular-nums}
.sx-st{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:600;font-size:12.5px}.sx-st i{width:8px;height:8px;border-radius:50%;background:var(--sl-text-4)}
.sx-st.is-ok i{background:var(--sl-better)}.sx-st.is-old i{background:#e0a400}.sx-st.is-bad i{background:var(--sl-worse)}
.sx-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding-top:6px}
.sx-method h3{font-size:13.5px;margin-bottom:6px}.sx-method p{font-size:13px;line-height:1.55;color:var(--sl-text-2)}
@media (max-width:900px){.sx-method{grid-template-columns:minmax(0,1fr)}}

/* drawer */
.sx-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--sl-line);margin:14px 0}
.sx-dl > div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--sl-line);font-size:13px}.sx-dl dt{color:var(--sl-text-3)}.sx-dl dd{font-weight:650;text-align:right}
.sx-dl > div:nth-child(odd){padding-right:14px}.sx-dl > div:nth-child(even){padding-left:14px;border-left:1px solid var(--sl-line)}

@media (prefers-reduced-motion:reduce){
  .sx-page *,.sx-page > *{animation-duration:.001s!important;animation-delay:0s!important;transition-duration:.001s!important}
  .sx-spark path,.sx-line{stroke-dashoffset:0}
}

/* channels over time */
.sx-heat{position:relative;min-width:0}.sx-heat svg{display:block;overflow:visible}.sx-heat svg svg{overflow:hidden}
.sx-hm-l{font:600 11.5px var(--sl-font);fill:var(--sl-text-2)}
.sx-hm-wipe{clip-path:inset(0 100% 0 0);animation:sx-wipe 1.6s var(--sl-ease) .2s forwards}
@keyframes sx-wipe{to{clip-path:inset(0 0 0 0)}}
.sx-hm-col{fill:var(--sl-text);opacity:.07}
.sx-hm-key{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sl-text-3)}.sx-hm-key i{display:block;width:120px;height:8px;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--sl-text) 8%,transparent),var(--sl-accent))}
@media (max-width:640px){.sx-hm-l{font-size:10px}}

/* clicked aircraft / ship */
.sx-insp{width:300px;max-height:calc(100% - 116px);overflow:auto}
.sx-photo{margin:0;display:grid;gap:6px}.sx-photo img{display:block;width:100%;height:150px;object-fit:cover;border-radius:10px;background:var(--sl-panel-3);animation:sx-fade-in .4s ease both}
.sx-photo figcaption{font-size:11px;color:var(--sl-text-4);line-height:1.35}.sx-photo figcaption a{color:var(--sl-text-3)}
.sx-nophoto{display:grid;place-items:center;height:64px;border-radius:10px;background:var(--sl-panel-2);font-size:12px;color:var(--sl-text-4)}