/* Problem-specific content styles; the worksheet shell lives in /site-src/worksheet.css. */
[data-problem-id="34"] .problem-content {
  --action-navy: #17344e;
  --action-teal: #177e82;
  --action-coral: #d76555;
  --action-gold: #d79a2b;
  --action-mist: #eef7f6;
  --action-line: #9dbec0;
}

[data-problem-id="34"] .action-setup {
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 0.15in;
  align-items: stretch;
  padding: 0.12in 0.14in;
  background: linear-gradient(135deg, #f8fcfc, #edf7f6);
  border: 1.5px solid var(--action-line);
  border-left: 0.07in solid var(--action-teal);
  border-radius: 0.085in;
}

[data-problem-id="34"] .action-copy p {
  margin: 0 0 0.055in;
  color: var(--action-navy);
  font-size: 0.151in;
  line-height: 1.36;
}

[data-problem-id="34"] .action-copy p:last-child { margin-bottom: 0; }

[data-problem-id="34"] .action-rule {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.075in 0.09in;
  color: var(--action-navy);
  background: #fff;
  border: 1px solid #b9d0d1;
  border-radius: 0.065in;
  text-align: center;
}

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

[data-problem-id="34"] .action-rule > mj-math {
  margin: 0.025in 0;
  font-size: 0.19in;
}

[data-problem-id="34"] .action-rule p {
  margin: 0;
  font-size: 0.125in;
  line-height: 1.28;
}

[data-problem-id="34"] .action-rule .action-example {
  margin-top: 0.04in;
  padding-top: 0.04in;
  border-top: 1px dashed #bdd0d0;
}

[data-problem-id="34"] .action-figure {
  margin: 0.085in 0 0;
}

[data-problem-id="34"] .action-anatomy {
  margin-top: 0.1in;
  padding: 0.11in 0.13in;
  color: var(--action-navy);
  background: #fffaf1;
  border: 1px solid #dfc38b;
  border-radius: 0.075in;
}

[data-problem-id="34"] .action-anatomy-flow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.08in;
  margin-top: 0.07in;
}

[data-problem-id="34"] .action-anatomy-flow > div {
  padding: 0.08in;
  background: #fff;
  border: 1px solid #e2d4b5;
  border-radius: 0.05in;
}

