/* Problem-specific content styles; the worksheet shell lives in /site-src/worksheet.css. */
[data-problem-id="37"] .problem-content {
  --forest: #174d48;
  --teal: #1e8a80;
  --amber: #cb7b24;
  --mint: #e6f5ef;
  --line: #99bdb4;
}

[data-problem-id="37"] .problem-paper-note {
  margin: 0;
  color: #4f6874;
  font-size: 0.155in;
  line-height: 1.28;
  font-weight: 700;
  text-align: right;
}

[data-problem-id="37"] .safe-setup {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 0.16in;
  align-items: center;
  padding: 0.13in 0.15in;
  background: linear-gradient(135deg, #f7fcf9, #eef8f6);
  border: 1.5px solid var(--line);
  border-left: 0.07in solid var(--teal);
  border-radius: 0.085in;
}

[data-problem-id="37"] .safe-copy p {
  margin: 0;
  font-size: 0.157in;
  line-height: 1.37;
}

[data-problem-id="37"] .safe-rule {
  margin: 0.055in 0;
  padding: 0.04in 0.08in;
  color: var(--forest);
  background: #fff;
  border: 1px solid #b9d5cc;
  border-radius: 0.055in;
  text-align: center;
  font-size: 0.21in;
}

[data-problem-id="37"] .safe-figure { margin: 0; }
[data-problem-id="37"] .safe-figure img { width: 100%; max-height: 2.3in; }
[data-problem-id="37"] .safe-figure figcaption { margin-top: 0.02in; color: #516c65; font-size: 0.125in; text-align: center; }

[data-problem-id="37"] .safe-task { margin-top: 0.09in; }
[data-problem-id="37"] .problem-parts { gap: 0.065in; }
[data-problem-id="37"] .problem-part { padding: 0.075in 0.11in; }
[data-problem-id="37"] .problem-part p { margin: 0 0 0.045in; font-size: 0.142in; line-height: 1.3; }

[data-problem-id="37"] .safe-lines {
  display: grid;
  gap: 0.1in;
  padding: 0.015in 0.03in 0;
}

[data-problem-id="37"] .safe-lines span {
  height: 0.16in;
  border-bottom: 1px solid #7e9d95;
}

[data-problem-id="37"] .proof-part {
  background: var(--mint);
  border-color: #75aea0;
}

[data-problem-id="37"] .proof-chain {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.055in;
  margin: 0.045in 0;
}

[data-problem-id="37"] .proof-chain > mj-math {
  padding: 0.07in 0.04in;
  background: #fff;
  border: 1px solid #b6d5cd;
  border-radius: 0.05in;
  font-size: 0.135in;
  text-align: center;
}

[data-problem-id="37"] .explain-prompt {
  padding-top: 0.035in;
  border-top: 1px dashed #8bb9ae;
}

[data-problem-id="37"] .compact-part { break-inside: avoid; }

[data-problem-id="37"] .invariance-lesson { margin-top: 0.12in; padding: 0.12in 0.14in; color: var(--forest); background: #fff9ef; border: 1px solid #dec18d; border-radius: 0.075in; }
[data-problem-id="37"] .invariance-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 0.065in; align-items: center; margin-top: 0.08in; }
[data-problem-id="37"] .invariance-flow span { padding: 0.08in; background: #fff; border: 1px solid #d8c9aa; border-radius: 0.05in; font-size: 0.137in; line-height: 1.3; text-align: center; }
[data-problem-id="37"] .invariance-flow b { color: var(--amber); font-size: 0.22in; }
[data-problem-id="37"] .samples-proof { display: grid; grid-template-columns: 1fr 1fr; gap: 0.08in; margin-top: 0.1in; }
[data-problem-id="37"] .samples-proof > div { padding: 0.09in; background: #fff; border: 1px solid #d8c9aa; border-radius: 0.05in; }
[data-problem-id="37"] .samples-proof strong { color: var(--teal); font-size: 0.14in; }
[data-problem-id="37"] .samples-proof p,
[data-problem-id="37"] .repeat-engine { margin: 0.035in 0 0; font-size: 0.14in; line-height: 1.34; }
[data-problem-id="37"] .repeat-engine { margin-top: 0.08in; padding-top: 0.07in; border-top: 1px dashed #c7ad79; }

@media (max-width: 640px) {
  [data-problem-id="37"] .safe-setup { grid-template-columns: 1fr; }
  [data-problem-id="37"] .invariance-flow,
  [data-problem-id="37"] .samples-proof { grid-template-columns: 1fr; }
  [data-problem-id="37"] .invariance-flow b { transform: rotate(90deg); text-align: center; }
  [data-problem-id="37"] .proof-chain { grid-template-columns: 1fr; }
}

@media print {
  [data-problem-id="37"] .safe-setup { gap: 0.1in; }
  [data-problem-id="37"] .safe-figure img { max-height: 2.25in; }
  [data-problem-id="37"] .safe-task { margin-top: 0; break-before: page; }
  [data-problem-id="37"] .problem-part { padding-top: 0.06in; padding-bottom: 0.06in; }
}