/* Problem-specific content styles; the worksheet shell lives in /site-src/worksheet.css. */
[data-problem-id="13"] .problem-content {
  --ink: #17213b;
  --muted: #506078;
  --paper: #f8fcff;
  --parchment: #eaf6ff;
  --parchment-light: #f5fbff;
  --screen: #0c2945;
  --charcoal: #102c55;
  --charcoal-soft: #174e78;
  --fire: #d51f2b;
  --fire-dark: #941522;
  --ember: #ef4a3c;
  --gold: #f3b51b;
  --gold-light: #ffe28a;
  --line: #9bc8dd;
}

[data-problem-id="13"] .problem-content {
  font-size: 0.18in;
  line-height: 1.4;
}

[data-problem-id="13"] .problem-setup {
  padding: 0.135in 0.16in;
  background: var(--parchment-light);
  border: 1.5px solid var(--line);
  border-left: 0.065in solid var(--fire);
  border-radius: 0.075in;
}

[data-problem-id="13"] .problem-setup p {
  margin: 0;
}

[data-problem-id="13"] .kart-illustration {
  margin: 0.07in 0 0.08in;
}

[data-problem-id="13"] .kart-illustration img {
  width: 100%;
  height: 0.78in;
  object-fit: cover;
  object-position: center 53%;
  border: 2px solid var(--gold);
  border-radius: 0.085in;
}

[data-problem-id="13"] .number-line-panel {
  margin: 0.14in 0;
  padding: 0.12in 0.14in 0.1in;
  color: #fff8e8;
  background: linear-gradient(145deg, var(--charcoal), var(--charcoal-soft));
  border: 2px solid var(--gold);
  border-radius: 0.095in;
}

[data-problem-id="13"] .number-line-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.18in;
  margin-bottom: 0.045in;
}

[data-problem-id="13"] .section-label {
  margin: 0;
  color: var(--gold-light);
  font-size: 0.125in;
  font-weight: 950;
  letter-spacing: 0.105em;
  text-transform: uppercase;
}

[data-problem-id="13"] .hidden-key {
  margin: 0;
  color: #ebdbc1;
  font-size: 0.125in;
  font-weight: 750;
}

[data-problem-id="13"] .number-line-panel svg {
  display: block;
  width: 100%;
  height: 1.62in;
}

[data-problem-id="13"] .track-base,
[data-problem-id="13"] .tick {
  fill: none;
  stroke: #ffffff;
  stroke-linecap: round;
}

[data-problem-id="13"] .track-base {
  stroke-width: 7;
}

[data-problem-id="13"] .tick {
  stroke-width: 3;
}

[data-problem-id="13"] .boost-arc {
  fill: none;
  stroke-linecap: round;
  stroke-width: 5;
}

[data-problem-id="13"] .boost-arc--turbo {
  stroke: #40d8ff;
}

[data-problem-id="13"] .boost-label,
[data-problem-id="13"] .tick-label,
[data-problem-id="13"] .track-note {
  font-family: "Aptos", "Segoe UI", Arial, sans-serif;
  font-weight: 900;
}

[data-problem-id="13"] .boost-label {
  font-size: 14px;
  letter-spacing: 1.25px;
}

[data-problem-id="13"] .boost-label--turbo {
  fill: #8beaff;
}

[data-problem-id="13"] .boost-label--mushroom {
  fill: #ffaaaa;
}

[data-problem-id="13"] .tick-label {
  fill: #ffffff;
  font-size: 15px;
}

[data-problem-id="13"] .track-note {
  fill: #ffe28a;
  font-size: 12px;
  letter-spacing: 1.5px;
}

[data-problem-id="13"] .start-halo {
  fill: var(--charcoal);
  stroke: #ffe28a;
  stroke-width: 5;
}

[data-problem-id="13"] .start-core {
  fill: #f3b51b;
}

[data-problem-id="13"] .challenge-panel {
  padding: 0.14in 0.16in 0.15in;
  background: var(--parchment);
  border: 2px solid var(--fire-dark);
  border-radius: 0.085in;
}

[data-problem-id="13"] .candidate-record {
  margin: 0.08in 0;
  padding: 0.07in 0.1in;
  background: #fff;
  border: 1.5px solid var(--line);
  border-radius: 0.075in;
}

[data-problem-id="13"] .candidate-record table { margin-top: 0.04in; font-size: 0.125in; }
[data-problem-id="13"] .candidate-record :is(th, td) { height: 0.21in; padding: 0.015in 0.04in; }
[data-problem-id="13"] .candidate-record p { margin: 0.045in 0 0; font-size: 0.125in; text-align: right; }

[data-problem-id="13"] .challenge-panel h2 {
  margin: 0 0 0.055in;
  color: var(--fire-dark);
  font-size: 0.125in;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

[data-problem-id="13"] .question {
  margin: 0;
  font-size: 0.185in;
  line-height: 1.38;
  font-weight: 820;
}

[data-problem-id="13"] .challenge-panel ol {
  margin: 0;
  padding-left: 0.25in;
}

[data-problem-id="13"] .challenge-panel li {
  padding-left: 0.035in;
}

[data-problem-id="13"] .challenge-panel li + li {
  margin-top: 0.075in;
}

[data-problem-id="13"] .challenge-panel li::marker {
  color: var(--fire-dark);
  font-weight: 950;
}

[data-problem-id="13"] .response-directions {
  display: flex;
  align-items: center;
  gap: 0.08in;
  margin: 0.09in 0 0;
  padding-top: 0.075in;
  color: var(--muted);
  border-top: 1px solid #b99a69;
  font-size: 0.125in;
  line-height: 1.25;
  font-weight: 800;
}

[data-problem-id="13"] .response-directions::before {
  display: grid;
  flex: 0 0 auto;
  width: 0.24in;
  height: 0.24in;
  place-items: center;
  color: #ffffff;
  background: var(--fire);
  border-radius: 50%;
  content: "✦";
  font-size: 0.125in;
}

@media print {
  [data-problem-id="13"] .candidate-record { break-before: page; }
}