/* Scope every rule to the two opt-in content wrappers found on the existing site. */
.entry-content :is(.dd-practical, .ddv2) { min-width: 0; overflow-wrap: anywhere; }
.entry-content :is(.dd-practical, .ddv2) :is(img, video) { max-width: 100%; height: auto; }
.entry-content :is(.dd-practical, .ddv2) iframe { max-width: 100%; }
.entry-content :is(.dd-practical, .ddv2) :is(h2, h3, .ddq-anchor) { scroll-margin-top: 6rem; }
.entry-content :is(.dd-practical, .ddv2) pre { max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; }
.entry-content :is(.dd-practical, .ddv2) .ddq-toc { margin: 2rem 0; padding: 1.25rem; background: #edf3e9; border: 1px solid #d1ddcb; border-radius: 6px; }
.entry-content :is(.dd-practical, .ddv2) .ddq-toc-title { color: #193a37; font-size: 1rem; font-weight: 700; margin: 0 0 .65rem; }
.entry-content :is(.dd-practical, .ddv2) .ddq-toc ol { margin: .4rem 0 0; padding-left: 1.5rem; }
.entry-content :is(.dd-practical, .ddv2) .ddq-toc li { margin: .25rem 0; }
.entry-content :is(.dd-practical, .ddv2) .ddq-toc a { display: inline-block; padding: .2rem 0; color: #195b4d; text-underline-offset: .2em; }
@media (max-width: 768px) {
  .entry-content :is(.dd-practical, .ddv2) :is(.ddq-toc, .toc) a { display: inline-flex; align-items: center; min-height: 44px; }
}
.entry-content :is(.dd-practical, .ddv2) .ddq-code-block { margin: 1.5rem 0; min-width: 0; }
.entry-content :is(.dd-practical, .ddv2) .ddq-code-block pre { margin-top: .5rem; }
.entry-content :is(.dd-practical, .ddv2) .ddq-copybar { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem .85rem; }
.entry-content :is(.dd-practical, .ddv2) .ddq-copy { min-height: 44px; padding: .55rem .85rem; border: 1px solid #195b4d; border-radius: 4px; background: #195b4d; color: #fff; font: inherit; font-size: .85rem; line-height: 1.5; cursor: pointer; }
.entry-content :is(.dd-practical, .ddv2) .ddq-copy:hover { background: #124638; }
.entry-content :is(.dd-practical, .ddv2) .ddq-copy:disabled { opacity: .7; cursor: wait; }
.entry-content :is(.dd-practical, .ddv2) .ddq-copy-status { font-size: .85rem; color: #334b42; }
.entry-content :is(.dd-practical, .ddv2) .ddq-table-scroll { display: block; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; margin: 1.5rem 0; -webkit-overflow-scrolling: touch; }
.entry-content :is(.dd-practical, .ddv2) .ddq-table-scroll table { min-width: 32rem; margin-bottom: 0; }
.entry-content :is(.dd-practical, .ddv2) :is(a, button, summary, [tabindex]):focus-visible { outline: 3px solid #9b650b; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  .entry-content :is(.dd-practical, .ddv2), .entry-content :is(.dd-practical, .ddv2) * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
@media print {
  .entry-content :is(.dd-practical, .ddv2) :is(.ddq-copybar, .ddq-toc) { display: none; }
  .entry-content :is(.dd-practical, .ddv2) .ddq-table-scroll { overflow: visible; }
  .entry-content :is(.dd-practical, .ddv2) .ddq-table-scroll table { min-width: 0; width: 100%; }
}