[data-worksheet][data-problem-id="18"] {
  height: auto;
  min-height: 10in;
  overflow: visible;
}

[data-problem-id="18"] main {
  display: block;
}

[data-problem-id="18"] .problem {
  padding-bottom: 0;
}

[data-problem-id="18"] .problem-content {
  display: block;
}

[data-problem-id="18"] .cabinet-sheet {
  color: #18314f;
}

[data-problem-id="18"] .cabinet-introduction {
  margin-bottom: 0.08in;
  padding: 0.08in 0.11in;
  border-left: 0.04in solid #b67c21;
}

[data-problem-id="18"] .shedletsky-illustration {
  position: relative;
  float: right;
  width: 0.88in;
  height: 0.88in;
  margin: -0.02in 0 0.02in 0.12in;
  overflow: hidden;
  background: radial-gradient(circle at 52% 42%, #fff8c9 0 30%, #dfb751 58%, #77531e 100%);
  border: 2px solid #9c6a1f;
  border-radius: 0.12in;
  box-shadow: inset 0 0 0 2px rgb(255 255 255 / 38%), 0 0.025in 0.06in rgb(84 56 11 / 24%);
}

[data-problem-id="18"] .shedletsky-illustration::after {
  position: absolute;
  inset: auto 0 0;
  height: 0.18in;
  content: "";
  background: linear-gradient(90deg, #4f3215, #b67c21 48%, #4f3215);
}

[data-problem-id="18"] .shedletsky-illustration img {
  position: relative;
  z-index: 1;
  display: block;
  width: 0.82in;
  height: 0.82in;
  margin: 0.04in auto 0;
  object-fit: contain;
  filter: drop-shadow(0 0.02in 0.025in rgb(38 24 7 / 35%));
}

[data-problem-id="18"] .cabinet-introduction p {
  margin: 0.025in 0 0;
  font-size: 10pt;
  line-height: 1.2;
}

[data-problem-id="18"] .cabinet-introduction blockquote {
  margin: 0.055in 0 0;
  padding: 0.04in 0.08in;
  color: #54380b;
  background: #fff4cf;
  border: 1px solid #d8b35d;
  border-radius: 0.05in;
  font: 850 9.2pt/1.1 Georgia, "Times New Roman", serif;
  letter-spacing: 0.08em;
  text-align: center;
}

[data-problem-id="18"] .cabinet-warning {
  color: #536c7f;
  font-style: italic;
}

[data-problem-id="18"] .brass-reference {
  margin: 0 0 0.08in;
  padding: 0.07in 0.08in 0.08in;
  background: linear-gradient(145deg, #fff9e6, #f5df9e);
  border: 1px solid #b98c36;
  border-radius: 0.08in;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 55%);
}

[data-problem-id="18"] .brass-reference > h2 {
  color: #54380b;
}

[data-problem-id="18"] .brass-reference__grid {
  display: grid;
  margin-top: 0.04in;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.06in;
}

[data-problem-id="18"] .brass-reference article {
  min-width: 0;
  min-height: 0.82in;
  padding: 0.06in;
  background: rgb(255 255 255 / 48%);
  border: 1px solid rgb(118 78 18 / 28%);
  border-radius: 0.045in;
}

[data-problem-id="18"] .brass-reference h3 {
  margin: 0;
  color: #6b4a13;
  font-size: 9pt;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

[data-problem-id="18"] .brass-reference .mj-math--display {
  margin: 0.025in 0 0;
  font-size: 10pt;
}

[data-problem-id="18"] .brass-reference__conventions p {
  margin: 0.025in 0 0;
  font-size: 9pt;
  line-height: 1.2;
}

[data-problem-id="18"] .formula-cabinet {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.06in;
  padding: 0.055in;
  background: #7a501f;
  border: 0.035in solid #4f3215;
  border-radius: 0.08in;
  box-shadow: inset 0 0 0 1px #c69b63, 0 0.03in 0.06in rgb(24 49 79 / 15%);
}

[data-problem-id="18"] .formula-drawer {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 0.9in;
  padding: 0.13in 0.04in 0.045in;
  place-items: center;
  color: #18314f;
  background: linear-gradient(145deg, #fffefa, #edf6f7);
  border: 1px solid #96aeb8;
  border-radius: 0.045in;
  box-shadow: inset 0 0 0 1px #ffffff;
  overflow: hidden;
}

[data-problem-id="18"] .drawer-letter {
  position: absolute;
  top: 0.035in;
  left: 0.045in;
  display: grid;
  width: 0.15in;
  height: 0.15in;
  place-items: center;
  color: #ffffff;
  background: #087a9f;
  border-radius: 50%;
  font-size: 9pt;
  font-weight: 900;
  line-height: 1;
}

[data-problem-id="18"] .formula-drawer .mj-math--display {
  width: 100%;
  margin: 0;
  font-size: 9.1pt;
  text-align: center;
}

[data-problem-id="18"] [data-formula-drawer="A"] .mj-math--display,
[data-problem-id="18"] [data-formula-drawer="G"] .mj-math--display,
[data-problem-id="18"] [data-formula-drawer="H"] .mj-math--display,
[data-problem-id="18"] [data-formula-drawer="M"] .mj-math--display,
[data-problem-id="18"] [data-formula-drawer="O"] .mj-math--display {
  font-size: 9pt;
}

[data-problem-id="18"] .cabinet-sheet--questions {
  margin-top: 0.28in;
  padding-top: 0.2in;
  border-top: 2px dashed #bed3dd;
}

[data-problem-id="18"] .cabinet-continuation {
  display: flex;
  margin-bottom: 0.12in;
  padding-bottom: 0.07in;
  align-items: end;
  justify-content: space-between;
  gap: 0.2in;
  border-bottom: 2px solid #18314f;
}

[data-problem-id="18"] .cabinet-continuation p,
[data-problem-id="18"] .cabinet-continuation strong {
  margin: 0;
}

[data-problem-id="18"] .cabinet-continuation p {
  color: #597086;
  font-size: 9pt;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

[data-problem-id="18"] .cabinet-continuation strong {
  font: 800 14pt/1 Georgia, "Times New Roman", serif;
}

[data-problem-id="18"] .value-record {
  margin: 0 0 0.12in;
  padding: 0.09in 0.11in 0.11in;
}

[data-problem-id="18"] .value-record > p {
  margin: 0.03in 0 0.06in;
  color: #597086;
  font-size: 9pt;
}

[data-problem-id="18"] .value-record table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0.035in;
  table-layout: fixed;
}

[data-problem-id="18"] .value-record td {
  position: relative;
  height: 0.39in;
  padding: 0.04in 0.08in;
  vertical-align: bottom;
  background: #ffffff;
  border: 1px solid #8faab5;
  border-radius: 0.04in;
}

[data-problem-id="18"] .value-record td span {
  position: absolute;
  top: 0.035in;
  left: 0.045in;
  color: #087a9f;
  font-size: 9pt;
  font-weight: 900;
}

[data-problem-id="18"] .value-record td i {
  display: block;
  width: 65%;
  margin: auto;
  border-bottom: 1px solid #597086;
}

[data-problem-id="18"] .problem-question {
  margin-top: 0;
  padding: 0.09in 0.12in;
}

[data-problem-id="18"] .problem-parts {
  gap: 0.03in;
}

[data-problem-id="18"] .problem-part {
  min-height: 0;
  padding-top: 0.035in;
  padding-bottom: 0.035in;
}

[data-problem-id="18"] .problem-part h3 {
  margin: 0 0 0.025in;
  color: #18314f;
  font-size: 9pt;
  line-height: 1.12;
}

[data-problem-id="18"] .problem-part p {
  margin: 0.02in 0 0;
  font-size: 9pt;
  line-height: 1.25;
}

[data-problem-id="18"] .combination-lock {
  display: flex;
  margin: 0.08in 0 0.02in;
  justify-content: center;
  gap: 0.08in;
}

[data-problem-id="18"] .combination-lock span {
  display: block;
  width: 0.38in;
  height: 0.38in;
  background: #ffffff;
  border: 2px solid #18314f;
  border-radius: 0.06in;
}

[data-problem-id="18"] .cabinet-after-lock {
  margin-top: 0.28in;
  color: #18314f;
  background: #fffaf0;
  border: 2px solid #c69a3c;
  border-radius: 0.1in;
}

[data-problem-id="18"] .cabinet-after-lock > summary {
  padding: 0.12in 0.16in;
  color: #54380b;
  cursor: pointer;
  font-size: 9pt;
  font-weight: 850;
  list-style-position: inside;
}

[data-problem-id="18"] .cabinet-after-lock__content {
  display: grid;
  padding: 0.04in 0.16in 0.16in;
  gap: 0.1in;
}

[data-problem-id="18"] .cabinet-after-lock__content header {
  padding-bottom: 0.09in;
  border-bottom: 2px solid #b98c36;
}

[data-problem-id="18"] .cabinet-after-lock__content header p,
[data-problem-id="18"] .cabinet-after-lock__content header h2,
[data-problem-id="18"] .cabinet-after-lock__content section h3,
[data-problem-id="18"] .cabinet-after-lock__content section p {
  margin: 0;
}

[data-problem-id="18"] .cabinet-after-lock__content header p {
  color: #795000;
  font-size: 9pt;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-problem-id="18"] .cabinet-after-lock__content header h2 {
  margin-top: 0.03in;
  font: 800 17pt/1 Georgia, "Times New Roman", serif;
}

[data-problem-id="18"] .cabinet-after-lock__content section {
  padding: 0.1in 0.12in;
  background: #ffffff;
  border: 1px solid #dec985;
  border-radius: 0.06in;
}

[data-problem-id="18"] .cabinet-after-lock__content section h3 {
  font-size: 9.5pt;
}

[data-problem-id="18"] .cabinet-after-lock__content section p {
  margin-top: 0.04in;
  font-size: 9pt;
  line-height: 1.3;
}

@media print {
  [data-worksheet][data-problem-id="18"] {
    display: block;
    height: auto;
    min-height: 0;
    overflow: visible;
    break-inside: auto;
  }

  [data-problem-id="18"] .brass-reference {
    break-inside: avoid;
  }

  [data-problem-id="18"] .formula-cabinet {
    min-height: 8.8in;
    padding-top: 0.22in;
    align-content: start;
    break-before: page;
    break-inside: avoid;
  }

  [data-problem-id="18"] .cabinet-sheet--questions {
    min-height: 0;
    margin-top: 0;
    padding-top: 0.1in;
    border-top: 0;
    break-before: page;
  }

  [data-problem-id="18"] .cabinet-after-lock {
    display: none !important;
  }

  [data-problem-id="18"] .formula-drawer,
  [data-problem-id="18"] .value-record td {
    color: #000000;
    background: #ffffff;
  }

  [data-problem-id="18"] .drawer-letter {
    color: #ffffff;
    background: #000000;
  }
}

[data-problem-id="18"] .cabinet-check-record {
  margin: 0 0 0.12in;
  padding: 0.08in 0.11in 0.1in;
  background: #f4fafc;
  border: 1px solid #8faab5;
  border-radius: 0.06in;
}

[data-problem-id="18"] .cabinet-check-record table {
  width: 100%;
  margin-top: 0.05in;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 9pt;
}

[data-problem-id="18"] .cabinet-check-record :is(th, td) {
  height: 0.3in;
  padding: 0.035in 0.05in;
  border: 1px solid #8faab5;
}

[data-problem-id="18"] .cabinet-check-record :is(th, td):first-child {
  width: 0.52in;
  text-align: center;
}

[data-problem-id="18"] .notation-repair {
  display: grid;
  margin-top: 0.07in;
  grid-template-columns: 1fr 1fr;
  gap: 0.05in 0.12in;
  font-size: 9pt;
}

[data-problem-id="18"] .notation-repair p {
  margin: 0;
}
