/* Problem-specific content styles; the worksheet shell lives in /site-src/worksheet.css. */
[data-problem-id="5"] .problem-setup {
  margin: 0 0 0.16in;
}

[data-problem-id="5"] .problem-question {
  margin: 0.17in 0 0.13in;
  padding: 0.13in 0.16in;
  background: #eef9fb;
  border-left: 0.055in solid var(--gold);
  border-radius: 0.08in;
  break-inside: avoid;
}

[data-problem-id="5"] .problem-content .problem-question .problem-parts {
  margin: 0.02in 0 0;
  padding-left: 0.28in;
  font-size: inherit;
  line-height: inherit;
  font-weight: 400;
}

[data-problem-id="5"] .problem-part {
  padding: 0.1in 0 0.11in 0.02in;
  break-inside: avoid;
}

[data-problem-id="5"] .problem-part + .problem-part {
  margin-top: 0.04in;
  border-top: 1px solid var(--line);
}

[data-problem-id="5"] .problem-part-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
}

[data-problem-id="5"] .farm-blueprint {
  position: relative;
  display: grid;
  width: 2.25in;
  height: 1.45in;
  margin: 0.16in auto 0;
  place-items: center;
  color: #426b35;
  background: #e5f2cf;
  border: 0.04in solid #64894d;
  font-size: 0.18in;
  font-weight: 850;
}

[data-problem-id="5"] .farm-length,
[data-problem-id="5"] .farm-width {
  position: absolute;
  color: var(--ink);
  font-size: 0.14in;
}

[data-problem-id="5"] .farm-length {
  top: -0.25in;
}

[data-problem-id="5"] .farm-width {
  left: -0.6in;
  transform: rotate(-90deg);
}

[data-problem-id="5"] .problem-figure {
  margin: 0.1in auto;
}

[data-problem-id="5"] .farm-gate {
  position: absolute;
  right: 0.08in;
  bottom: -0.06in;
  padding: 0 0.05in;
  color: #7b3f1e;
  background: #fff;
  border-bottom: 0.04in dashed #7b3f1e;
  font-size: 0.125in;
}

[data-problem-id="5"] .farm-answer {
  position: absolute;
  left: 0.08in;
  color: var(--ink);
  font-size: 0.125in;
  font-weight: 800;
}

[data-problem-id="5"] .farm-answer--area { bottom: 0.23in; }
[data-problem-id="5"] .farm-answer--fence { bottom: 0.07in; }

[data-problem-id="5"] .farm-visuals {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  align-items: center;
  gap: 0.2in;
}

[data-problem-id="5"] .minecraft-farm-illustration {
  width: 100%;
  height: 1.48in;
  object-fit: cover;
  border: 2px solid #64894d;
  border-radius: 0.09in;
  box-shadow: 0 0.035in 0.1in rgb(24 49 79 / 15%);
}