@layer components {
.delegated-section .dlg-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  align-items: end;
  gap: var(--space-10);
  margin-bottom: var(--space-8);
}

.delegated-section .dlg-eyebrow {
  display: block;
  margin-bottom: var(--space-2);
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--text-secondary);
}

.delegated-section .dlg-title {
  margin: 0;
  max-width: none;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.04em;
  color: var(--text-primary);
}

.delegated-section .dlg-lede {
  margin: 0 0 var(--space-2);
  max-width: var(--measure-read);
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text-secondary);
}

.delegated-section .dlg-obj {
  margin-inline: 0;
}

.delegated-section .dlg-svg {
  display: block;
  width: 100%;
  height: auto;
}

.delegated-section .dlg-parcel {
  fill: none;
  stroke: color-mix(in srgb, var(--accent-color) 88%, transparent);
  stroke-width: 2;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 16px color-mix(in srgb, var(--accent-color) 38%, transparent));
}

.delegated-section .dlg-in {
  font-family: var(--font-sans);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.01em;
  fill: var(--text-primary);
}

.delegated-section .dlg-out {
  font-family: var(--font-sans);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.01em;
  fill: var(--text-secondary);
}

.delegated-section .dlg-fig {
  font-family: var(--font-sans);
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
  fill: var(--accent-color);
}

.delegated-section .dlg-fig--out { fill: var(--text-primary); }

.delegated-section .dlg-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  fill: var(--text-muted);
}

.delegated-section .dlg-fallback { display: none; }

.delegated-section .dlg-rail {
  margin-top: var(--space-12);
  padding-top: var(--space-6);
  border-top: 1px solid var(--border-light);
}

.delegated-section .dlg-rail-lab {
  display: block;
  margin-bottom: var(--space-5);
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--text-muted);
}

.delegated-section .dlg-rail-set {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.9fr) minmax(0, 1.04fr);
  gap: var(--space-10);
}

.delegated-section .dlg-ben {
  cursor: pointer;
  transition: opacity 0.25s ease;
}

.delegated-section .dlg-ben:hover { opacity: 0.82; }

.delegated-section .dlg-ben-k {
  display: block;
  margin-bottom: var(--space-2);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--text-muted);
}

.delegated-section .dlg-ben-n {
  margin: 0 0 var(--space-2);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: var(--text-primary);
}

.delegated-section .dlg-ben-d {
  margin: 0 0 var(--space-3);
  max-width: 42ch;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--text-secondary);
}

.delegated-section .dlg-ben-r { font-size: 0.875rem; }

@media (max-width: 1439px) {
  .delegated-section .dlg-obj { margin-inline: 0; }
}

@media (max-width: 1180px) {
  .delegated-section .dlg-svg { display: none; }
  .delegated-section .dlg-fallback { display: block; }

  .delegated-section .dlg-fb-block { padding-left: var(--space-5); }
  .delegated-section .dlg-fb-block--in {
    border-left: 2px solid color-mix(in srgb, var(--accent-color) 70%, transparent);
  }
  .delegated-section .dlg-fb-block--out {
    margin-top: var(--space-8);
    border-left: 2px solid color-mix(in srgb, var(--text-primary) 18%, transparent);
  }
  .delegated-section .dlg-fb-lab {
    display: block;
    margin-bottom: var(--space-3);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--text-muted);
  }
  .delegated-section .dlg-fb-run {
    margin: 0;
    font-size: 1rem;
    line-height: 1.75;
    color: var(--text-primary);
  }
  .delegated-section .dlg-fb-block--out .dlg-fb-run { color: var(--text-secondary); }
  .delegated-section .dlg-fb-sep { color: var(--text-muted); }
}

@media (max-width: 1100px) {
  .delegated-section .dlg-head {
    grid-template-columns: 1fr;
    gap: var(--space-5);
    align-items: start;
  }
  .delegated-section .dlg-title { font-size: 2.5rem; }
  .delegated-section .dlg-rail-set {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
  }
}

@media (max-width: 720px) {
  .delegated-section .dlg-rail-set { grid-template-columns: 1fr; }
  .delegated-section .dlg-fb-run { font-size: 0.9375rem; }
}

