.box-section .tips-card > b { grid-column: 1 / -1; }
.eartips-guide {
  margin-top: 24px;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--white);
  color: var(--ink);
}
.eartips-guide h3 {
  margin: 0 0 20px;
  font-size: clamp(22px, 2.6vw, 30px);
  line-height: 1.4;
}
.eartips-guide__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 36px;
  margin: 0 0 24px;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1.7;
}
.eartips-guide__steps li { min-width: 0; padding-left: 4px; }
.eartips-guide__steps li::marker { color: var(--purple-deep); font-weight: 800; }
.eartips-guide__figure { margin: 0; }
.eartips-guide__image { display: block; border-radius: 12px; }
.eartips-guide__image:focus-visible { outline: 3px solid var(--purple-deep); outline-offset: 4px; }
.eartips-guide__image img { width: 100%; height: auto; border-radius: 12px; }
.eartips-guide__figure figcaption { margin-top: 10px; color: var(--ink-soft); font-size: 14px; line-height: 1.6; }
.eartips-guide__check {
  margin: 20px 0 0;
  padding: 14px 18px;
  border-left: 3px solid var(--purple-deep);
  border-radius: 0 10px 10px 0;
  background: var(--purple-pale);
  color: var(--purple-deeper);
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 720px) {
  .eartips-guide__steps { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}
@media print {
  .eartips-guide { break-inside: auto; background: #fff; }
  .eartips-guide__figure, .eartips-guide__steps li { break-inside: avoid; }
  .eartips-guide__check { color: #222; background: #f5f2f6; border-color: #666; }
}