/* Shared, accessible typography for the 13 October editorial update. */
i.work-title, em.work-title { font-style: italic !important; color: inherit !important; font-family: inherit !important; }
.worked-example {
  box-sizing: border-box; margin: 2rem 0; padding: clamp(1.1rem, 3vw, 2rem);
  background: #faf7ef !important; color: #202b33 !important;
  border: 1px solid #b8aea0; border-left: 4px solid #526e77;
  border-radius: 8px; max-width: 100%; overflow-wrap: break-word;
}
.worked-example *, .worked-example p, .worked-example li, .worked-example h3,
.worked-example h4, .worked-example figcaption, .worked-example cite {
  color: inherit; opacity: 1;
}
.worked-example h3, .worked-example h4 { font-family: inherit; line-height: 1.3; }
.worked-example h3 { font-size: clamp(1.25rem, 2vw, 1.65rem); }
.worked-example p, .worked-example li { font-size: 1.05rem; line-height: 1.7; }
.worked-example blockquote {
  margin: 1rem 0; padding: 1rem 1.15rem; background: #fff;
  border: 1px solid #d4cbbc; border-left: 3px solid #7c6844;
  font-style: normal !important; font-size: 1.15rem !important; line-height: 1.7 !important;
  max-width: 100%; color: #202b33 !important;
}
.worked-example blockquote p {
  font-size: clamp(1.05rem, 1.7vw, 1.25rem) !important;
  font-style: normal !important; line-height: 1.7 !important;
}
.worked-example blockquote::before, .worked-example blockquote::after { content: none; }
.worked-example blockquote em, .worked-example blockquote i { font-style: italic !important; }
.worked-example .example-mark, mark.example-mark {
  background: #f3e4ab !important; color: #202b33 !important;
  border-bottom: 2px solid #8f6e1c; padding: .04em .12em;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.worked-example sup { color: #384a56 !important; font-size: .7em; font-weight: 700; padding-left: .12em; }
.worked-example .example-editorial-note, .worked-example .example-source,
.worked-example figcaption { font-size: .9rem !important; line-height: 1.6; color: #4b5056 !important; }
.worked-example .example-notes, .worked-example .example-annotations { margin: 1rem 0; padding-left: 1.6rem; }
.worked-example .example-notes li + li, .worked-example .example-annotations li + li { margin-top: .65rem; }
.worked-example .example-limit { border-top: 1px solid #b8aea0; padding-top: 1rem; }
.worked-example a { color: #204c68 !important; text-decoration: underline; text-underline-offset: .16em; }
.worked-example a:focus-visible { outline: 3px solid #204c68; outline-offset: 4px; }
.worked-example .example-pair, .worked-example .example-columns {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem;
}
.worked-example .example-pair > *, .worked-example .example-columns > * { min-width: 0; }
.worked-example .table-wrap, .worked-example .table-scroll, .worked-example .example-table-wrap { overflow-x: auto; }
.worked-example table { color: #202b33 !important; font-size: 1rem; }
.worked-example th, .worked-example td { padding: .65rem; border: 1px solid #b8aea0; }
@media (max-width: 700px) {
  .worked-example .example-pair, .worked-example .example-columns { grid-template-columns: 1fr; }
  .worked-example { padding: 1rem; }
  .worked-example blockquote { padding: .85rem; }
}
@media print {
  .worked-example { background: white !important; color: black !important; }
  .worked-example blockquote { break-inside: avoid; }
}