@media (max-width: 620px) {
  .delegated-section .dlg-title { font-size: 2.125rem; }
}
}

@layer components {

.prm-head {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  align-items: end;
  gap: var(--space-8);
}

.prm-kicker {
  display: block;
  margin-bottom: var(--space-3);
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.prm-title {
  margin: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.04em;
  color: var(--text-primary);
}

.prm-title-2 {
  display: block;
  color: var(--text-secondary);
}

.prm-lede {
  justify-self: end;
  max-width: 36ch;
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text-secondary);
}

.prm-obj {
  display: block;
  width: 100%;
  height: auto;
}
.prm-obj--desk { margin-top: var(--space-10); }

.prm-s-face-a { stop-color: color-mix(in srgb, var(--text-secondary) 29%, var(--bg-primary)); }
.prm-s-face-b { stop-color: color-mix(in srgb, var(--text-secondary) 15%, var(--bg-primary)); }
.prm-s-top-a  { stop-color: color-mix(in srgb, var(--text-secondary) 40%, var(--bg-primary)); }
.prm-s-top-b  { stop-color: color-mix(in srgb, var(--text-secondary) 26%, var(--bg-primary)); }

.prm-plate-top,
.prm-plate-side { stroke: color-mix(in srgb, var(--text-secondary) 50%, var(--bg-primary)); stroke-width: 0.7; }
.prm-plate-side { fill: color-mix(in srgb, var(--text-secondary) 15%, var(--bg-primary)); }
.prm-plate-face { stroke: color-mix(in srgb, var(--text-secondary) 56%, var(--bg-primary)); stroke-width: 0.7; }

.prm-rule { stroke: color-mix(in srgb, var(--text-secondary) 18%, var(--bg-primary)); }
.prm-dim-line { stroke: color-mix(in srgb, var(--text-secondary) 56%, var(--bg-primary)); }

.prm-ray { stroke-width: 1; }
.prm-s-ray-a { stop-color: color-mix(in srgb, var(--text-secondary) 38%, var(--bg-primary)); stop-opacity: 0.85; }
.prm-s-ray-b { stop-color: var(--accent-solid); stop-opacity: 0.55; }
.prm-s-ray-c { stop-color: var(--accent-ink); stop-opacity: 1; }

.prm-s-lit-a { stop-color: var(--accent-ink); }
.prm-s-lit-b { stop-color: color-mix(in srgb, var(--accent-ink) 70%, var(--text-primary)); }
.prm-lit-side { fill: color-mix(in srgb, var(--accent-solid) 72%, var(--bg-primary)); }
.prm-lit-face { fill: var(--accent-solid); }
.prm-lit-dim { stroke: var(--accent-ink); }
.prm-s-glow-a { stop-color: var(--accent-color); stop-opacity: 0.34; }
.prm-s-glow-b { stop-color: var(--accent-color); stop-opacity: 0; }

.prm-t-job,
.prm-t-cap,
.prm-t-dim,
.prm-t-state {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.prm-t-job { font-weight: 500; letter-spacing: 0.02em; fill: color-mix(in srgb, var(--text-primary) 55%, var(--text-secondary)); }
.prm-t-cap,
.prm-t-dim { font-weight: 600; letter-spacing: 0.14em; fill: var(--text-secondary); }
.prm-t-dim--lit { fill: color-mix(in srgb, var(--accent-ink) 62%, var(--text-primary)); }
.prm-t-one { font-family: var(--font-sans); font-weight: 600; letter-spacing: 0.18em; fill: var(--text-primary); }
.prm-t-state { font-weight: 600; letter-spacing: 0.14em; fill: color-mix(in srgb, var(--accent-ink) 62%, var(--text-primary)); }
.prm-dot { fill: var(--success-color); }

.prm-cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-10);
  margin-top: var(--space-10);
  padding-top: var(--space-6);
  border-top: 1px solid var(--border-strong);
}

.prm-col-t {
  margin: 0 0 var(--space-2);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: var(--text-primary);
}

