.darts-intro-rule,
.darts-rule-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(14px, 4vw, 32px);
}

.darts-intro-rule { margin-top: 14px; }
.darts-301 .darts-editorial .darts-intro-rule p { margin: 0; }

.darts-countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 3vw, 26px);
  padding: 18px 12px;
  border: 1px solid #436656;
  border-radius: 12px;
  background:
    repeating-radial-gradient(circle at 94% 42%, transparent 0 31px, #f4dcab20 32px 33px, transparent 34px 52px),
    linear-gradient(115deg, #173b31, #284b3e);
  color: var(--sport-ink);
  text-align: center;
}

.darts-countdown > span:not(.darts-countdown-arrow) {
  display: grid;
  gap: 5px;
  font-size: 14px;
  line-height: 1.3;
}

.darts-countdown strong {
  font: 600 clamp(53px, 8vw, 76px)/.9 var(--sport-font);
  font-variant-numeric: tabular-nums;
}

.darts-countdown > span:first-child strong,
.darts-countdown-arrow { color: #f4d798; }
.darts-countdown-arrow { font-size: 31px; }

.darts-rule-sheet {
  margin-top: 20px;
  border-bottom: 1px solid var(--sport-rule);
}

.darts-rule-row {
  padding-block: clamp(18px, 4vw, 30px);
  border-top: 1px solid var(--sport-rule);
}

.darts-editorial .darts-rule-copy h3 {
  margin: 0;
  font-size: clamp(21px, 3.4vw, 27px);
  line-height: 1.2;
}

.darts-equation {
  display: grid;
  gap: 3px;
}

.darts-equation strong,
.darts-bust-example strong {
  font: 600 clamp(30px, 6vw, 48px)/1 var(--sport-font);
  font-variant-numeric: tabular-nums;
}

.darts-equation strong { color: var(--sport-gold); }

.darts-301 .darts-editorial .darts-rule-art {
  min-width: 0;
  max-width: none;
  margin: 0;
}

.darts-301 .darts-editorial .darts-rule-art img {
  width: 100%;
  height: auto;
  border: 0;
  box-shadow: none;
}

.darts-paper-diagram {
  padding: clamp(8px, 2vw, 16px);
  border-radius: 12px;
  background: #f2eee3;
}

.darts-bust-example {
  display: grid;
  gap: 6px;
  padding: 16px;
  border: 1px solid #63413c;
  border-radius: 12px;
  background: #2c201f;
  color: #f2ded7;
  font-size: 14px;
  line-height: 1.45;
}

.darts-bust-example strong,
.darts-bust-example span:last-child { color: #ffafa5; }

.darts-checkout-example {
  display: grid;
  grid-template-columns: minmax(72px, .7fr) minmax(0, 1.3fr);
  align-items: center;
  gap: 10px 12px;
  padding: 12px;
  border: 1px solid var(--sport-rule);
  border-radius: 12px;
  background: var(--sport-panel);
}

.darts-checkout-example figcaption {
  grid-column: 1 / -1;
  color: var(--sport-ink);
  font-weight: 700;
}

.darts-checkout-choices {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.darts-checkout-choices li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  padding: 5px 7px;
  border-radius: 5px;
  color: #ffafa5;
  font-size: 14px;
  line-height: 1.25;
}

.darts-checkout-choices b {
  color: var(--sport-ink);
  font: 600 19px/1.25 var(--sport-font);
  white-space: nowrap;
}

.darts-checkout-choices .darts-checkout-valid {
  background: #27493c;
  color: #cef3db;
}

@media (max-width: 600px) {
  .darts-301 .darts-editorial { padding-inline: 0; }
  .darts-intro-rule,
  .darts-rule-row { grid-template-columns: minmax(0, 1fr); }
}