/* Problem-specific content styles; the worksheet shell lives in /site-src/worksheet.css. */
[data-problem-id="50"] .problem-content {
  --knob-ink: #26324a;
  --knob-indigo: #5255a5;
  --knob-violet: #7a55aa;
  --knob-coral: #d96d61;
  --knob-gold: #d5a23c;
  --knob-mist: #f2f1fa;
  --knob-line: #b8b5d6;
}

[data-problem-id="50"] .knob-setup {
  display: block;
  gap: 0.14in;
  padding: 0.11in 0.14in;
  color: var(--knob-ink);
  background: linear-gradient(135deg, #fbfaff, #efeff9);
  border: 1.5px solid var(--knob-line);
  border-left: 0.07in solid var(--knob-indigo);
  border-radius: 0.085in;
}

[data-problem-id="50"] .knob-copy p {
  margin: 0 0 0.045in;
  font-size: 0.142in;
  line-height: 1.3;
}

[data-problem-id="50"] .knob-copy p:last-child { margin-bottom: 0; }
[data-problem-id="50"] .knob-copy > mj-math { margin: 0.025in 0 0.045in; font-size: 0.18in; }

[data-problem-id="50"] .knob-rule {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.07in 0.085in;
  background: #fff;
  border: 1px solid #cbc8df;
  border-radius: 0.065in;
  text-align: center;
}

[data-problem-id="50"] .knob-rule__label {
  color: var(--knob-indigo);
  font-size: 0.125in;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

[data-problem-id="50"] .knob-rule > mj-math { margin: 0.03in 0; font-size: 0.18in; }
[data-problem-id="50"] .knob-rule p { margin: 0; font-size: 0.125in; line-height: 1.24; }

[data-problem-id="50"] .knob-figure { margin: 0.065in 0 0; }
[data-problem-id="50"] .knob-figure img { display: block; width: 100%; max-height: 2.12in; }
[data-problem-id="50"] .knob-figure figcaption { margin-top: 0.012in; color: #5d6078; font-size: 0.125in; text-align: center; }

[data-problem-id="50"] .knob-task { margin-top: 0.05in; }
[data-problem-id="50"] .problem-parts { gap: 0.04in; }
[data-problem-id="50"] .problem-part { padding: 0.06in 0.09in; break-inside: avoid; }
[data-problem-id="50"] .problem-part > p { margin: 0; font-size: 0.128in; line-height: 1.25; }
[data-problem-id="50"] .knob-endpoints { background: #fcfaf8; border-color: #d9b8a0; }
[data-problem-id="50"] .knob-integral { background: #faf9fe; border-color: #b8b5d6; }
[data-problem-id="50"] .knob-stationary { background: var(--knob-mist); border-color: #a9a6cf; }
[data-problem-id="50"] .knob-symmetry { background: #faf8fc; border-color: #c7b6d2; }

[data-problem-id="50"] .integral-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.04in;
  margin-top: 0.045in;
}

[data-problem-id="50"] .integral-strip mj-math {
  padding: 0.035in 0.025in;
  background: #fff;
  border: 1px solid #d4d1e5;
  border-radius: 0.04in;
  font-size: 0.125in;
  text-align: center;
}

[data-problem-id="50"] .action-result {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.07in;
  margin-top: 0.045in;
  color: var(--knob-ink);
  font-size: 0.125in;
  font-weight: 700;
}

[data-problem-id="50"] .formula-blank {
  width: 1.45in;
  height: 0.15in;
  border-bottom: 1.6px solid #565b76;
}

[data-problem-id="50"] .stationary-fields {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.05in;
  margin-top: 0.05in;
}

[data-problem-id="50"] .stationary-fields > span {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.035in;
  padding: 0.035in;
  background: #fff;
  border: 1px solid #cbc8df;
  border-radius: 0.04in;
  font-size: 0.125in;
}

[data-problem-id="50"] .stationary-fields i {
  display: inline-block;
  width: 0.48in;
  height: 0.13in;
  border-bottom: 1.4px solid #565b76;
}

[data-problem-id="50"] .problem-content .problem-question .physics-note {
  margin: 0.04in 0 0;
  padding: 0.04in 0.07in;
  color: #515a70;
  background: #f7f7f9;
  border-left: 0.035in solid var(--knob-gold);
  font-size: 0.125in;
  line-height: 1.24;
}

[data-problem-id="50"] .two-derivatives { margin-top: 0.1in; padding: 0.11in 0.13in; color: var(--knob-ink); background: #fff9ef; border: 1px solid #ddbd84; border-radius: 0.075in; }
[data-problem-id="50"] .two-derivatives > div { display: grid; grid-template-columns: 1fr 1fr; gap: 0.08in; margin-top: 0.07in; }
[data-problem-id="50"] .two-derivatives article { padding: 0.09in; background: #fff; border: 1px solid #ddcfb3; border-radius: 0.05in; }
[data-problem-id="50"] .two-derivatives strong { color: var(--knob-indigo); font-size: 0.142in; }
[data-problem-id="50"] .two-derivatives p { margin: 0.035in 0 0; font-size: 0.14in; line-height: 1.34; }
[data-problem-id="50"] .two-derivatives > p { margin-top: 0.075in; padding-top: 0.065in; border-top: 1px dashed #d2b57f; }
[data-problem-id="50"] .knob-page-two { margin-top: 0.08in; }
[data-problem-id="50"] .knob-page-two .knob-rule { margin: 0.07in 0; }

@media (max-width: 640px) {
  [data-problem-id="50"] .knob-setup { grid-template-columns: 1fr; }
  [data-problem-id="50"] .two-derivatives > div { grid-template-columns: 1fr; }
  [data-problem-id="50"] .integral-strip { grid-template-columns: 1fr; }
  [data-problem-id="50"] .stationary-fields { grid-template-columns: 1fr; }
}

@media print {
  [data-problem-id="50"] .knob-setup { gap: 0.08in; padding: 0.065in 0.09in; }
  [data-problem-id="50"] .knob-copy p { margin-bottom: 0.02in; font-size: 0.125in; line-height: 1.16; }
  [data-problem-id="50"] .knob-copy > mj-math { margin: 0.012in 0 0.02in; font-size: 0.15in; }
  [data-problem-id="50"] .knob-rule { padding: 0.035in 0.055in; }
  [data-problem-id="50"] .knob-rule > mj-math { margin: 0.015in 0; font-size: 0.15in; }
  [data-problem-id="50"] .knob-rule p { font-size: 0.125in; line-height: 1.14; }
  [data-problem-id="50"] .knob-figure { margin-top: 0.035in; }
  [data-problem-id="50"] .knob-figure img { max-height: 2.3in; }
  [data-problem-id="50"] .knob-task { margin-top: 0.025in; }
  [data-problem-id="50"] .knob-page-two { margin-top: 0; break-before: page; }
  [data-problem-id="50"] .problem-parts { gap: 0.015in; }
  [data-problem-id="50"] .problem-part { padding: 0.025in 0.07in; }
  [data-problem-id="50"] .problem-part > p { font-size: 0.14in; line-height: 1.26; }
  [data-problem-id="50"] .integral-strip { margin-top: 0.025in; gap: 0.025in; }
  [data-problem-id="50"] .integral-strip mj-math { padding: 0.018in 0.02in; font-size: 0.125in; }
  [data-problem-id="50"] .action-result,
  [data-problem-id="50"] .stationary-fields { margin-top: 0.025in; }
  [data-problem-id="50"] .stationary-fields > span { padding: 0.02in; font-size: 0.125in; }
  [data-problem-id="50"] .problem-content .problem-question .physics-note { margin-top: 0.012in; padding: 0.018in 0.05in; font-size: 0.125in; line-height: 1.08; }
}