.bwe-page-record {
  background-color: rgb(var(--color-background));
  background-image:
    linear-gradient(rgba(var(--color-text), 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--color-text), 0.025) 1px, transparent 1px);
  background-size: 32px 32px;
}

.bwe-page-record__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  font-family: "Courier New", Courier, monospace;
  color: #efefeb;
  background: #111312;
  border: 1px solid #5b5e5b;
  border-block-end: 5px solid #ed2533;
  box-shadow: 7px 7px 0 rgba(var(--color-text), 0.08);
}

.bwe-page-record__header > div:first-child {
  padding: 26px 30px;
}

.bwe-page-record__header p {
  margin: 0 0 9px;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: 0.09em;
  color: #9b9e9b;
}

.bwe-page-record .main-page__title {
  margin: 0;
  font-family: "Courier New", Courier, monospace;
  font-size: clamp(28px, 4.5vw, 48px);
  line-height: 1.06;
  letter-spacing: 0.025em;
  text-align: start;
  overflow-wrap: anywhere;
}

.bwe-page-record__readout {
  display: grid;
  min-width: 230px;
  padding: 17px 21px;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: 0.07em;
  color: #b9bbb8;
  border-inline-start: 1px solid #5b5e5b;
}

.bwe-page-record__readout span {
  display: flex;
  align-items: center;
}

.bwe-page-record .main-page__content:not(:empty) {
  max-width: 960px;
  padding: clamp(24px, 5vw, 54px);
  margin: 36px auto 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(17px, 1.2vw, 19px);
  line-height: 1.75;
  background: rgba(var(--color-background), 0.97);
  border: 1px solid rgba(var(--color-text), 0.34);
  box-shadow: 7px 7px 0 rgba(var(--color-text), 0.08);
}

.bwe-page-record .main-page__content :where(h2, h3, h4, h5, h6) {
  margin-block: 1.35em 0.55em;
  font-family: "Courier New", Courier, monospace;
  line-height: 1.2;
}

.bwe-page-record .main-page__content h2 {
  font-size: clamp(24px, 3vw, 34px);
}

.bwe-page-record .main-page__content h3 {
  font-size: clamp(21px, 2.4vw, 27px);
}

.bwe-page-record .main-page__content :where(img, video, iframe) {
  max-width: 100%;
}

.bwe-page-record .main-page__content :where(img, video) {
  height: auto;
}