.prm-col-d {
  margin: 0;
  max-width: none;
  font-size: 0.9375rem;
  line-height: 1.55;
  text-wrap: pretty;
  color: var(--text-secondary);
}

.prm-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 14px;
  margin: var(--space-8) 0 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.prm-foot-names { color: var(--accent-ink); }

@media (max-width: 1180px) {
  .prm-title { font-size: 2.5rem; }
}

@media (max-width: 1023px) {
  .prm-head {
    display: block;
  }
  .prm-kicker {
    margin-bottom: var(--space-2);
    font-size: var(--mt-kicker);
    line-height: 1.5;
  }

  .prm-title { text-wrap: balance; }

  .prm-lede {
    justify-self: start;
    max-width: none;
    margin-top: var(--stack-xs);
    font-size: var(--mt-body);
    line-height: var(--mt-lh-lede);
  }

  .prm-lede--2 {
    font-size: 1.125rem;
    line-height: 1.4;
  }

  .prm-section .prm-obj--phone { display: block; margin-top: var(--stack-sm); }

  .prm-cols {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 82%;
    gap: 12px;
    margin-top: 0;
    padding: 0 0 4px;
    border-top: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;

    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 40px), transparent 100%);
            mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 40px), transparent 100%);
  }
  .prm-cols::-webkit-scrollbar { display: none; }
  .prm-col {
    scroll-snap-align: start;
    padding: var(--space-4);
    background: var(--bg-tertiary);
    border: 1px solid var(--border-strong);
    border-radius: 14px;
  }
  .main-content.main-content .prm-with .prm-col-t {
    margin-bottom: 8px;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.01em;
  }

  .prm-col-l {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-content.main-content .prm-with .prm-col-l li {
    font-size: 0.9375rem;
    line-height: 1.45;
    color: var(--text-secondary);
  }
  .prm-col-l li + li { margin-top: 6px; }
  .prm-foot {
    margin-top: var(--stack-xs);
    font-size: var(--mt-kicker);
  }
}

@media (min-width: 600px) and (max-width: 1023px) {
  .prm-section .prm-obj--phone { height: 780px; }
}

}

