/* Meditations on Oneness: restrained parchment, ink, indigo, and gold. */
[data-problem-id="11"] .problem-content {
  --factor-ink: #17243a;
  --factor-indigo: #3f3a78;
  --factor-gold: #b8872d;
  --factor-parchment: #f8f2df;
  --factor-paper: #fffdf7;
  --factor-line: #c9b98e;
  color: var(--factor-ink);
}

[data-problem-id="11"] .factor-opening,
[data-problem-id="11"] .factor-page-two {
  padding: 0.15in 0.18in;
  background:
    radial-gradient(circle at 92% 10%, rgb(184 135 45 / 18%), transparent 0.9in),
    linear-gradient(135deg, var(--factor-paper), var(--factor-parchment));
  border: 1.5px solid var(--factor-line);
  border-left: 0.075in solid var(--factor-indigo);
  border-radius: 0.08in;
}

[data-problem-id="11"] .factor-series,
[data-problem-id="11"] .factor-page {
  margin: 0;
  color: var(--factor-indigo);
  font-size: 0.13in;
  font-weight: 850;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

[data-problem-id="11"] .factor-folio-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.12in;
}

[data-problem-id="11"] .factor-folio {
  margin: 0;
  color: #76643d;
  font-size: 0.125in;
  font-weight: 750;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

[data-problem-id="11"] .factor-page { margin-top: 0.025in; color: #76643d; }
[data-problem-id="11"] .factor-opening h2,
[data-problem-id="11"] .factor-page-two h2 { margin-top: 0.07in; }
[data-problem-id="11"] .factor-opening > p { margin-bottom: 0.06in; }

[data-problem-id="11"] .factor-definition {
  margin: 0.09in 0;
  padding: 0.12in 0.15in;
  color: var(--factor-indigo);
  background: #fff;
  border: 1px solid #b9acd1;
  border-left: 0.055in solid var(--factor-gold);
  border-radius: 0.055in;
  font-size: 0.15in;
  line-height: 1.4;
}

[data-problem-id="11"] .factor-hero {
  margin: 0.12in 0 0;
  padding: 0.05in 0.07in 0.035in;
  background: #fbfaf5;
  border: 1px solid #c7bb9a;
  border-radius: 0.075in;
  break-inside: avoid;
}

[data-problem-id="11"] .factor-hero img { display: block; width: 100%; max-height: 2.5in; }
[data-problem-id="11"] .factor-hero figcaption { margin-top: 0.02in; color: #5f6570; font-size: 0.13in; text-align: center; }
[data-problem-id="11"] .factor-first,
[data-problem-id="11"] .factor-final { margin-top: 0.105in; }
[data-problem-id="11"] .factor-first .problem-part,
[data-problem-id="11"] .factor-final .problem-part { padding: 0.09in 0.115in; }
[data-problem-id="11"] .factor-first .problem-part p,
[data-problem-id="11"] .factor-final .problem-part p { margin: 0; font-size: 0.14in; line-height: 1.4; }

[data-problem-id="11"] .factor-page-two { margin-top: 0.16in; }
[data-problem-id="11"] .factor-stamp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.12in;
  margin-top: 0.1in;
  padding: 0.065in 0.1in;
  color: #5a291f;
  background:
    linear-gradient(90deg, rgb(255 255 255 / 92%), rgb(248 242 223 / 92%)),
    repeating-linear-gradient(0deg, transparent 0 5px, rgb(90 41 31 / 8%) 5px 6px);
  border: 2px solid #8b4737;
  border-radius: 0.035in;
  box-shadow: inset 0 0 0 2px rgb(139 71 55 / 14%);
  font-size: 0.125in;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transform: rotate(-0.35deg);
}

[data-problem-id="11"] .factor-stamp span { color: #76643d; font-weight: 750; }
[data-problem-id="11"] .factor-stamp strong { letter-spacing: 0.095em; }

[data-problem-id="11"] .factor-integer-turn {
  margin: 0.08in 0 0;
  color: #4b5260;
  font-size: 0.13in;
  line-height: 1.35;
}

[data-problem-id="11"] .factor-integer-toolkit {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.075in;
  margin-top: 0.075in;
}

[data-problem-id="11"] .factor-integer-toolkit article {
  min-width: 0;
  margin-top: 0;
  padding: 0.08in 0.095in;
  background: #fff;
  border: 1px solid #d4c28e;
  border-radius: 0.06in;
}

[data-problem-id="11"] .factor-integer-toolkit article:nth-child(2) { border-color: #b9acd1; }
[data-problem-id="11"] .factor-integer-toolkit h3 {
  margin: 0 0 0.025in;
  color: var(--factor-indigo);
  font-size: 0.13in;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}
[data-problem-id="11"] .factor-integer-toolkit p { margin: 0; font-size: 0.13in; line-height: 1.32; }
[data-problem-id="11"] .factor-granted {
  margin: 0.07in 0 0;
  padding: 0.055in 0.08in;
  color: #4b3c1c;
  background: #fff8df;
  border: 1px solid #d4bc72;
  border-radius: 0.04in;
  font-size: 0.13in;
  line-height: 1.3;
}
[data-problem-id="11"] .factor-final .problem-parts { display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 0.075in; }
[data-problem-id="11"] .factor-theorem {
  margin: 0.07in 0 0;
  padding: 0.07in 0.085in;
  background: #f8f3e5;
  border-left: 3px solid var(--factor-gold);
  font-size: 0.13in;
  line-height: 1.32;
}
[data-problem-id="11"] .factor-theorem strong { color: var(--factor-indigo); }
[data-problem-id="11"] .factor-theorem p { margin-top: 0.025in !important; }

[data-problem-id="11"] .factor-response {
  display: flex;
  justify-content: space-around;
  gap: 0.12in;
  margin-top: 0.095in;
  padding: 0.085in 0.12in;
  color: var(--factor-indigo);
  background: #f5f1e5;
  border: 1px solid #c8b47b;
  border-radius: 0.06in;
  font-weight: 750;
}

[data-problem-id="11"] .factor-scope-note {
  margin: 0.055in 0 0;
  color: #5a291f;
  font-size: 0.125in;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 640px) {
  [data-problem-id="11"] .factor-final .problem-parts,
  [data-problem-id="11"] .factor-integer-toolkit { grid-template-columns: 1fr; }
  [data-problem-id="11"] .factor-response { flex-direction: column; }
  [data-problem-id="11"] .factor-folio-line,
  [data-problem-id="11"] .factor-stamp { align-items: flex-start; flex-direction: column; gap: 0.025in; }
}

@media print {
  [data-problem-id="11"] .factor-opening { padding: 0.12in 0.15in; }
  [data-problem-id="11"] .factor-hero img { max-height: 2.25in; }
  [data-problem-id="11"] .factor-page-two {
    break-before: page;
    margin-top: 0;
    padding: 0.1in 0.15in;
  }
  [data-problem-id="11"] .factor-page-two .factor-stamp {
    margin-top: 0.06in;
    padding-block: 0.04in;
  }
  [data-problem-id="11"] .factor-page-two .factor-integer-turn { margin-top: 0.045in; }
  [data-problem-id="11"] .factor-page-two .factor-integer-toolkit { margin-top: 0.05in; }
  [data-problem-id="11"] .factor-page-two .factor-integer-toolkit article { padding: 0.06in 0.08in; }
  [data-problem-id="11"] .factor-page-two .factor-granted {
    margin-top: 0.045in;
    padding-block: 0.04in;
  }
  [data-problem-id="11"] .factor-final { margin-top: 0.075in; }
  [data-problem-id="11"] .factor-final .problem-part { padding: 0.07in 0.095in; }
  [data-problem-id="11"] .factor-theorem {
    margin-top: 0.045in;
    padding: 0.055in 0.07in;
  }
  [data-problem-id="11"] .factor-response {
    margin-top: 0.06in;
    padding-block: 0.06in;
  }
  [data-problem-id="11"] .factor-scope-note {
    margin-top: 0.035in;
    line-height: 1.2;
  }
}