/* Problem-specific content styles; the worksheet shell lives in /site-src/worksheet.css. */
[data-problem-id="39"] .problem-content {
  --night: #102940;
  --ocean: #1b7881;
  --violet: #66559b;
  --gold: #c98226;
  --ice: #edf6f7;
  --lavender: #f1eff9;
  --sand: #fff5e4;
  --line: #9bb9c2;
}

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

[data-problem-id="39"] .east-setup {
  display: grid;
  grid-template-columns: 1.14fr 0.86fr;
  gap: 0.16in;
  align-items: center;
  padding: 0.12in 0.14in;
  background: linear-gradient(135deg, #f8fbfc, #edf5f7);
  border: 1.5px solid var(--line);
  border-left: 0.07in solid var(--ocean);
  border-radius: 0.085in;
}

[data-problem-id="39"] .east-copy p {
  margin: 0 0 0.055in;
  font-size: 0.146in;
  line-height: 1.33;
}

[data-problem-id="39"] .east-copy p:last-child { margin-bottom: 0; }
[data-problem-id="39"] .east-figure { margin: 0; }
[data-problem-id="39"] .east-figure img { display: block; width: min(100%, 2.3in); height: auto; aspect-ratio: 1; margin-inline: auto; object-fit: contain; background: var(--night); border: 1px solid #688b98; border-radius: 0.065in; }
[data-problem-id="39"] .east-figure figcaption { margin-top: 0.025in; color: #4e6973; font-size: 0.125in; line-height: 1.25; text-align: center; }

[data-problem-id="39"] .distance-toolkit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.07in;
  margin: 0.075in 0;
}

[data-problem-id="39"] .distance-toolkit > div {
  padding: 0.055in 0.08in;
  color: var(--night);
  background: #fff;
  border: 1px solid #a8c3ca;
  border-radius: 0.055in;
  text-align: center;
  font-size: 0.13in;
}

[data-problem-id="39"] .distance-toolkit strong {
  display: block;
  margin-bottom: 0.02in;
  color: var(--ocean);
  font-size: 0.125in;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

[data-problem-id="39"] .problem-parts { gap: 0.065in; }
[data-problem-id="39"] .problem-part { padding: 0.075in 0.105in; break-inside: avoid; }
[data-problem-id="39"] .problem-part > p { margin: 0 0 0.045in; font-size: 0.14in; line-height: 1.3; }

[data-problem-id="39"] .candidate-card,
[data-problem-id="39"] .wall-identity {
  margin: 0.045in 0;
  padding: 0.06in 0.08in;
  color: var(--night);
  background: #fff;
  border: 1px solid #bdced5;
  border-radius: 0.05in;
  text-align: center;
  font-size: 0.155in;
}

[data-problem-id="39"] .disk-part { background: var(--lavender); border-color: #aaa0cd; }
[data-problem-id="39"] .letter-parts { margin: 0.035in 0 0.045in 0.2in; padding: 0; }
[data-problem-id="39"] .letter-parts li { margin-bottom: 0.035in; font-size: 0.132in; line-height: 1.27; }

[data-problem-id="39"] .factor-line {
  display: flex;
  gap: 0.06in;
  align-items: flex-end;
  margin-top: 0.035in;
  padding: 0.05in 0.07in;
  background: #fff;
  border: 1px solid #c5bfdd;
  border-radius: 0.045in;
}

[data-problem-id="39"] .factor-line span { flex: 1; min-width: 1.25in; height: 0.17in; border-bottom: 1.5px solid #77708f; }
[data-problem-id="39"] .conclusion-prompt { margin-top: 0.055in !important; padding-top: 0.045in; border-top: 1px dashed #a9a2c2; }

[data-problem-id="39"] .east-lines { display: grid; gap: 0.09in; padding: 0.01in 0.025in 0; }
[data-problem-id="39"] .east-lines span { display: block; height: 0.155in; border-bottom: 1px solid #839ca6; }
[data-problem-id="39"] .two-lines { gap: 0.08in; }
[data-problem-id="39"] .three-lines { gap: 0.075in; }
[data-problem-id="39"] .five-lines { gap: 0.105in; margin-top: 0.04in; }
[data-problem-id="39"] .four-lines { gap: 0.105in; }

[data-problem-id="39"] .east-task--upper { margin-top: 0.1in; }
[data-problem-id="39"] .wall-part { background: var(--ice); border-color: #82b2b7; }
[data-problem-id="39"] .wall-identity { border-color: #8eb8bd; font-size: 0.145in; }
[data-problem-id="39"] .cage-part { background: var(--sand); border-color: #d4a55c; }
[data-problem-id="39"] .logic-jobs { margin: 0.035in 0 0.04in 0.22in; padding: 0; }
[data-problem-id="39"] .logic-jobs li { margin-bottom: 0.025in; font-size: 0.133in; line-height: 1.25; }

[data-problem-id="39"] .final-cage {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.07in;
  align-items: end;
  margin: 0.06in auto 0.05in;
  width: min(100%, 4.2in);
  color: var(--night);
  font-size: 0.19in;
  text-align: center;
}

[data-problem-id="39"] .final-cage span { height: 0.25in; border-bottom: 1.5px solid #826b40; }

[data-problem-id="39"] .certificate-map {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.08in;
  margin-top: 0.075in;
  padding: 0.075in;
  color: #fff;
  background: var(--night);
  border-radius: 0.06in;
}

[data-problem-id="39"] .certificate-map span {
  padding: 0.06in 0.08in;
  background: rgb(255 255 255 / 9%);
  border: 1px solid rgb(255 255 255 / 22%);
  border-radius: 0.045in;
  font-size: 0.125in;
  line-height: 1.25;
  text-align: center;
}

@media (max-width: 640px) {
  [data-problem-id="39"] .east-setup,
  [data-problem-id="39"] .distance-toolkit,
  [data-problem-id="39"] .certificate-map { grid-template-columns: 1fr; }
  [data-problem-id="39"] .factor-line { flex-direction: column; align-items: stretch; }
  [data-problem-id="39"] .factor-line span { flex: none; width: 100%; min-width: 0; }
}

@media print {
  [data-problem-id="39"] .east-setup { gap: 0.1in; padding: 0.09in 0.12in; }
  [data-problem-id="39"] .east-figure img { width: min(100%, 1.75in); }
  [data-problem-id="39"] .distance-toolkit { margin: 0.055in 0; }
  [data-problem-id="39"] .problem-part { padding-top: 0.055in; padding-bottom: 0.055in; }
  [data-problem-id="39"] .disk-part { break-inside: auto; }
  [data-problem-id="39"] .letter-parts li { break-inside: avoid; }
  [data-problem-id="39"] .east-task--upper { break-before: auto; margin-top: 0; }
  [data-problem-id="39"] .wall-part,
  [data-problem-id="39"] .cage-part { padding: 0.12in 0.15in; }
  [data-problem-id="39"] .five-lines,
  [data-problem-id="39"] .four-lines { gap: 0.18in; }
  [data-problem-id="39"] .certificate-map { margin-top: 0.11in; }
}