/* Problem-specific content styles; the worksheet shell lives in /site-src/worksheet.css. */
[data-problem-id="36"] .problem-content {
  --navy: #142b46;
  --violet: #315f86;
  --cyan: #1b929f;
  --pale: #eef5fb;
  --line: #a6bfcb;
}

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

[data-problem-id="36"] .orbit-hero {
  margin: 0 0 0.11in;
  overflow: hidden;
  background: var(--navy);
  border-radius: 0.09in;
  box-shadow: 0 0.025in 0.08in rgba(20, 43, 70, 0.14);
}

[data-problem-id="36"] .orbit-hero img {
  display: block;
  width: 100%;
  height: auto;
}

[data-problem-id="36"] .orbit-setup {
  padding: 0.105in 0.14in;
  background: linear-gradient(135deg, #f8fbfd, #eef5fb);
  border: 1.5px solid var(--line);
  border-left: 0.07in solid var(--violet);
  border-radius: 0.085in;
}

[data-problem-id="36"] .orbit-copy {
  display: grid;
  grid-template-columns: 1.15fr 1.5fr;
  grid-template-rows: auto 1fr;
  column-gap: 0.18in;
  align-items: center;
}

[data-problem-id="36"] .orbit-copy > .orbit-kicker {
  grid-column: 1;
  grid-row: 1;
}

[data-problem-id="36"] .orbit-copy > h2 {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
}

[data-problem-id="36"] .orbit-copy > p:last-child {
  grid-column: 2;
  grid-row: 1 / 3;
}

[data-problem-id="36"] .orbit-copy p:last-child {
  margin: 0;
  font-size: 0.145in;
  line-height: 1.32;
}

[data-problem-id="36"] .orbit-kicker { margin-bottom: 0.03in !important; color: var(--violet); font-size: 0.13in !important; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; }

[data-problem-id="36"] .complex-lesson {
  display: grid;
  grid-template-columns: 1fr 1.42fr 1fr;
  grid-template-areas:
    "heading heading heading"
    "point square distance";
  gap: 0.075in 0.09in;
  margin-top: 0.1in;
  padding: 0.1in 0.12in 0.115in;
  color: var(--navy);
  background: #fbfaf6;
  border: 1px solid #d3c29b;
  border-radius: 0.075in;
}

[data-problem-id="36"] .complex-lesson > h2 { grid-area: heading; }
[data-problem-id="36"] .complex-tool-card:nth-of-type(1) { grid-area: point; }
[data-problem-id="36"] .complex-tool-card:nth-of-type(2) { grid-area: square; }
[data-problem-id="36"] .complex-tool-card:nth-of-type(3) { grid-area: distance; }

[data-problem-id="36"] .complex-tool-card {
  display: grid;
  grid-template-columns: 0.34in 1fr;
  gap: 0.075in;
  align-items: start;
  margin: 0;
  padding: 0.075in 0.09in;
  background: #fff;
  border: 1px solid #d8d1c1;
  border-radius: 0.055in;
  min-height: 1.72in;
}
[data-problem-id="36"] .complex-tool-number { display: grid; place-items: center; width: 0.32in; height: 0.32in; color: #fff; background: var(--violet); border-radius: 50%; font-weight: 850; }
[data-problem-id="36"] .complex-tool-card h3 { margin: 0; color: var(--violet); font-size: 0.15in; }
[data-problem-id="36"] .complex-tool-card p { margin: 0.035in 0 0; font-size: 0.137in; line-height: 1.3; }
[data-problem-id="36"] .complex-tool-card mj-math[display] { margin: 0.035in 0; font-size: 0.155in; }
[data-problem-id="36"] .orbit-equation-stack { margin: 0.08in 0 0.07in; }
[data-problem-id="36"] .orbit-equation-stack mj-math[display] { margin: 0.02in 0; }

[data-problem-id="36"] .tool-strip {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 0.055in;
  margin: 0.065in 0;
}

[data-problem-id="36"] .tool-strip > div {
  padding: 0.055in 0.06in;
  color: var(--navy);
  background: #fff;
  border: 1px solid #c5d4dc;
  border-radius: 0.055in;
  text-align: center;
  font-size: 0.125in;
}

[data-problem-id="36"] .tool-strip strong {
  display: block;
  margin-bottom: 0.015in;
  color: var(--violet);
  font-size: 0.125in;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

[data-problem-id="36"] .worked-example {
  padding: 0.045in 0.06in;
  background: #e9f7f7;
  border-radius: 0.045in;
}

[data-problem-id="36"] .orbit-figure {
  width: 3.1in;
  margin: 0.06in auto;
}

[data-problem-id="36"] .orbit-figure img {
  width: 100%;
  max-height: 2.4in;
}

[data-problem-id="36"] .orbit-figure figcaption {
  margin-top: 0.02in;
  color: #4c6470;
  font-size: 0.125in;
  text-align: center;
}

[data-problem-id="36"] .orbit-task {
  margin-top: 0.09in;
}

[data-problem-id="36"] .mandelbrot-note {
  margin: 0 0 0.07in;
  padding: 0.075in 0.11in;
  color: var(--navy);
  background: var(--pale);
  border: 1px solid #b8ccd6;
  border-radius: 0.06in;
  font-size: 0.14in;
  line-height: 1.34;
}

[data-problem-id="36"] .problem-parts {
  gap: 0.065in;
}

[data-problem-id="36"] .problem-part {
  padding: 0.075in 0.11in;
}

[data-problem-id="36"] .problem-part p {
  margin: 0 0 0.045in;
  font-size: 0.14in;
  line-height: 1.3;
}

[data-problem-id="36"] .orbit-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  color: var(--navy);
  border: 1px solid #93adb9;
  border-radius: 0.05in;
  font-size: 0.125in;
  text-align: center;
}

[data-problem-id="36"] .orbit-table th,
[data-problem-id="36"] .orbit-table td {
  height: 0.245in;
  padding: 0.018in 0.055in;
  border-right: 1px solid #c6d5db;
  border-bottom: 1px solid #c6d5db;
}

[data-problem-id="36"] .orbit-table tr:last-child > * { border-bottom: 0; }
[data-problem-id="36"] .orbit-table tr > *:last-child { border-right: 0; }
[data-problem-id="36"] .orbit-table thead th { color: #fff; background: #142b46; }
[data-problem-id="36"] .orbit-table tbody th { width: 0.45in; background: #e6f3f4; }
[data-problem-id="36"] .orbit-table tbody td:empty { background: repeating-linear-gradient(0deg, #fff 0, #fff 0.19in, #d9e4e8 0.195in, #d9e4e8 0.205in); }

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

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

[data-problem-id="36"] .orbit-lines span {
  height: 0.16in;
  border-bottom: 1px solid #829ca7;
}

@media (max-width: 640px) {
  [data-problem-id="36"] .orbit-copy,
  [data-problem-id="36"] .complex-lesson {
    display: block;
  }
  [data-problem-id="36"] .complex-tool-card { margin-top: 0.08in; }
}

@media print {
  [data-problem-id="36"] .orbit-hero { break-inside: avoid; }
  [data-problem-id="36"] .orbit-task { margin-top: 0; break-before: page; }
  [data-problem-id="36"] .orbit-figure { width: 3.25in; }
  [data-problem-id="36"] .orbit-figure img { max-height: 2.65in; }
  [data-problem-id="36"] .orbit-table th,
  [data-problem-id="36"] .orbit-table td { height: 0.26in; }
}