/* One local material gallery for the public checklist and the private portal. */
:is(.wtb-portal, [data-wt-kc]) .is-material-help {
  box-sizing: border-box; width: min(760px, calc(100vw - 32px)); max-width: min(760px, calc(100vw - 32px));
  max-height: calc(100dvh - 40px); margin: auto; padding: 26px; overflow: auto; overscroll-behavior: contain;
  border: 1px solid #d7cec1; border-radius: 18px; background: #fffdf9; color: #242321;
}
:is(.wtb-portal, [data-wt-kc]) .is-material-help > :is(.wtb-p-dialog-heading, .wtb-kc-help-heading) {
  position: sticky; top: -1px; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between;
  gap: 16px; margin: -2px 0 14px; padding-block: 2px 8px; background: #fffdf9;
}
:is(.wtb-portal, [data-wt-kc]) .is-material-help > :is(.wtb-p-dialog-heading, .wtb-kc-help-heading) h2 {
  min-width: 0; margin: 0; font-size: 25px; line-height: 1.25;
}
:is(.wtb-portal, [data-wt-kc]) .is-material-help :is(.wtb-p-dialog-close, .wtb-kc-help-close) {
  border-color: #b8ad9d; background: #f3ecdf; color: #242321;
}
:is(.wtb-portal, [data-wt-kc]) .is-material-help > :is(.wtb-p-help-intro, .wtb-kc-help-intro) {
  margin: 0 0 20px !important; color: #5e584e; font-size: 16px; line-height: 1.6;
}
:is(.wtb-portal, [data-wt-kc]) .is-material-help .wtb-help-materials {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 14px; margin: 0 0 20px;
}
:is(.wtb-portal, [data-wt-kc]) .is-material-help .wtb-help-material {
  box-sizing: border-box; min-width: 0; margin: 0; overflow: hidden;
  border: 1px solid #ded4c4; border-radius: 12px; background: #f7f2e9;
}
:is(.wtb-portal, [data-wt-kc]) .is-material-help .wtb-help-material-media {
  display: grid; place-items: center; aspect-ratio: 8 / 5; overflow: hidden; background: #eee8de;
}
:is(.wtb-portal, [data-wt-kc]) .is-material-help .wtb-help-material-image {
  display: block; width: 100%; height: 100%; min-width: 0; max-width: 100%; object-fit: cover; object-position: center;
  margin: 0; padding: 0; border: 0; border-radius: 0;
}
:is(.wtb-portal, [data-wt-kc]) .is-material-help .wtb-help-material-caption { padding: 13px 15px 15px; }
:is(.wtb-portal, [data-wt-kc]) .is-material-help .wtb-help-material-title {
  margin: 0; padding: 0; color: #242321; font-size: 16px; font-weight: 700; line-height: 1.35; letter-spacing: 0;
}
:is(.wtb-portal, [data-wt-kc]) .is-material-help .wtb-help-material-unavailable {
  box-sizing: border-box; padding: 18px; color: #5e584e; font-size: 14px; line-height: 1.5; text-align: center;
}
@media (max-width: 600px) {
  :is(.wtb-portal, [data-wt-kc]) .is-material-help {
    width: calc(100vw - 24px); max-width: min(760px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 18px;
  }
  :is(.wtb-portal, [data-wt-kc]) .is-material-help > :is(.wtb-p-dialog-heading, .wtb-kc-help-heading) { gap: 10px; }
  :is(.wtb-portal, [data-wt-kc]) .is-material-help > :is(.wtb-p-dialog-heading, .wtb-kc-help-heading) h2 { font-size: 22px; }
  :is(.wtb-portal, [data-wt-kc]) .is-material-help .wtb-help-materials { grid-template-columns: minmax(0, 1fr); }
  :is(.wtb-portal, [data-wt-kc]) .is-material-help .wtb-help-material-caption { padding: 12px 14px 14px; }
}
@media print { :is(.wtb-portal, [data-wt-kc]) .is-material-help { display: none !important; } }