/* lic-pagination-pills-20261022: rounded bubble pager, sitewide (all Volto .pagination-wrapper listings, search block, /search).
   LIC colors from live client CSS (body.qw-lic): --qw-ink #173a79, --qw-accent #c0181d, --qw-accent-dark #9e1418,
   --qw-line #b0cde9, --qw-paper #e5f1fb, --qw-muted #555b61, --qw-text #1a1a1a. Pill shape after jma-polish / cobbossee buttons. */
body.qw-lic .pagination-wrapper{display:flex!important;flex-direction:column;align-items:center;gap:14px;text-align:center;margin:40px auto 8px!important;border-collapse:separate!important}
body.qw-lic .ui.ui.pagination.pagination.menu{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center;gap:10px!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;padding:0!important;margin:0!important;min-height:0!important;max-width:100%;
  font-family:inherit;font-size:17px;line-height:1}
body.qw-lic .ui.ui.pagination.pagination.mobile-pagination.menu{display:none!important}
body.qw-lic .ui.ui.pagination.pagination.menu .item,
body.qw-lic .ui.ui.pagination.pagination.menu a.item{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  min-width:44px!important;height:44px!important;max-height:none!important;margin:0!important;padding:0 16px!important;
  border:1.5px solid #b0cde9!important;border-right:1.5px solid #b0cde9!important;border-radius:999px!important;background:#fff!important;color:#173a79!important;opacity:1!important;
  font-size:16px!important;font-weight:600!important;line-height:1!important;letter-spacing:.01em;text-decoration:none!important;
  box-shadow:0 1px 2px rgba(23,58,121,.08)!important;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s!important;cursor:pointer}
