

.rk {
  --rk-ink: #0b1322;
  --rk-grey: #4b5563;        
  --rk-grey-2: #6b7280;      
  --rk-faint: #8a919c;       
  --rk-line: rgba(11, 19, 34, 0.12);
  --rk-card: #ffffff;
  --rk-decided-fill: #8da5c9;
  --rk-escalated-fill: #c9b48a;
  color: var(--rk-ink);
  font-variant-numeric: tabular-nums;
}


:where(.rk) :where(h1, h2, h3) { margin: 0; }

.rk h1, .rk h2, .rk h3 { font-weight: 400; letter-spacing: -0.035em; text-wrap: balance; color: var(--rk-ink); }
:where(.rk) :where(p) { margin: 0; }
.rk sup { font-size: .5em; font-weight: 500; vertical-align: super; letter-spacing: 0; margin-left: 1px; }
.rk sup a { text-decoration: none; color: inherit; }



.rk-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--rk-card);
  border: 1px solid var(--rk-line);
}
.rk-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(45% 40% at 50% 50%, color-mix(in srgb, var(--hue, #8da5c9) 30%, transparent), transparent 70%);
  transform: translate(-50%, 0);
  animation: wash-drift 18s ease-in-out infinite alternate;
}


.rk-hero {
  position: relative;
  isolation: isolate;
  padding: clamp(150px, 13vw, 200px) 20px clamp(72px, 10vw, 120px);
  text-align: center;
  overflow: hidden;
}
.rk-hero .hero-wash { -webkit-mask-image: linear-gradient(to bottom, #000 40%, transparent 85%); mask-image: linear-gradient(to bottom, #000 40%, transparent 85%); }
.rk-hero .hero-title { margin-inline: auto; }
.rk-hero .hero-explore { justify-content: center; margin-top: 8px; }

.rk-strip { margin-top: clamp(44px, 5vw, 72px); text-align: left; }
.rk-tag { margin-inline: auto; color: var(--rk-ink); }
.rk-tag span { display: block; color: var(--rk-grey); }



.rk-reveal {
  margin: clamp(52px, 7vw, 88px) auto 0;
  width: min(980px, 100% - 32px);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  text-align: left;
}
.rk-file { position: relative; min-height: 440px; overflow: hidden; border-right: 1px solid var(--rk-line); padding: 26px 28px; }
.rk-file .rk-head {
  font-size: 13px;
  color: var(--rk-grey);
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 22px 28px 14px;
  z-index: 2;
  background: linear-gradient(#fff 70%, rgba(255, 255, 255, 0));
}
.rk-scroll { position: absolute; left: 28px; right: 28px; top: 60px; }
.rk-pg { padding-block: 10px 22px; border-bottom: 1px dashed rgba(11, 19, 34, 0.12); }
.rk-pg b { display: block; font-size: 11px; font-weight: 500; color: var(--rk-grey-2); margin-bottom: 10px; }
.rk-ln { height: 7px; background: #e8eaee; margin-bottom: 9px; }
.rk-ln.hit { background: color-mix(in srgb, var(--rk-escalated-fill) 75%, #fff); }
.rk-ln.key { background: var(--rk-decided-fill); }
.rk-file::after { content: ""; position: absolute; inset: auto 0 0 0; height: 120px; background: linear-gradient(rgba(255, 255, 255, 0), #fff); z-index: 1; }
.rk-verdict { padding: 26px 30px 28px; display: grid; align-content: start; grid-template-rows: auto auto auto auto 1fr; gap: 22px; min-height: 440px; }
.rk-q { font-size: 15px; color: var(--rk-grey); }
.rk-q strong { display: block; color: var(--rk-ink); font-size: 22px; font-weight: 500; letter-spacing: -0.02em; margin-top: 6px; line-height: 1.25; }
.rk-clock { font-size: 15px; color: var(--rk-grey); display: flex; align-items: baseline; gap: 10px; }
.rk-clock output { font-size: 44px; font-weight: 300; letter-spacing: -0.03em; color: var(--rk-ink); }
.rk-opts { display: grid; gap: 12px; }
.rk-opt { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr) 3.4rem; align-items: center; gap: 14px; font-size: 17px; opacity: .45; transition: opacity .5s ease; }
.rk-opt .rk-bar { height: 8px; background: #e8eaee; overflow: hidden; }
.rk-opt .rk-bar i { display: block; height: 100%; width: 0; background: var(--rk-faint); transition: width .9s cubic-bezier(.2, .8, .2, 1); }
.rk-opt .rk-p { text-align: right; color: var(--rk-grey); }
.rk-opt.win { opacity: 1; }
.rk-opt.win .rk-name { font-weight: 650; }
.rk-opt.win .rk-bar i { background: var(--rk-decided-fill); }
.rk-opt.win .rk-p { color: var(--rk-ink); }
.rk-reveal.done .rk-opt { opacity: 1; }
.rk-outcome { font-size: 15px; color: var(--rk-grey); min-height: 1.5em; }
.rk-outcome b { color: var(--rk-ink); font-weight: 600; }
.rk-replay { justify-self: start; align-self: end; background: none; border: 1px solid rgba(11, 19, 34, 0.25); color: var(--rk-ink); font-family: inherit; font-size: 14px; font-weight: 500; padding: 8px 14px; cursor: pointer; }
.rk-replay:hover { border-color: var(--rk-ink); }
.rk-illus { margin-top: 14px; font-size: 13px; color: var(--rk-grey-2); }


.rk .stage-lede strong { color: var(--rk-ink); font-weight: 600; }


.rk-decisions { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rk-decisions .hub-card { min-height: clamp(150px, 14vw, 200px); justify-content: flex-end; }


.rk-facts { margin: 0; display: grid; gap: 0; }
.rk-facts > div { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: 20px; align-items: baseline; padding-block: 16px; border-top: 1px solid var(--rk-line); }
.rk-facts dt { font-size: clamp(24px, 2.2vw, 30px); font-weight: 400; letter-spacing: -0.035em; line-height: 1.1; color: var(--rk-ink); }
.rk-facts dd { margin: 0; font-size: 15px; line-height: 1.5; color: var(--rk-grey); }
.rk-facts-lg > div { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-block: 24px 28px; }
.rk-facts-lg dt { font-size: clamp(48px, 5.4vw, 80px); letter-spacing: -0.055em; line-height: .95; }
.rk-facts-lg dd { font-size: 17px; max-width: 32ch; }
.rk-facts-row { margin-top: clamp(48px, 6vw, 80px); grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(20px, 2vw, 32px); }
.rk-facts-3 { margin-top: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); }


.rk-fde { margin-bottom: 0; }
.rk-fde .fde-text h2 { font-size: clamp(2rem, min(1.3rem + 2.2vw, 6.5svh), 3.25rem); letter-spacing: -0.045em; line-height: 1.04; margin: 0 0 20px; }
.rk-fde .fde-text > p { margin: 0 0 28px; }
.rk-fde .fde-text .rk-figure { font-size: clamp(4rem, min(8vw, 17svh), 8rem); letter-spacing: -0.058em; line-height: .9; margin-bottom: 16px; }
.rk-figure small { font-size: .38em; letter-spacing: -0.03em; margin-left: .05em; }
.rk-fde .rk-facts { max-width: 520px; }

@media (min-width: 992px) {
  .rk-fde .fde-scene { inset: 0 0 0 auto; width: 54%; background: color-mix(in srgb, var(--hue) 11%, #fbfbf9); }
  #speed .fde-scene { --hue: #8da5c9; }
  .rk-fde:not(#speed *) .fde-scene { --hue: #94b8ab; }
  .rk-fde .fde-scene svg { position: absolute; left: 0; top: 50%; width: 100%; height: auto; aspect-ratio: 870 / 500; transform: translateY(-50%); }
  .rk-fde .fde-shade { display: none; }
  .rk-fde.fde-lit .fde-text { max-width: 48%; padding-right: clamp(16px, 2vw, 32px); }
  .rk-fde.fde-lit .rk-facts > div { grid-template-columns: minmax(6.5rem, 8.5rem) minmax(0, 1fr); gap: 16px; }
}
.rk-fde .rk-facts > div { grid-template-columns: 10rem minmax(0, 1fr); }
.rk-fde .rk-facts dt { font-size: clamp(20px, 1.8vw, 24px); }


.rk-split { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(20px, 2vw, 32px); align-items: stretch; }
.rk-side { display: flex; flex-direction: column; }
.rk-side-lede { margin: 0 0 28px; font-size: clamp(18px, 1.5vw, 22px); line-height: 1.45; color: var(--slate-700, #5b6678); max-width: 36ch; }
.rk-side-lede strong { color: var(--ink); font-weight: 600; }
.rk-side .rk-facts-lg { flex: 1; grid-template-rows: repeat(2, minmax(0, 1fr)); }
.rk-side .rk-facts-lg > div { align-content: center; }
.rk-split .rk-facts-lg > div:first-child { border-top: 1px solid var(--rk-line); }


.rk-gate { padding: clamp(24px, 3vw, 40px); }
.rk-gate .rk-illus { margin-top: 18px; }
.rk-field { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 10px; aspect-ratio: 12 / 7; }
.rk-dot { border-radius: 50%; background: var(--rk-decided-fill); transition: background .35s ease, transform .35s ease; align-self: center; justify-self: center; width: 100%; aspect-ratio: 1; }
.rk-dot.out { background: var(--rk-escalated-fill); transform: scale(.72); }
.rk-gate label { display: block; margin-top: 26px; font-size: 15px; color: var(--rk-grey); }
.rk-gate input[type=range] { width: 100%; margin-top: 12px; accent-color: var(--rk-ink); }
.rk-tally { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.rk-tally div { font-size: 15px; color: var(--rk-grey); }
.rk-tally output { display: block; font-size: 34px; font-weight: 400; letter-spacing: -0.03em; color: var(--rk-ink); }
.rk-tally div { padding-left: 14px; border-left: 3px solid var(--rk-decided-fill); }
.rk-tally .h { border-left-color: var(--rk-escalated-fill); }


.rk-cells { display: grid; gap: 36px; padding: clamp(24px, 3.4vw, 48px); }
.rk-cells .rk-row { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: 28px; align-items: center; }
.rk-who { font-size: 16px; line-height: 1.4; color: var(--rk-grey); }
.rk-who b { display: block; font-size: clamp(40px, 4vw, 56px); font-weight: 400; letter-spacing: -0.05em; color: var(--rk-ink); line-height: 1; margin-bottom: 6px; }
.rk-grid236 { display: grid; grid-template-columns: repeat(59, minmax(0, 1fr)); gap: 3px; }
.rk-grid236 i { aspect-ratio: 1; background: rgba(11, 19, 34, 0.09); }
.rk-grid236 i.on { background: var(--rk-escalated-fill); }
.rk-key { font-size: 14px; color: var(--rk-grey); display: flex; gap: 22px; flex-wrap: wrap; }
.rk-key span::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 8px; vertical-align: -1px; background: rgba(11, 19, 34, 0.09); }
.rk-key span.on::before { background: var(--rk-escalated-fill); }
.rk-cells .rk-illus { margin-top: 0; }


.rk-editions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); }
.rk-ed { min-height: 0; padding: clamp(28px, 3.4vw, 48px); }
.rk-ed h3 { font-size: clamp(30px, 3vw, 42px); letter-spacing: -0.045em; line-height: 1; }
.rk-ed h3 span { opacity: .6; }
.rk-ed .rk-for { margin: 16px 0 0; padding: 0; max-width: none; font-size: 18px; }
.rk-ed ul { margin: 28px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; font-size: 16px; }
.rk-ed li { padding: 10px 0 0 18px; position: relative; border-top: 1px solid color-mix(in srgb, var(--ink) 16%, transparent); }
.rk-ed li::before { content: ""; position: absolute; left: 0; top: calc(10px + .62em); width: 6px; height: 6px; border-radius: 50%; background: var(--ink); }


.rk-more { margin-top: clamp(32px, 4vw, 48px); display: flex; flex-wrap: wrap; gap: 14px 36px; }
.rk-more .hub-model-link { font-size: 18px; }


.rk-arrow { display: flex; align-items: center; gap: clamp(20px, 3vw, 40px); flex-wrap: wrap; }
.rk-arrow-n { font-size: clamp(3.5rem, min(8vw, 16svh), 7.5rem); font-weight: 400; letter-spacing: -0.058em; line-height: .9; }
.rk-arrow-n.from { opacity: .45; }
.rk-arrow svg { width: clamp(56px, 7vw, 100px); height: auto; opacity: .6; }


.rk-finale { text-align: center; }
.rk-finale .hero-title { margin-inline: auto; }
.rk-finale .rk-tag { margin-top: 18px; font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem); color: var(--rk-grey); }
.rk-form { margin: clamp(56px, 8vw, 88px) auto 0; width: min(680px, 100% - 32px); text-align: left; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: clamp(24px, 4vw, 44px); }
.rk-form > * { min-width: 0; }
.rk-form h3 { font-size: 30px; letter-spacing: -0.03em; text-align: center; }
.rk-form .rk-intro { text-align: center; color: var(--rk-grey); font-size: 17px; margin-bottom: 12px; }
.rk-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.rk-f { display: grid; gap: 8px; min-width: 0; }
.rk-f label { font-size: 14px; font-weight: 500; color: var(--rk-ink); }
.rk-f input, .rk-f textarea, .rk-f select { font-family: inherit; font-size: 17px; line-height: 1.4; color: var(--rk-ink); background: #fff; border: 1px solid rgba(11, 19, 34, 0.25); padding: 13px 14px; width: 100%; }
.rk-f input:focus-visible, .rk-f textarea:focus-visible, .rk-f select:focus-visible { outline: 2px solid var(--rk-ink); outline-offset: 1px; border-color: var(--rk-ink); }

.rk-f select { font-family: inherit; font-size: 17px; line-height: 1.4; color: var(--rk-ink); background: #fff; border: 1px solid rgba(11, 19, 34, 0.25); padding: 13px 14px; width: 100%; border-radius: 0; }
.rk-seg { border: 0; margin: 0; padding: 0; min-width: 0; }
.rk-seg legend { font-size: 14px; font-weight: 500; color: var(--rk-ink); padding: 0; margin-bottom: 8px; }
.rk-seg label, .rk-optin { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 400; color: var(--rk-ink); }
.rk-seg input, .rk-optin input { width: auto; flex: none; accent-color: var(--rk-ink); }
.rk-turnstile { display: flex; justify-content: center; min-height: 65px; }
.rk-consent { text-align: center; font-size: 14px; color: var(--rk-grey); }
.rk-consent a { color: inherit; }
.rk-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.rk-submit { justify-self: center; margin-top: 10px; font-family: inherit; font-size: 17px; font-weight: 600; color: #fff; background: var(--rk-ink); border: 0; padding: 15px 28px; cursor: pointer; }
.rk-submit:hover { background: #24303f; }
.rk-submit:disabled { opacity: .6; cursor: default; }
.rk-formmsg { text-align: center; font-size: 15px; color: var(--rk-grey); min-height: 1.5em; }
.rk-formmsg.is-ok { color: #1f5133; }
.rk-formmsg.is-error { color: #8a1f1f; }


.rk-notes { border-top: 1px solid var(--rk-line); padding-block: 48px 72px; font-size: 13px; line-height: 1.6; color: var(--rk-grey); }
.rk-notes h2 { font-size: 15px; letter-spacing: 0; font-weight: 600; margin-bottom: 16px; }
.rk-notes ol { margin: 0; padding-left: 1.3em; display: grid; gap: 8px; max-width: 920px; }
.rk-notes p { margin-top: 22px; max-width: 920px; }
.rk-notes li { scroll-margin-top: 140px; }
.rk [id] { scroll-margin-top: 120px; }

@media (max-width: 991.98px) {
  .rk-decisions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rk-split { grid-template-columns: minmax(0, 1fr); }
  .rk-split .rk-facts-lg { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
  .rk-split .rk-facts-lg > div:first-child { border-top: 1px solid var(--rk-line); padding-top: 24px; }
}

@media (max-width: 860px) {
  .rk-reveal { grid-template-columns: minmax(0, 1fr); }
  .rk-file { height: 260px; min-height: 0; border-right: 0; border-bottom: 1px solid var(--rk-line); }
  .rk-verdict { height: auto; }
  .rk-editions, .rk-facts-row, .rk-facts-3, .rk-split .rk-facts-lg { grid-template-columns: minmax(0, 1fr); }
  .rk-cells .rk-row { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .rk-grid236 { grid-template-columns: repeat(30, minmax(0, 1fr)); }
  .rk-row2 { grid-template-columns: minmax(0, 1fr); }
  .rk-hero { padding-top: 168px; }
}

@media (max-width: 575.98px) {
  .rk-decisions { grid-template-columns: minmax(0, 1fr); }
  .rk-decisions .hub-card { min-height: 0; }
  .rk-facts > div, .rk-fde .rk-facts > div { grid-template-columns: minmax(0, 1fr); gap: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .rk *, .rk *::before, .rk *::after { transition: none !important; animation: none !important; }
}

@media (max-width: 479.98px) {
  .rk-form { width: calc(100% - 24px); padding: 24px 16px; }
}