@layer components {

.hnd-head {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  align-items: end;
  gap: var(--space-8);
}

.hnd-kicker {
  display: block;
  margin-bottom: var(--space-3);
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.hnd-title {
  margin: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.04em;
  color: var(--text-primary);
}

.hnd-t1,
.hnd-t2,
.hnd-t3 { display: block; }
.hnd-t2 { color: var(--text-secondary); }

.hnd-lede {
  justify-self: end;
  max-width: 24rem;
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text-secondary);
}

.hnd-plate {
  margin-top: var(--space-10);
  padding: var(--space-6);
  border: 1px solid var(--border-strong);
  background: color-mix(in srgb, var(--text-primary) 4%, transparent);
}

.hnd-obj {
  width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  .hnd-plate .hnd-obj--desk { display: block; }
}

.hnd-s-ray-a  { stop-color: var(--text-secondary); stop-opacity: 0.04; }
.hnd-s-ray-b  { stop-color: var(--text-secondary); stop-opacity: 0.3; }
.hnd-s-ray-c  { stop-color: var(--accent-ink); stop-opacity: 0.9; }
.hnd-s-beam-a { stop-color: var(--accent-ink); stop-opacity: 0.8; }
.hnd-s-beam-b { stop-color: var(--accent-color); stop-opacity: 0.45; }
.hnd-s-beam-c { stop-color: var(--accent-color); stop-opacity: 0.04; }
.hnd-s-ai-a   { stop-color: color-mix(in srgb, var(--accent-color) 16%, var(--bg-tertiary)); }
.hnd-s-ai-b   { stop-color: var(--bg-tertiary); }
.hnd-s-card-a { stop-color: color-mix(in srgb, var(--accent-color) 10%, var(--bg-tertiary)); }
.hnd-s-card-b { stop-color: var(--bg-tertiary); stop-opacity: 0.95; }
.hnd-s-glow-a { stop-color: var(--accent-color); stop-opacity: 0.13; }
.hnd-s-glow-b { stop-color: var(--accent-color); stop-opacity: 0; }

.hnd-ray { fill: none; stroke: url(#hndRayD); stroke-width: 1; }
.hnd-ray-p { fill: none; stroke: var(--text-secondary); stroke-opacity: 0.25; }
.hnd-beam-core { stroke: var(--text-primary); stroke-opacity: 0.55; stroke-width: 1.5; }
.hnd-ai { stroke: var(--accent-ink); stroke-width: 1.2; }
.hnd-card { stroke: var(--accent-color); stroke-width: 1.2; }
.hnd-chip { fill: none; stroke: var(--accent-ink); stroke-opacity: 0.45; }
.hnd-ok { fill: var(--success-color); }
.hnd-presence { fill: var(--success-color); stroke: var(--bg-tertiary); stroke-width: 2; }
.hnd-avatar { fill: var(--bg-tertiary); stroke: var(--accent-ink); stroke-width: 1.5; }
.hnd-fork { fill: none; stroke: var(--accent-ink); stroke-width: 2.5; }
.hnd-ghost-path { fill: none; stroke: var(--text-secondary); stroke-opacity: 0.45; stroke-width: 1.5; stroke-dasharray: 4 6; }
.hnd-knot { fill: var(--bg-primary); stroke: color-mix(in srgb, var(--accent-ink) 62%, var(--text-primary)); stroke-width: 2; }
.hnd-hair { stroke: var(--text-primary); stroke-opacity: 0.08; }
.hnd-hair-acc { stroke: var(--accent-ink); stroke-opacity: 0.35; }
.hnd-lead { stroke: var(--accent-ink); stroke-opacity: 0.55; }
.hnd-lead-dot { fill: var(--accent-ink); }
.hnd-ghost { fill: none; stroke: var(--text-secondary); stroke-opacity: 0.3; stroke-dasharray: 5 6; }
.hnd-seat { fill: none; stroke: var(--text-muted); stroke-opacity: 0.7; stroke-dasharray: 3 3; stroke-width: 1.2; }
.hnd-check { fill: none; stroke: color-mix(in srgb, var(--accent-ink) 62%, var(--text-primary)); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

.hnd-obj text { font-family: var(--font-sans); }
.hnd-obj .hnd-m {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 400;
  letter-spacing: 0.06em;
}
.hnd-f-ink  { fill: var(--text-primary); }
.hnd-f-soft { fill: color-mix(in srgb, var(--text-primary) 72%, var(--text-secondary)); }
.hnd-f-2    { fill: var(--text-secondary); }
.hnd-f-3    { fill: var(--text-muted); }
.hnd-f-acc  { fill: var(--accent-ink); }
.hnd-f-lens { fill: color-mix(in srgb, var(--accent-ink) 62%, var(--text-primary)); }

.hnd-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 14px;
  margin: var(--space-5) 0 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-light);
}

.hnd-foot-t {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-muted);
}

@media (max-width: 1180px) {
  .hnd-title { font-size: 2.5rem; }
}

@media (max-width: 1023px) {
  .hnd-head { display: block; }

  .hnd-kicker {
    margin-bottom: var(--space-2);
    font-size: var(--mt-kicker);
    line-height: 1.5;
  }

  .hnd-lede {
    justify-self: start;
    max-width: none;
    margin-top: var(--stack-xs);
    font-size: var(--mt-body);
    line-height: var(--mt-lh-lede);
  }

  .hnd-plate {
    margin: var(--stack-sm) calc(-1 * var(--gutter)) 0;
    padding: var(--gutter);
    border-inline: 0;
  }
  .hnd-plate .hnd-obj--phone { display: block; }

  .hnd-foot {
    margin-top: var(--stack-xs);
    padding-top: 0;
    border-top: 0;
  }
}

@media (max-width: 374px) {
  .main-content.main-content .hnd-section .hnd-title { letter-spacing: -0.034em; }
}
}

