/* De Mazenod Door pages viewer — uses the Twenty Twenty-Five theme's colour presets so it follows the site. */
#dmdo-bulletin { --dm-ink: var(--wp--preset--color--contrast, #111); --dm-soft: color-mix(in srgb, var(--dm-ink) 65%, transparent);
  --dm-line: color-mix(in srgb, var(--dm-ink) 15%, transparent); --dm-paper: color-mix(in srgb, var(--dm-ink) 4%, transparent); }
#dmdo-bulletin .dmdo-h { margin: 0 0 4px; }
#dmdo-bulletin .dmdo-date { margin: 0 0 16px; color: var(--dm-soft); overflow-wrap: break-word; }
#dmdo-bulletin .dmdo-status { margin: 0; padding: 48px 16px; text-align: center; background: var(--dm-paper); border-radius: 6px; }
#dmdo-bulletin .dmdo-status:empty { display: none; }
#dmdo-bulletin .dmdo-viewer { max-width: 820px; }
#dmdo-bulletin .dmdo-page { display: block; width: 100%; height: auto; background: #fff; border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 8px 24px rgba(0,0,0,.08); }
#dmdo-bulletin .dmdo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin: 20px 0 48px; }
#dmdo-bulletin .dmdo-btn { display: inline-flex; align-items: center; min-height: 48px; padding: 0 20px; border-radius: 6px;
  background: var(--dm-ink); color: var(--wp--preset--color--base, #fff); text-decoration: none; font-weight: 600; }
#dmdo-bulletin .dmdo-link, #dmdo-bulletin .dmdo-back a { display: inline-flex; align-items: center; min-height: 48px; font-weight: 600; }
#dmdo-bulletin .dmdo-back { margin: 0; }
#dmdo-bulletin .dmdo-year { border-top: 1px solid var(--dm-line); }
#dmdo-bulletin .dmdo-year:last-child { border-bottom: 1px solid var(--dm-line); }
#dmdo-bulletin .dmdo-year summary { display: flex; align-items: center; min-height: 48px; cursor: pointer; font-size: 1.25rem; font-weight: 600; }
#dmdo-bulletin .dmdo-grid { list-style: none; margin: 4px 0 24px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 20px 16px; }
#dmdo-bulletin .dmdo-card { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; }
#dmdo-bulletin .dmdo-card img { display: block; width: 100%; height: auto; aspect-ratio: 8.5 / 11; object-fit: cover; object-position: top;
  background: var(--dm-paper); border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06); margin-bottom: 4px; }
#dmdo-bulletin .dmdo-card.no-thumb::before { content: ""; display: block; aspect-ratio: 8.5 / 11; background: var(--dm-paper); border: 1px solid var(--dm-line); border-radius: 4px; margin-bottom: 4px; }
#dmdo-bulletin .dmdo-card-date { font-weight: 600; }
#dmdo-bulletin .dmdo-card-title { font-size: .875rem; color: var(--dm-soft); overflow-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#dmdo-bulletin .dmdo-card:hover .dmdo-card-date { text-decoration: underline; }
#dmdo-bulletin .dmdo-card:focus-visible { outline: none; }
#dmdo-bulletin .dmdo-card:focus-visible img, #dmdo-bulletin .dmdo-card[aria-current] img { outline: 3px solid currentColor; outline-offset: 3px; }
#dmdo-bulletin .dmdo-card[aria-current] .dmdo-card-date::after { content: " \00B7  showing"; font-weight: 400; }