body.qw-lic .ui.ui.pagination.pagination.menu .item:before{display:none!important}
body.qw-lic .ui.ui.pagination.pagination.menu .item[type=prevItem],
body.qw-lic .ui.ui.pagination.pagination.menu .item[type=nextItem]{padding:0 22px!important}
body.qw-lic .ui.ui.pagination.pagination.desktop-pagination.menu a.item[type=prevItem]::before{content:"\2039";display:inline!important;position:static!important;width:auto!important;height:auto!important;background:none!important;margin-right:8px;font-size:22px;line-height:1;transform:translateY(-1px)}
body.qw-lic .ui.ui.pagination.pagination.desktop-pagination.menu a.item[type=nextItem]::after{content:"\203A";display:inline;margin-left:8px;font-size:22px;line-height:1;transform:translateY(-1px)}
body.qw-lic .ui.ui.pagination.pagination.menu a.item:hover:not(.active):not(.disabled){background:#e5f1fb!important;border-color:#173a79!important;color:#173a79!important;box-shadow:0 3px 8px rgba(23,58,121,.16)!important;transform:translateY(-1px)}
body.qw-lic .ui.ui.pagination.pagination.menu .active.item,
body.qw-lic .ui.ui.pagination.pagination.menu .item[aria-current=true]{background:#173a79!important;border-color:#173a79!important;color:#fff!important;cursor:default;box-shadow:0 3px 10px rgba(23,58,121,.28)!important}
body.qw-lic .ui.ui.pagination.pagination.menu .item.disabled,
body.qw-lic .ui.ui.pagination.pagination.menu .item[aria-disabled=true]:not([type=ellipsisItem]){background:#f4f7fb!important;border-color:#dfe7f0!important;color:#555b61!important;opacity:.75!important;box-shadow:none!important;cursor:default;pointer-events:none}
body.qw-lic .ui.ui.pagination.pagination.menu .item[type=ellipsisItem]{min-width:24px!important;padding:0 4px!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;color:#555b61!important;cursor:default}
body.qw-lic .ui.ui.pagination.pagination.menu .item:focus{outline:none}
body.qw-lic .ui.ui.pagination.pagination.menu .item:focus-visible{outline:3px solid #c0181d!important;outline-offset:2px!important;position:relative;z-index:1}
/* "Result 1-20 of 24" as a soft bubble */
body.qw-lic .pagination-wrapper .total{display:inline-block!important;margin:0!important;padding:6px 16px;border-radius:999px;background:#e5f1fb;color:#173a79!important;
  font-size:14px!important;font-weight:500!important;line-height:1.3;letter-spacing:.01em}
/* /search uses #page-search ID rules with !important */
body.qw-lic #page-search #content #content-core .pagination.menu{background:none!important;border-radius:0!important}
body.qw-lic #page-search #content #content-core .pagination.menu a.item{color:#173a79!important;border-radius:999px!important}
body.qw-lic #page-search #content #content-core .pagination.menu a.item:hover{background:#e5f1fb!important}
body.qw-lic #page-search #content #content-core .pagination.menu a.item.active{background:#173a79!important;border-color:#173a79!important;color:#fff!important}
body.qw-lic #page-search #content #content-core .pagination.menu a.item.disabled{background:#f4f7fb!important;color:#555b61!important;opacity:.75!important}
/* phones: compact arrows-only pager (Volto's mobile menu), same bubbles */
@media (max-width:767px){
  body.qw-lic .ui.ui.pagination.pagination.desktop-pagination.menu{display:none!important}
  body.qw-lic .ui.ui.pagination.pagination.mobile-pagination.menu{display:flex!important;gap:8px!important}
  body.qw-lic .ui.ui.pagination.pagination.menu .item,body.qw-lic .ui.ui.pagination.pagination.menu a.item{min-width:44px!important;height:44px!important;padding:0 12px!important;font-size:16px!important}
  body.qw-lic .ui.ui.pagination.pagination.mobile-pagination.menu .item[type=prevItem],
  body.qw-lic .ui.ui.pagination.pagination.mobile-pagination.menu .item[type=nextItem]{padding:0!important;width:44px!important;font-size:18px!important}
}
@media (prefers-reduced-motion:reduce){body.qw-lic .ui.ui.pagination.pagination.menu .item{transition:none!important;transform:none!important}}

/* Oct 21 2026 guide-updated: Updated label bold, right-aligned. Jason 3:14 PM. */
.guide-meta { display: flex; justify-content: flex-end; text-align: right; }
.guide-meta .guide-updated { font-weight: 700; text-align: right; }
/* Oct 21 2026 guide-crop: show branded cards and lead images whole (no crop, no overlap). Jason 2:16 PM. */
#page-document .block.image,
#page-document .block.image figure { height: auto !important; margin-top: 0 !important; }
#page-document .block.image img,
#page-document .block.image img.responsive {
  height: auto !important; max-height: none !important; aspect-ratio: auto !important;
  object-fit: contain !important; object-position: center !important; margin-top: 0 !important; }
.guide-card__img, .card-inner .image-wrapper, .listing-item .image-wrapper, .qw-event-card img, .event-card .image-wrapper { background: #1b2d5c; }
.guide-card__img img, .card-inner .image-wrapper img, .listing-item .image-wrapper img,
.qw-event-card .image-wrapper img, .event-card .image-wrapper img {
  object-fit: contain !important; object-position: center !important; }
/* newsletter-hub-20261021: archive empty state on /newsletter */
body.section-newsletter .emptyListing{font-size:0;padding:0}
body.section-newsletter .emptyListing::before{content:"No issues yet. The first one will be archived here after it goes out.";font-size:1rem;display:block}

/* lic-ics-20261023: center the ICS Download button in event details (rollback: restore .bak-pre-20261023-ics) */
.event-button{display:flex!important;justify-content:center!important;text-align:center!important;width:100%;float:none!important}
.event-button .ics-download{display:inline-block;margin:0 auto}

/* lic-ics-past-20261024: hide ICS when Event end (else start) is past (same as JMA) */
.event-button.jma-ics-past,a.ics-download.jma-ics-past{display:none!important}

/* lic-related-bottom-20261024: sitewide Related Items chrome + bottom-align (Jason via HQ).
   Scope: body.qw-lic (every Plone .related-items). Rollback: restore .bak-pre-related-bottom-20261024 */
body.qw-lic .related-items h2{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;
  color:#173a79!important;
  font-weight:700!important;
}
body.qw-lic .related-items li a,
body.qw-lic .related-items a{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;
  color:#173a79!important;
  font-weight:600!important;
  text-decoration:none!important;
}
body.qw-lic .related-items li a:hover,
body.qw-lic .related-items a:hover,
body.qw-lic .related-items li a:focus-visible,
body.qw-lic .related-items a:focus-visible{
  color:#c0181d!important;
  text-decoration:underline!important;
}
@media (min-width:992px){
  /* Two-column layout when Plone Related Items is a direct child of #view.
     t5880u: EXCLUDE news + guide (those use bottom JMA stack below). */
  body.qw-lic:not(.contenttype-news-item):not(.contenttype-guide) #view:has(>.related-items){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(200px,260px);
    /* Explicit rows so grid-row:1/-1 on .related-items spans the full column (implicit-only grids make -1 == line 1). */
    grid-template-rows:auto auto;
    column-gap:2rem;
    row-gap:.75rem;
    align-items:start;
    max-width:var(--narrow-container-width,1020px);
    width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:1rem;
    padding-right:1rem;
    box-sizing:border-box;
  }
  body.qw-lic:not(.contenttype-news-item):not(.contenttype-guide) #view:has(>.related-items)>#page-document,
  body.qw-lic:not(.contenttype-news-item):not(.contenttype-guide) #view:has(>.related-items)>.documentFirstHeading,
  body.qw-lic:not(.contenttype-news-item):not(.contenttype-guide) #view:has(>.related-items)>[id^="page-"]{
    grid-column:1;
    grid-row:1;
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.qw-lic:not(.contenttype-news-item):not(.contenttype-guide) #view:has(>.related-items)>.tags,
  body.qw-lic:not(.contenttype-news-item):not(.contenttype-guide) #view:has(>.related-items)>.q.container.default.tags{
    grid-column:1;
    grid-row:2;
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.qw-lic:not(.contenttype-news-item):not(.contenttype-guide) #view>.related-items{
    grid-column:2;
    grid-row:1 / -1;
    align-self:end;
    margin-top:0!important;
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}
@media (max-width:991px){
  body.qw-lic #view>.related-items{
    margin-top:1rem!important;
  }
}

/* t5928u: news/guide #view stack = body -> CTA -> tags -> Related LAST (Jason screenshot fix).
   Doc area was collapsing (Related alone under breadcrumbs); expand doc selectors + force
   a real box (display:block, min-height) so #page-document/.guide-view keeps height.
   Prior t5884v5 had related->cta->tags. Two-col sidebar for non-news/non-guide unchanged.
   Rollback: /root/backups/t5928u-related-bottom-<timestamp>/ */
body.qw-lic.contenttype-news-item #view:has(>.related-items),
body.qw-lic.contenttype-guide #view:has(>.related-items){
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto auto!important;
  grid-template-areas: "doc" "cta" "tags" "related" !important;
  column-gap:0!important;
  row-gap:0!important;
  align-items:stretch!important;
  max-width:var(--narrow-container-width,1020px)!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:1rem!important;
  padding-right:1rem!important;
  box-sizing:border-box!important;
}
/* Doc: match Volto guide/news wrappers so grid-area:doc always owns the body box */
body.qw-lic.contenttype-news-item #view:has(>.related-items)>#page-document,
body.qw-lic.contenttype-guide #view:has(>.related-items)>#page-document,
body.qw-lic.contenttype-news-item #view:has(>.related-items)>.documentFirstHeading,
body.qw-lic.contenttype-guide #view:has(>.related-items)>.documentFirstHeading,
body.qw-lic.contenttype-news-item #view:has(>.related-items)>[id^="page-"],
body.qw-lic.contenttype-guide #view:has(>.related-items)>[id^="page-"],
body.qw-lic.contenttype-news-item #view:has(>.related-items)>.guide-view,
body.qw-lic.contenttype-guide #view:has(>.related-items)>.guide-view,
body.qw-lic.contenttype-news-item #view:has(>.related-items)>.newsitem-view,
body.qw-lic.contenttype-guide #view:has(>.related-items)>.newsitem-view,
body.qw-lic.contenttype-news-item #view:has(>.related-items)>.view-wrapper,
body.qw-lic.contenttype-guide #view:has(>.related-items)>.view-wrapper,
body.qw-lic.contenttype-news-item #view:has(>.related-items)>.q.container.guide-view,
body.qw-lic.contenttype-guide #view:has(>.related-items)>.q.container.guide-view,
body.qw-lic.contenttype-news-item #view:has(>.related-items)>.q.container.newsitem-view,
body.qw-lic.contenttype-guide #view:has(>.related-items)>.q.container.newsitem-view,
body.qw-lic.contenttype-news-item #view:has(>.related-items)>.q.container.view-wrapper,
body.qw-lic.contenttype-guide #view:has(>.related-items)>.q.container.view-wrapper{
  grid-area: doc !important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  height:auto!important;
  max-height:none!important;
  min-width:0!important;
  min-height:1px!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  position:static!important;
  float:none!important;
  align-self:stretch!important;
  justify-self:stretch!important;
}
/* t5884 inset kept: Related last, narrow column, border-top */
body.qw-lic.contenttype-news-item #view>.related-items,
body.qw-lic.contenttype-guide #view>.related-items{
  grid-area: related !important;
  display:block!important;
  visibility:visible!important;
  width:100%!important;
  max-width:var(--narrow-container-width,1020px)!important;
  margin:1.75rem auto 0!important;
  padding:1.25rem 0 0!important;
  border-top:1px solid #cfd6de!important;
  box-sizing:border-box!important;
  justify-self:center!important;
  align-self:start!important;
  position:static!important;
  float:none!important;
}
body.qw-lic.contenttype-news-item #view>.related-items h2,
body.qw-lic.contenttype-guide #view>.related-items h2{
  margin:0 0 .5rem!important;
  font-size:1.15rem!important;
  line-height:1.25!important;
}
body.qw-lic.contenttype-news-item #view>.related-items ul,
body.qw-lic.contenttype-guide #view>.related-items ul{
  margin:0!important;
  padding-left:1.25rem!important;
  list-style:disc!important;
}
body.qw-lic.contenttype-news-item #view>.related-items li,
body.qw-lic.contenttype-guide #view>.related-items li{
  margin:0 0 .4rem!important;
  display:list-item!important;
}
body.qw-lic.contenttype-news-item #view>.related-items li a,
body.qw-lic.contenttype-guide #view>.related-items li a{
  text-decoration:underline!important;
  font-weight:600!important;
}
body.qw-lic.contenttype-news-item #view>.lic-cta-end,
body.qw-lic.contenttype-guide #view>.lic-cta-end{
  grid-area: cta !important;
  margin:1.25rem auto 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  width:100%!important;
  max-width:var(--narrow-container-width,1020px)!important;
  text-align:center;
  justify-self:center!important;
  box-sizing:border-box!important;
}
body.qw-lic.contenttype-news-item #view>.lic-cta-end .lic-cta-end__promise,
body.qw-lic.contenttype-guide #view>.lic-cta-end .lic-cta-end__promise{
  display:none!important;
}
body.qw-lic.contenttype-news-item #view>.lic-cta-end .lic-cta-btns,
body.qw-lic.contenttype-guide #view>.lic-cta-end .lic-cta-btns{
  justify-content:center;
}
body.qw-lic.contenttype-news-item #view>.lic-cta-end .lic-cta-btn--ev,
body.qw-lic.contenttype-guide #view>.lic-cta-end .lic-cta-btn--ev,
body.qw-lic.contenttype-news-item #view>.lic-cta-end .lic-cta-btn--dir,
body.qw-lic.contenttype-guide #view>.lic-cta-end .lic-cta-btn--dir{
  display:none!important;
}
body.qw-lic.contenttype-news-item #view>.lic-cta-end .lic-cta-btn--nl,
body.qw-lic.contenttype-guide #view>.lic-cta-end .lic-cta-btn--nl{
  display:inline-block!important;
  padding:.7rem 1.6rem!important;
  border-radius:999px!important;
  background:#173a79!important;
  font-size:1rem!important;
}
body.qw-lic.contenttype-news-item #view>.tags,
body.qw-lic.contenttype-guide #view>.tags,
body.qw-lic.contenttype-news-item #view>.q.container.default.tags,
body.qw-lic.contenttype-guide #view>.q.container.default.tags{
  grid-area: tags !important;
  width:100%!important;
  max-width:var(--narrow-container-width,1020px)!important;
  margin:1.25rem auto 2rem!important;
  padding-left:0!important;
  padding-right:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.45rem .55rem!important;
  float:none!important;
  justify-self:center!important;
  box-sizing:border-box!important;
}