.bwe-page-record .main-page__content iframe[src*="youtube"],
.bwe-page-record .main-page__content iframe[src*="youtu.be"],
.bwe-page-record .main-page__content iframe[src*="vimeo"] {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.bwe-page-record .main-page__content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

.bwe-page-record .main-page__content :where(th, td) {
  min-width: 120px;
  padding: 12px;
  border: 1px solid rgba(var(--color-text), 0.3);
}

.bwe-page-record .main-page__content a {
  overflow-wrap: anywhere;
  text-decoration-color: #ed2533;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.18em;
}

/* Present the editable About page copy as an institutional archive record. */
.bwe-page-record[data-page-path="/pages/about-us"] .main-page__content:not(:empty) {
  max-width: 1100px;
  padding: 0;
  overflow: hidden;
  color: #d9dbd7;
  background: #111312;
  border-color: #666a65;
  border-block-end: 5px solid #ed2533;
  box-shadow: 10px 10px 0 rgb(0 0 0 / 12%);
  counter-reset: bwe-about-record;
}

.bwe-page-record[data-page-path="/pages/about-us"] .main-page__content::before {
  content: "MISSION RECORD / STORE FILE / PUBLIC ACCESS";
  display: block;
  padding: 17px 30px;
  color: #ed2533;
  font: 700 13px / 1.45 "Courier New", Courier, monospace;
  letter-spacing: .1em;
  background: #242724;
  border-block-end: 1px solid #666a65;
}

.bwe-page-record[data-page-path="/pages/about-us"] .main-page__content .paragraph-element {
  position: relative;
  min-height: 112px;
  padding: 30px 38px 30px 168px;
  margin: 0;
  color: #c6c9c4;
  font-size: 17px;
  line-height: 1.75;
  border-block-end: 1px solid #3e423e;
  counter-increment: bwe-about-record;
}

.bwe-page-record[data-page-path="/pages/about-us"] .main-page__content .paragraph-element::before {
  content: "RECORD / 0" counter(bwe-about-record);
  position: absolute;
  top: 34px;
  left: 30px;
  color: #ed2533;
  font: 700 13px / 1.4 "Courier New", Courier, monospace;
  letter-spacing: .08em;
}

.bwe-page-record[data-page-path="/pages/about-us"] .main-page__content .paragraph-element:first-child {
  padding-block: 40px;
  color: #f1f0e9;
  font: 700 clamp(25px, 2.6vw, 36px) / 1.25 Georgia, "Times New Roman", serif;
  letter-spacing: -.02em;
  background: linear-gradient(90deg, rgb(237 37 51 / 10%), transparent 56%);
}

.bwe-page-record[data-page-path="/pages/about-us"] .main-page__content .custom-break-line {
  display: none;
}

.bwe-page-record[data-page-path="/pages/about-us"] .main-page__content code {
  padding: 0;
  color: #fff;
  font: inherit;
  background: transparent;
}

/* Keep the third-party wishlist application inside the archive interface. */
.bwe-page-record[data-page-path*="wishlist_5e.buvk"] .main-page__content {
  max-width: 1100px;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  > .notranslate {
  width: 100% !important;
  overflow: hidden;
  color: #171918;
  font-family: Arial, sans-serif;
  background: #d0cec6;
  border: 1px solid #666a65;
  box-shadow: 7px 7px 0 rgb(0 0 0 / 10%);
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_tab_"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100% !important;
  height: auto !important;
  min-height: 62px;
  padding: 0 !important;
  margin: 0 !important;
  border-block-end: 1px solid #666a65;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_tabItem_"] {
  display: flex !important;
  width: auto !important;
  height: auto !important;
  min-width: 0;
  min-height: 62px;
  padding: 12px 16px !important;
  margin: 0 !important;
  align-items: center;
  justify-content: center;
  color: #272a27;
  font: 700 14px / 1.25 "Courier New", Courier, monospace !important;
  letter-spacing: 0.06em;
  text-align: center;
  background: #d4d2ca;
  border-inline-end: 1px solid #666a65;
  cursor: pointer;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_tabItem_"]:last-child {
  border-inline-end: 0;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_tabItem_"][class*="_active_"] {
  color: #fff;
  background: #171918;
  box-shadow: inset 0 -5px #ed2533;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_loginTips_"] {
  width: 100% !important;
  height: auto !important;
  min-height: 54px;
  padding: 15px 20px !important;
  margin: 0 !important;
  color: #c5c8c4;
  font: 14px / 1.55 Arial, sans-serif;
  background: #242724;
  border-block-end: 1px dashed #72756f;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_loginTips_"] a {
  color: #fff;
  font: 700 14px / 1.4 "Courier New", Courier, monospace;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_groupContainer_"] {
  display: grid !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 20px !important;
  margin: 0 !important;
  gap: 14px;
  background: #d0cec6;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_groupItem_"] {
  width: 100% !important;
  height: auto !important;
  min-width: 0;
  min-height: 0 !important;
  margin: 0 !important;
  background: #e4e2db;
  border: 1px solid #666a65;
  box-shadow: 5px 5px 0 rgb(0 0 0 / 8%);
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_groupItemContent_"] {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_groupTitle_"] {
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 54px;
  padding: 13px 16px !important;
  margin: 0 !important;
  align-items: center;
  color: #eee;
  background: #171918;
  border-block-end: 1px dashed #666a65;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_groupName_"] {
  width: auto !important;
  height: auto !important;
  color: inherit;
  font: 700 16px / 1.35 "Courier New", Courier, monospace !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_groupProduct_"] {
  display: grid !important;
  width: 100% !important;
  height: auto !important;
  min-height: 180px;
  padding: 18px !important;
  margin: 0 !important;
  place-items: center;
  color: #252825;
  text-decoration: none;
  background-color: #e4e2db;
  background-image:
    linear-gradient(rgb(0 0 0 / 3.5%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(0 0 0 / 3.5%) 1px, transparent 1px);
  background-size: 24px 24px;
  border-block-end: 1px dashed #777a74;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_emptyProduct_"] {
  display: grid !important;
  width: 100% !important;
  height: auto !important;
  min-height: 142px;
  padding: 20px !important;
  place-items: center;
  color: #474a46;
  font: 700 14px / 1.55 "Courier New", Courier, monospace !important;
  text-align: center;
  background: transparent !important;
  border: 1px dashed #858880;
}

.bwe-page-record[data-page-path*="wishlist_5e.buvk"]
  .custom-page-render-container
  [class*="_groupCount_"] {
  width: 100% !important;
  height: auto !important;
  min-height: 46px;
  padding: 12px 16px !important;
  margin: 0 !important;
  color: #545752;
  font: 700 13px / 1.5 "Courier New", Courier, monospace !important;
  letter-spacing: 0.04em;
}

@media (max-width: 959px) {
  .bwe-page-record__header {
    grid-template-columns: 1fr;
  }

  .bwe-page-record__header > div:first-child {
    padding: 21px 17px;
  }

  .bwe-page-record__readout {
    grid-template-columns: 1fr;
    gap: 5px;
    min-width: 0;
    padding: 11px 17px;
    font-size: 14px;
    border-inline-start: 0;
    border-block-start: 1px solid #5b5e5b;
  }

  .bwe-page-record .main-page__content:not(:empty) {
    padding: 24px 18px;
    margin-block-start: 26px;
    font-size: 18px;
    box-shadow: 5px 5px 0 rgba(var(--color-text), 0.08);
  }

  .bwe-page-record[data-page-path="/pages/about-us"] .main-page__content:not(:empty) {
    padding: 0;
    box-shadow: 5px 5px 0 rgb(0 0 0 / 12%);
  }

  .bwe-page-record[data-page-path="/pages/about-us"] .main-page__content::before {
    padding: 14px 18px;
    font-size: 12px;
  }

  .bwe-page-record[data-page-path="/pages/about-us"] .main-page__content .paragraph-element,
  .bwe-page-record[data-page-path="/pages/about-us"] .main-page__content .paragraph-element:first-child {
    min-height: 0;
    padding: 22px 18px;
    font-size: 18px;
    line-height: 1.7;
  }

  .bwe-page-record[data-page-path="/pages/about-us"] .main-page__content .paragraph-element::before {
    position: static;
    display: block;
    margin-block-end: 12px;
    font-size: 12px;
  }

  .bwe-page-record[data-page-path*="wishlist_5e.buvk"] .main-page__content:not(:empty) {
    padding: 16px 10px;
  }

  .bwe-page-record[data-page-path*="wishlist_5e.buvk"]
    .custom-page-render-container
    [class*="_tabItem_"] {
    min-height: 56px;
    padding-inline: 8px !important;
    font-size: 13px !important;
  }

  .bwe-page-record[data-page-path*="wishlist_5e.buvk"]
    .custom-page-render-container
    [class*="_loginTips_"] {
    padding: 14px !important;
  }

  .bwe-page-record[data-page-path*="wishlist_5e.buvk"]
    .custom-page-render-container
    [class*="_groupContainer_"] {
    padding: 10px !important;
  }

  .bwe-page-record[data-page-path*="wishlist_5e.buvk"]
    .custom-page-render-container
    [class*="_groupProduct_"] {
    min-height: 160px;
    padding: 12px !important;
  }
}