[data-problem-id="34"] .action-anatomy-flow strong { color: var(--action-teal); font-size: 0.137in; }
[data-problem-id="34"] .action-anatomy-flow p,
[data-problem-id="34"] .action-reading-example { margin: 0.035in 0 0; font-size: 0.14in; line-height: 1.34; }
[data-problem-id="34"] .action-reading-example { padding-top: 0.07in; border-top: 1px dashed #dac89f; }

[data-problem-id="34"] .action-figure img {
  display: block;
  width: 100%;
  max-height: 2.42in;
}

[data-problem-id="34"] .action-figure figcaption {
  margin-top: 0.018in;
  color: #4d6870;
  font-size: 0.125in;
  text-align: center;
}

[data-problem-id="34"] .action-task { margin-top: 0.065in; }
[data-problem-id="34"] .problem-parts { gap: 0.055in; }

[data-problem-id="34"] .problem-part {
  padding: 0.065in 0.1in;
}

[data-problem-id="34"] .problem-part > p {
  margin: 0;
  font-size: 0.137in;
  line-height: 1.29;
}

[data-problem-id="34"] .action-table-part {
  background: #f8fbfb;
  border-color: #8fb8b9;
}

[data-problem-id="34"] .action-table {
  width: 100%;
  margin-top: 0.05in;
  color: var(--action-navy);
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #87aeb0;
  border-radius: 0.055in;
  overflow: hidden;
  font-size: 0.125in;
  text-align: center;
}

[data-problem-id="34"] .action-table th,
[data-problem-id="34"] .action-table td {
  padding: 0.025in 0.04in;
  border-right: 1px solid #bfd0d1;
  border-bottom: 1px solid #bfd0d1;
}

[data-problem-id="34"] .action-table tr:last-child > * { border-bottom: 0; }
[data-problem-id="34"] .action-table tr > *:last-child { border-right: 0; }

[data-problem-id="34"] .action-table thead th {
  color: #fff;
  background: var(--action-navy);
  font-weight: 750;
}

[data-problem-id="34"] .action-table tbody th {
  width: 0.52in;
  color: var(--action-navy);
  background: #dff0ef;
  font-size: 0.145in;
}

[data-problem-id="34"] .action-table td {
  min-width: 0.88in;
  background: #fff;
}

[data-problem-id="34"] .score-blank,
[data-problem-id="34"] .total-blank {
  display: inline-block;
  width: 0.3in;
  height: 0.14in;
  margin-left: 0.055in;
  vertical-align: bottom;
  border-bottom: 1.5px solid #4f7076;
}

[data-problem-id="34"] .total-blank {
  width: 0.42in;
  margin-left: 0;
}

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

[data-problem-id="34"] .action-conclusion {
  background: var(--action-mist);
  border-color: #83b4b2;
}

[data-problem-id="34"] .action-task .accuracy-note {
  margin: 0.05in 0 0;
  padding: 0.045in 0.075in;
  color: #465d65;
  background: #f6f7f7;
  border-left: 0.035in solid var(--action-gold);
  font-size: 0.125in;
  line-height: 1.3;
}

@media (max-width: 640px) {
  [data-problem-id="34"] .action-setup { grid-template-columns: 1fr; }
  [data-problem-id="34"] .action-anatomy-flow { grid-template-columns: 1fr; }
  [data-problem-id="34"] .action-table {
    table-layout: fixed;
    font-size: 0.125in;
  }
  [data-problem-id="34"] .action-table th,
  [data-problem-id="34"] .action-table td {
    min-width: 0;
    padding: 0.02in 0.008in;
  }
  [data-problem-id="34"] .action-table tbody th {
    width: 0.36in;
    font-size: 0.125in;
  }
  [data-problem-id="34"] .score-blank {
    width: 0.18in;
    margin-left: 0.02in;
  }
  [data-problem-id="34"] .total-blank { width: 0.26in; }
}

@media print {
  [data-problem-id="34"] .action-setup {
    gap: 0.08in;
    padding: 0.07in 0.09in;
  }
  [data-problem-id="34"] .action-copy p {
    margin-bottom: 0.025in;
    font-size: 0.125in;
    line-height: 1.2;
  }
  [data-problem-id="34"] .action-rule { padding: 0.04in 0.06in; }
  [data-problem-id="34"] .action-rule > mj-math {
    margin: 0.015in 0;
    font-size: 0.165in;
  }
  [data-problem-id="34"] .action-rule p { line-height: 1.15; }
  [data-problem-id="34"] .action-rule .action-example {
    margin-top: 0.02in;
    padding-top: 0.02in;
  }
  [data-problem-id="34"] .action-figure { margin-top: 0.045in; }
  [data-problem-id="34"] .action-figure img { max-height: 2.55in; }
  [data-problem-id="34"] .action-figure figcaption { margin-top: 0.01in; }
  [data-problem-id="34"] .action-task { margin-top: 0; break-before: page; }
  [data-problem-id="34"] .problem-parts { gap: 0.025in; }
  [data-problem-id="34"] .problem-part {
    padding-top: 0.03in;
    padding-bottom: 0.03in;
  }
  [data-problem-id="34"] .problem-part > p { font-size: 0.14in; line-height: 1.28; }
  [data-problem-id="34"] .action-table {
    margin-top: 0.025in;
    font-size: 0.132in;
  }
  [data-problem-id="34"] .action-table th,
  [data-problem-id="34"] .action-table td { padding: 0.015in 0.03in; }
  [data-problem-id="34"] .action-task .accuracy-note {
    margin-top: 0.025in;
    padding: 0.025in 0.06in;
    font-size: 0.125in;
    line-height: 1.18;
  }
}