/* Intentional additions: readable mobile cards and contained wide article tables. */
html { min-width: 0; }
.source-document, #root { display: contents; }
.js-dropdown-select { position: relative; }
.local-sort-menu { position:absolute; right:0; top:calc(100% + 10px); min-width:90px; padding:4px; border:1px solid #e6e6e6; border-radius:8px; background:#fff; color:#24272c; box-shadow:0 8px 16px #00000012; z-index:100; }
html body .local-sort-menu .local-sort-option { display:block; width:100%; text-align:left; padding:8px 16px; border:0; border-radius:4px; background:transparent; font:inherit; cursor:pointer; }
.local-sort-option:hover, .local-sort-option:focus-visible { background:#f3f4f6; outline:2px solid #1c5966; outline-offset:-2px; }
a:focus-visible, summary:focus-visible { outline:2px solid #1c5966; outline-offset:3px; }
html body .local-table-scroll { width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
@media (min-width:641px) and (max-width:800px) {
  html body [data-cursor-paginator-target="recordsContainer"] > .basis-1\/3 { flex-basis:50%; }
}
@media (max-width:640px) {
  html body [data-cursor-paginator-target="recordsContainer"] > .basis-1\/3,
  html body [data-cursor-paginator-target="recordsContainer"] > .basis-1\/2 { flex-basis:100%; }
  html body [data-cursor-paginator-target="recordsContainer"] > div { padding:12px 0 24px; }
  html body [data-cursor-paginator-target="recordsContainer"] > div > div > a:first-child { height:clamp(200px, 62vw, 320px); aspect-ratio:auto; }
  html body [data-cursor-paginator-target="recordsContainer"] a.font-semibold { font-size:24px; line-height:1.35; }
  html body [data-cursor-paginator-target="recordsContainer"] .truncate { white-space:normal; }
  html body .wysiwyg-content { overflow-wrap:anywhere; min-width:0; }
  html body .wysiwyg-content table { max-width:100%; }
  html body .wysiwyg-content section, html body .wysiwyg-content aside { min-width:0; max-width:100%; }
  html body .wysiwyg-content [style*="display: grid"], html body .wysiwyg-content [style*="display:grid"] { grid-template-columns:minmax(0,1fr) !important; }
  html body .wysiwyg-content [style*="display: flex"], html body .wysiwyg-content [style*="display:flex"] { flex-wrap:wrap; }
  html body .wysiwyg-content img { max-width:100%; height:auto; }
}