@layer components {

.zro-head {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  align-items: end;
  gap: var(--space-8);
}

.zro-kicker {
  display: block;
  margin-bottom: var(--space-3);
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.zro-title {
  margin: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.04em;
  color: var(--text-primary);
}

.zro-t2 {
  display: block;
  color: var(--text-secondary);
}

.zro-t3 {
  display: block;
  color: var(--text-primary);
}

.zro-lede {
  justify-self: end;
  max-width: 24rem;
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text-secondary);
}

.zro-plate {
  margin-top: var(--space-10);
  padding: var(--space-6);
  border: 1px solid var(--border-strong);
  background: color-mix(in srgb, var(--text-primary) 4%, transparent);
}

.zro-obj {
  width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  .zro-plate .zro-obj--desk { display: block; }
}

.zro-s-zero-a  { stop-color: var(--text-primary); }
.zro-s-zero-b  { stop-color: color-mix(in srgb, var(--text-secondary) 70%, var(--bg-primary)); }
.zro-s-zero-c  { stop-color: color-mix(in srgb, var(--text-secondary) 38%, var(--bg-primary)); }
.zro-s-top-a   { stop-color: var(--accent-color); }
.zro-s-top-b   { stop-color: color-mix(in srgb, var(--accent-ink) 62%, var(--text-primary)); }
.zro-s-top-c   { stop-color: var(--accent-color); stop-opacity: 0.3; }
.zro-s-trial-a { stop-color: color-mix(in srgb, var(--accent-ink) 62%, var(--text-primary)); }
.zro-s-trial-b { stop-color: var(--accent-color); }

.zro-top { stroke-width: 2; }
.zro-hair { stroke: var(--text-primary); stroke-opacity: 0.1; }
.zro-track { stroke: var(--text-primary); stroke-opacity: 0.12; }
.zro-step { fill: var(--bg-primary); stroke: var(--text-secondary); stroke-width: 1.5; }
.zro-setup { fill: color-mix(in srgb, var(--accent-ink) 62%, var(--text-primary)); }
.zro-then { stroke: var(--accent-ink); stroke-opacity: 0.8; stroke-width: 2; stroke-dasharray: 6 6; }
.zro-live { fill: color-mix(in srgb, var(--accent-ink) 62%, var(--text-primary)); }
.zro-ready { fill: none; stroke: var(--text-secondary); stroke-opacity: 0.7; stroke-width: 1.3; }
.zro-check { fill: none; stroke: color-mix(in srgb, var(--accent-ink) 62%, var(--text-primary)); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

.zro-obj text { font-family: var(--font-sans); }
.zro-obj .zro-m {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 400;
  letter-spacing: 0.06em;
}
.zro-f-ink  { fill: var(--text-primary); }
.zro-f-soft { fill: color-mix(in srgb, var(--text-primary) 72%, var(--text-secondary)); }
.zro-f-2    { fill: var(--text-secondary); }
.zro-f-3    { fill: var(--text-muted); }
.zro-f-lens { fill: color-mix(in srgb, var(--accent-ink) 62%, var(--text-primary)); }

@media (max-width: 1180px) {
  .zro-title { font-size: 2.5rem; }
}

@media (max-width: 1023px) {
  .zro-head { display: block; }

  .zro-kicker {
    margin-bottom: var(--space-2);
    font-size: var(--mt-kicker);
    line-height: 1.5;
  }

  .zro-lede {
    justify-self: start;
    max-width: none;
    margin-top: var(--stack-xs);
    font-size: var(--mt-body);
    line-height: var(--mt-lh-lede);
  }

  .zro-plate {
    margin: var(--stack-sm) calc(-1 * var(--gutter)) 0;
    padding: var(--gutter);
    border-inline: 0;
  }
  .zro-plate .zro-obj--phone { display: block; }
}
}

@layer components {

.main-content .ch-kick {
  display: block;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.main-content .ch-kick--new { margin-bottom: var(--space-3); }

.main-content .ch-next {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 24px;
  margin: var(--space-6) 0 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--text-secondary);
}

.main-content .ch-next-names {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.6875rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-muted);
}

@media (max-width: 1023px) {
  .main-content .ch-kick { font-size: var(--mt-kicker); line-height: 1.5; }

  .main-content .ch-next {
    margin-top: var(--stack-xs);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: var(--mt-kicker);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted);
  }
  .main-content .ch-next-names { font-size: var(--mt-kicker); }
}
}