:root {
  --party-page-max: 1520px;
  --party-article-max: 1200px;
  --party-page-gutter: 24px;
  --party-page-gutter-mobile: 16px;
}

/*
 * Public portal pages
 *
 * Keep cross-page layout corrections here. Page-specific generated classes are
 * used only where the framework emits fixed desktop geometry that cannot be
 * selected safely by a shared component name.
 */
.vMainUI_gzhsxyzhdjptv2 .workspace-container,
.vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view,
.vMainUI_gzhsxyzhdjptv2 .workspace-container .root-layout {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Generated public list pages use 115rem (1380px) inline widths. Align them
   with the 1520px site frame while preserving a safe desktop gutter. */
html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view > .root-layout > [style*="115rem"],
html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view > .root-layout > [style*="115.0rem"],
html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view > .root-layout > [style*="116.6666rem"] {
  width: calc(100% - (var(--party-page-gutter) * 2)) !important;
  max-width: var(--party-page-max) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Footer content follows the same page axis without changing the original
   image, red overlay, heights, or typography. */
.vMainUI_gzhsxyzhdjptv2 .h-toolbar:has(.website-footer-info) {
  padding-left: max(var(--party-page-gutter), calc((100% - var(--party-page-max)) / 2)) !important;
  padding-right: max(var(--party-page-gutter), calc((100% - var(--party-page-max)) / 2)) !important;
  box-sizing: border-box !important;
}
.vMainUI_gzhsxyzhdjptv2 .h-toolbar:has(.website-footer-info) .left-padding-el {
  padding-left: 0 !important;
}

/* Detail-page back bars use the same outer axis as list content. */
html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view:has(> .root-layout > .h-toolbar button .icon-w53) > .root-layout > .h-toolbar:has(button .icon-w53) {
  width: calc(100% - (var(--party-page-gutter) * 2)) !important;
  max-width: var(--party-page-max) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Visible detail-page back entries retain a reliable touch target. Menu-page
   return controls are hidden directly in their generated page source. */
.vMainUI_gzhsxyzhdjptv2 .workspace-container .h-toolbar button:has(.icon-w53):not(.hidden) {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container .h-toolbar button.hidden:has(.icon-w53) {
  display: none !important;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container .h-toolbar button:has(.icon-w53):focus-visible {
  outline: 2px solid #dc0a03;
  outline-offset: 2px;
}

/* Pager controls are shared by nearly every public list. */
.vMainUI_gzhsxyzhdjptv2 .workspace-container .u-pager {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container .u-pager-item,
.vMainUI_gzhsxyzhdjptv2 .workspace-container .u-pager-options-quick-jumper input,
.vMainUI_gzhsxyzhdjptv2 .workspace-container .u-pager-options-size-changer .u-select-selection {
  min-width: 44px !important;
  min-height: 44px !important;
  box-sizing: border-box;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container .u-pager-item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container .u-pager-options-quick-jumper input {
  height: 44px !important;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container .u-pager-options-size-changer .u-select-selection {
  display: flex;
  align-items: center;
}
/* P1: home "more" lists. Their generated grids are 115rem wide and their
   outer root hides the excess. Make every layer participate in the viewport. */
.v3659303f7426367bb076d33e38d4ceff > .root-layout,
.v68DD39380AF54ECEBD91A0445659EF59 > .root-layout,
.v41005cae11ab995b53009488744c6b8a > .root-layout {
  overflow-x: clip !important;
}
.v3659303f7426367bb076d33e38d4ceff > .root-layout > .h-grid,
.v68DD39380AF54ECEBD91A0445659EF59 > .root-layout > .h-grid,
.v41005cae11ab995b53009488744c6b8a > .root-layout > .h-grid {
  width: calc(100% - (var(--party-page-gutter) * 2)) !important;
  max-width: var(--party-page-max) !important;
  min-width: 0 !important;
  height: auto !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
.v3659303f7426367bb076d33e38d4ceff .h-grid .h-list,
.v3659303f7426367bb076d33e38d4ceff .h-grid .h-list-body-outer,
.v3659303f7426367bb076d33e38d4ceff .h-grid .h-list-body,
.v3659303f7426367bb076d33e38d4ceff .h-grid .h-list-item,
.v3659303f7426367bb076d33e38d4ceff .h-grid .h-list-item-content,
.v3659303f7426367bb076d33e38d4ceff .h-grid .h-formlayout,
.v3659303f7426367bb076d33e38d4ceff .h-grid .h-formlayout-table,
.v68DD39380AF54ECEBD91A0445659EF59 .h-grid .h-list,
.v68DD39380AF54ECEBD91A0445659EF59 .h-grid .h-list-body-outer,
.v68DD39380AF54ECEBD91A0445659EF59 .h-grid .h-list-body,
.v68DD39380AF54ECEBD91A0445659EF59 .h-grid .h-list-item,
.v68DD39380AF54ECEBD91A0445659EF59 .h-grid .h-list-item-content,
.v68DD39380AF54ECEBD91A0445659EF59 .h-grid .h-formlayout,
.v68DD39380AF54ECEBD91A0445659EF59 .h-grid .h-formlayout-table,
.v41005cae11ab995b53009488744c6b8a .h-grid .h-list,
.v41005cae11ab995b53009488744c6b8a .h-grid .h-list-body-outer,
.v41005cae11ab995b53009488744c6b8a .h-grid .h-list-body,
.v41005cae11ab995b53009488744c6b8a .h-grid .h-list-item,
.v41005cae11ab995b53009488744c6b8a .h-grid .h-list-item-content,
.v41005cae11ab995b53009488744c6b8a .h-grid .h-formlayout,
.v41005cae11ab995b53009488744c6b8a .h-grid .h-formlayout-table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  box-sizing: border-box !important;
}
.v3659303f7426367bb076d33e38d4ceff .h-grid .h-list-body-outer,
.v68DD39380AF54ECEBD91A0445659EF59 .h-grid .h-list-body-outer,
.v41005cae11ab995b53009488744c6b8a .h-grid .h-list-body-outer {
  overflow: visible !important;
}

/* P2: the public Party Member Style page is a generated flow list whose
   items all occupy separate rows. Turn only its list body into a true grid. */
.v526D68AF86D041A99E3A10B73EC73430 > .root-layout > .h-toolbar[name="sysUIToolBar1"],
.v526D68AF86D041A99E3A10B73EC73430 > .root-layout > .h-grid,
.v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 > .root-layout > .h-toolbar[name="sysUIToolBar"],
.v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 > .root-layout > .h-grid {
  width: calc(100% - (var(--party-page-gutter) * 2)) !important;
  max-width: var(--party-page-max) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
.v526D68AF86D041A99E3A10B73EC73430 > .root-layout > .h-grid,
.v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 > .root-layout > .h-grid {
  height: auto !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}
.v526D68AF86D041A99E3A10B73EC73430 .h-grid .h-list,
.v526D68AF86D041A99E3A10B73EC73430 .h-grid .h-list-body-outer,
.v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 .h-grid .h-list,
.v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 .h-grid .h-list-body-outer {
  height: auto !important;
  overflow: visible !important;
}
.v526D68AF86D041A99E3A10B73EC73430 .h-grid .h-list-body,
.v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 .h-grid .h-list-body {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  width: 100% !important;
  padding: 12px 0 24px !important;
  box-sizing: border-box;
}
.v526D68AF86D041A99E3A10B73EC73430 .h-grid .list-item-gap,
.v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 .h-grid .list-item-gap {
  display: none !important;
}
.v526D68AF86D041A99E3A10B73EC73430 .h-grid .h-list-item,
.v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 .h-grid .h-list-item {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}
.v526D68AF86D041A99E3A10B73EC73430 .h-grid .h-list-item-content,
.v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 .h-grid .h-list-item-content {
  display: flex;
  justify-content: center;
  min-width: 0;
}

/* Detail content: constrain Word-generated HTML, normalize reading rhythm,
   and keep media/tables inside the article column. */
.v4BA0C6613A0F4BE6B9FBBAA88B6E54A8 .portal-article-shell,
.v4BA0C6613A0F4BE6B9FBBAA88B6E54A8 > .root-layout > div[style*="width: 80%"],
.v3457D4C23D6142B0A19428A96F9CDFAE [name="sysUICard"],
.vd48595f4e3f42d24cd1b74e2864f70b7 [name="sysUICard"],
.va615e672b698446abb8846eef8d4bb3a [name="sysUICard"] {
  width: calc(100% - (var(--party-page-gutter) * 2)) !important;
  max-width: var(--party-article-max) !important;
  min-width: 0 !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
.v4BA0C6613A0F4BE6B9FBBAA88B6E54A8 .portal-article-shell,
.v4BA0C6613A0F4BE6B9FBBAA88B6E54A8 > .root-layout > div[style*="width: 80%"] {
  max-width: var(--party-page-max) !important;
}
.v4BA0C6613A0F4BE6B9FBBAA88B6E54A8 .detail-content {
  width: 100%;
  max-width: var(--party-article-max);
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.v4BA0C6613A0F4BE6B9FBBAA88B6E54A8 .portal-article-shell [name="content"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view > .root-layout > .h-formlayout[name="sysUICard"][style*="width:80%"],
html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view > .root-layout > .h-formlayout[name="sysUICard"][style*="width: 80%"] {
  width: calc(100% - (var(--party-page-gutter) * 2)) !important;
  max-width: var(--party-article-max) !important;
  min-width: 0 !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-formlayout[name="sysUICard"] .h-formlayout-table,
html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-formlayout[name="sysUICard"] .h-formlayout-table-row,
html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-formlayout[name="sysUICard"] .h-formlayout-table-col {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] .text-label-inner,
.vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] .label-text.html,
.vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] .ql-editor {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] p {
  max-width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 1em !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
  text-align: justify !important;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] p > span,
.vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] p > font {
  max-width: 100% !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] p[align="center"],
.vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] p[style*="text-align: center"] {
  text-align: center !important;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 18px auto;
  object-fit: contain;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed;
  border-collapse: collapse;
}
.vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] td,
.vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] th {
  min-width: 0 !important;
  overflow-wrap: anywhere;
}
@media (max-width: 1499px) {
  .v526D68AF86D041A99E3A10B73EC73430 .h-grid .h-list-body,
  .v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 .h-grid .h-list-body {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 1100px) {
  .v526D68AF86D041A99E3A10B73EC73430 .h-grid .h-list-body,
  .v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 .h-grid .h-list-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (max-width: 992px) {
  html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view > .root-layout > [style*="115rem"],
  html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view > .root-layout > [style*="115.0rem"],
  html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view > .root-layout > [style*="116.6666rem"],
  html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view:has(> .root-layout > .h-toolbar button .icon-w53) > .root-layout > .h-toolbar:has(button .icon-w53),
  .v3659303f7426367bb076d33e38d4ceff > .root-layout > .h-grid,
  .v68DD39380AF54ECEBD91A0445659EF59 > .root-layout > .h-grid,
  .v41005cae11ab995b53009488744c6b8a > .root-layout > .h-grid,
  .v526D68AF86D041A99E3A10B73EC73430 > .root-layout > .h-toolbar[name="sysUIToolBar1"],
  .v526D68AF86D041A99E3A10B73EC73430 > .root-layout > .h-grid,
  .v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 > .root-layout > .h-toolbar[name="sysUIToolBar"],
  .v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 > .root-layout > .h-grid,
  .v4BA0C6613A0F4BE6B9FBBAA88B6E54A8 .portal-article-shell,
  .v4BA0C6613A0F4BE6B9FBBAA88B6E54A8 > .root-layout > div[style*="width: 80%"],
  .v3457D4C23D6142B0A19428A96F9CDFAE [name="sysUICard"],
  .vd48595f4e3f42d24cd1b74e2864f70b7 [name="sysUICard"],
  .va615e672b698446abb8846eef8d4bb3a [name="sysUICard"] {
    width: calc(100% - (var(--party-page-gutter-mobile) * 2)) !important;
  }
  html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view > .root-layout > .h-formlayout[name="sysUICard"][style*="width:80%"],
  html body .vMainUI_gzhsxyzhdjptv2 .workspace-container .h-view > .root-layout > .h-formlayout[name="sysUICard"][style*="width: 80%"] {
    width: calc(100% - (var(--party-page-gutter-mobile) * 2)) !important;
  }

  .vMainUI_gzhsxyzhdjptv2 .h-toolbar:has(.website-footer-info) {
    padding-left: var(--party-page-gutter-mobile) !important;
    padding-right: var(--party-page-gutter-mobile) !important;
  }

  .v3659303f7426367bb076d33e38d4ceff .h-grid .h-formlayout,
  .v68DD39380AF54ECEBD91A0445659EF59 .h-grid .h-formlayout,
  .v41005cae11ab995b53009488744c6b8a .h-grid .h-formlayout {
    padding-right: 0 !important;
  }
  .v3659303f7426367bb076d33e38d4ceff .h-grid .h-formlayout-table-row,
  .v68DD39380AF54ECEBD91A0445659EF59 .h-grid .h-formlayout-table-row,
  .v41005cae11ab995b53009488744c6b8a .h-grid .h-formlayout-table-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 72px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
  }
  .v3659303f7426367bb076d33e38d4ceff .h-grid .h-formlayout-table-col,
  .v68DD39380AF54ECEBD91A0445659EF59 .h-grid .h-formlayout-table-col,
  .v41005cae11ab995b53009488744c6b8a .h-grid .h-formlayout-table-col {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
  }
  .v3659303f7426367bb076d33e38d4ceff .h-grid [name="title"],
  .v68DD39380AF54ECEBD91A0445659EF59 .h-grid [name="title"],
  .v41005cae11ab995b53009488744c6b8a .h-grid [name="title"] {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 28px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  .v3659303f7426367bb076d33e38d4ceff .h-grid [name="title"] .text-label-inner,
  .v68DD39380AF54ECEBD91A0445659EF59 .h-grid [name="title"] .text-label-inner,
  .v41005cae11ab995b53009488744c6b8a .h-grid [name="title"] .text-label-inner {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  .v3659303f7426367bb076d33e38d4ceff .h-grid [name="title"] .label-text,
  .v68DD39380AF54ECEBD91A0445659EF59 .h-grid [name="title"] .label-text,
  .v41005cae11ab995b53009488744c6b8a .h-grid [name="title"] .label-text {
    display: -webkit-box !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5 !important;
  }
  .v3659303f7426367bb076d33e38d4ceff .h-grid [name="create_time"],
  .v68DD39380AF54ECEBD91A0445659EF59 .h-grid [name="create_time"],
  .v41005cae11ab995b53009488744c6b8a .h-grid [name="create_time"] {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 24px !important;
    margin-top: 4px;
    justify-content: flex-end !important;
    text-align: right !important;
  }

  .vMainUI_gzhsxyzhdjptv2 .workspace-container .u-pager {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center;
    gap: 6px 8px;
    width: 100% !important;
    height: auto !important;
    padding: 10px 0 !important;
  }
  .vMainUI_gzhsxyzhdjptv2 .workspace-container .u-pager-left-total-text,
  .vMainUI_gzhsxyzhdjptv2 .workspace-container .u-pager-total-text {
    flex: 1 0 100%;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    text-align: center;
  }
  .vMainUI_gzhsxyzhdjptv2 .workspace-container .u-pager-options {
    max-width: 100%;
  }

  .vMainUI_gzhsxyzhdjptv2 .workspace-container [name="content"] p {
    font-size: 16px !important;
    line-height: 1.8 !important;
  }
}

@media (max-width: 600px) {
  .v526D68AF86D041A99E3A10B73EC73430 .h-grid .h-list-body,
  .v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 .h-grid .h-list-body {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .v526D68AF86D041A99E3A10B73EC73430 .h-grid .h-list-item-content,
  .v0de07f9d220a5b7dfb8ad0dc8d7fd4a6 .h-grid .h-list-item-content {
    justify-content: center;
  }
}