/* Problem-specific content styles; the worksheet shell lives in /site-src/worksheet.css. */
[data-problem-id="38"] .problem-content {
  --space: #11283f;
  --ocean: #1d7780;
  --gold: #c98226;
  --pale-blue: #edf6f7;
  --pale-gold: #fff5e3;
  --line: #9bb9c2;
}

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

[data-problem-id="38"] .edge-setup {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 0.15in;
  align-items: center;
  padding: 0.12in 0.14in;
  background: linear-gradient(135deg, #f7fbfc, #eef5f7);
  border: 1.5px solid var(--line);
  border-left: 0.07in solid var(--ocean);
  border-radius: 0.085in;
}

[data-problem-id="38"] .edge-copy p {
  margin: 0;
  font-size: 0.147in;
  line-height: 1.34;
}

[data-problem-id="38"] .edge-rule {
  margin: 0.05in 0;
  padding: 0.035in 0.07in;
  color: var(--space);
  background: #fff;
  border: 1px solid #bed0d6;
  border-radius: 0.05in;
  text-align: center;
  font-size: 0.2in;
}

[data-problem-id="38"] .edge-figure { margin: 0; }
[data-problem-id="38"] .edge-figure img { display: block; width: min(100%, 2.35in); height: auto; aspect-ratio: 1; margin-inline: auto; object-fit: contain; background: var(--space); border: 1px solid #678b98; border-radius: 0.065in; }
[data-problem-id="38"] .edge-figure figcaption { margin-top: 0.02in; color: #506873; font-size: 0.125in; text-align: center; }

[data-problem-id="38"] .edge-task { margin-top: 0.085in; }
[data-problem-id="38"] .problem-parts { gap: 0.06in; }
[data-problem-id="38"] .problem-part { padding: 0.07in 0.105in; break-inside: avoid; }
[data-problem-id="38"] .problem-part p { margin: 0; font-size: 0.138in; line-height: 1.3; }
[data-problem-id="38"] .safe-side { background: var(--pale-blue); border-color: #79aeb4; }
[data-problem-id="38"] .drift-side { background: var(--pale-gold); border-color: #d4a258; }
[data-problem-id="38"] .greatest-guide { margin: 0.07in 0; padding: 0.075in 0.1in; color: var(--space); background: #fff; border-left: 0.045in solid var(--gold); font-size: 0.145in; line-height: 1.34; }
[data-problem-id="38"] .edge-page-label { margin-bottom: 0.08in !important; padding-bottom: 0.06in; color: var(--ocean); border-bottom: 1px dashed #d2aa68; font-size: 0.145in !important; letter-spacing: 0.03em; text-transform: uppercase; }

[data-problem-id="38"] .rewrite-line {
  display: flex;
  gap: 0.07in;
  align-items: flex-end;
  margin: 0.055in 0;
  padding: 0.06in 0.08in;
  color: var(--space);
  background: #fff;
  border: 1px solid #dfbd83;
  border-radius: 0.045in;
  font-size: 0.15in;
}

[data-problem-id="38"] .rewrite-line span {
  flex: 1;
  min-width: 1.2in;
  height: 0.2in;
  border-bottom: 1.5px solid #876938;
}

[data-problem-id="38"] .proof-map {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.08in;
  margin-top: 0.075in;
  padding: 0.075in;
  background: var(--space);
  border-radius: 0.06in;
}

[data-problem-id="38"] .proof-map span {
  padding: 0.055in 0.08in;
  color: #fff;
  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="38"] .edge-setup,
  [data-problem-id="38"] .proof-map { grid-template-columns: 1fr; }

  [data-problem-id="38"] .rewrite-line {
    flex-direction: column;
    align-items: stretch;
  }

  [data-problem-id="38"] .rewrite-line span {
    flex: none;
    width: 100%;
    min-width: 0;
  }
}

@media print {
  [data-problem-id="38"] .edge-setup { gap: 0.08in; padding: 0.07in 0.1in; }
  [data-problem-id="38"] .edge-copy p { font-size: 0.132in; line-height: 1.27; }
  [data-problem-id="38"] .edge-rule { margin: 0.03in 0; padding: 0.025in 0.05in; font-size: 0.17in; }
  [data-problem-id="38"] .edge-figure img { width: min(100%, 1.58in); }
  [data-problem-id="38"] .edge-figure figcaption { font-size: 0.125in; line-height: 1.22; }
  [data-problem-id="38"] .problem-part { padding-top: 0.055in; padding-bottom: 0.055in; }
  [data-problem-id="38"] .proof-map { margin-top: 0.055in; }
  [data-problem-id="38"] .drift-side { break-before: page; }
}