/*
 * Resources page — Figma implementation
 * Desktop: 4424:23135 (1440px)
 * Mobile:  4449:41045 (390px)
 *
 * Deliberately scoped to the Resources-only content above the shared inquiry.
 * Nothing at or after template-parts/shared-home-inquiry is targeted here.
 */

:root {
  --pyp-res-font: "BR Segma Figma Web", "BR Segma Web", "BR Segma", Arial, sans-serif;
  --pyp-res-ink: #20261f;
  --pyp-res-rust: #9c5b2e;
  --pyp-res-green: #2e463c;
  --pyp-res-cream: #f3efe5;
  --pyp-res-paper: #faf8f3;
  --pyp-res-muted: #999;
  --pyp-res-gold: #d8b98c;
}

html:has([data-screen-label="Resources hero"]),
body:has([data-screen-label="Resources hero"]) {
  scrollbar-width: none;
}

html:has([data-screen-label="Resources hero"])::-webkit-scrollbar,
body:has([data-screen-label="Resources hero"])::-webkit-scrollbar {
  display: none;
}

.pyp-resources-announcement,
[data-screen-label="Resources hero"],
[data-screen-label="Featured resources"],
[data-screen-label="Buying guides"],
[data-screen-label="Material library"],
[data-screen-label="Technical resources"],
[data-screen-label="Catalog library"],
[data-screen-label="Video library"],
[data-screen-label="FAQ and blog"] {
  box-sizing: border-box;
  font-family: var(--pyp-res-font) !important;
}

[data-screen-label="Resources hero"] *,
[data-screen-label="Featured resources"] *,
[data-screen-label="Buying guides"] *,
[data-screen-label="Material library"] *,
[data-screen-label="Technical resources"] *,
[data-screen-label="Catalog library"] *,
[data-screen-label="Video library"] *,
[data-screen-label="FAQ and blog"] * {
  box-sizing: border-box;
  font-family: var(--pyp-res-font) !important;
  font-synthesis: none;
}

body.home .sc-host [data-screen-label="Resources hero"] *,
body.home .sc-host [data-screen-label="Featured resources"] *,
body.home .sc-host [data-screen-label="Buying guides"] *,
body.home .sc-host [data-screen-label="Material library"] *,
body.home .sc-host [data-screen-label="Technical resources"] *,
body.home .sc-host [data-screen-label="Catalog library"] *,
body.home .sc-host [data-screen-label="Video library"] *,
body.home .sc-host [data-screen-label="FAQ and blog"] * {
  font-family: var(--pyp-res-font) !important;
}

.pyp-resources-hero-cta,
.pyp-resources-row-link,
.pyp-resources-tech-link,
.pyp-resources-faq-cta,
.pyp-resources-zoom-media {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .5s ease;
}

.pyp-resources-hero-cta:focus-visible,
.pyp-resources-row-link:focus-visible,
.pyp-resources-tech-link:focus-visible,
.pyp-resources-faq-cta:focus-visible,
.pyp-resources-zoom-card:focus-visible {
  outline: 2px solid var(--pyp-res-rust);
  outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
  .pyp-resources-hero-cta--primary:hover {
    background: #3a574b !important;
    color: #fcfaf5 !important;
  }

  .pyp-resources-hero-cta--secondary:hover {
    border-color: var(--pyp-res-rust) !important;
  }

  .pyp-resources-zoom-card:hover .pyp-resources-zoom-media {
    transform: scale(1.05);
  }

  .pyp-resources-row-link:hover {
    color: var(--pyp-res-rust) !important;
  }

  .pyp-resources-row-link--dark:hover {
    color: var(--pyp-res-gold) !important;
  }

  .pyp-resources-tech-link:hover {
    background: rgba(216,185,140,.08) !important;
    border-color: rgba(216,185,140,.55) !important;
    color: #f2efe7 !important;
  }

  .pyp-resources-faq-cta:hover {
    background: var(--pyp-res-gold) !important;
    color: var(--pyp-res-ink) !important;
  }
}

.pyp-resources-announcement {
  align-items: center !important;
  display: flex !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  height: 38px !important;
  justify-content: center !important;
  letter-spacing: .78px !important;
  line-height: 19.5px !important;
  padding: 9px 24px !important;
}

/* 01 — Hero */
[data-screen-label="Resources hero"] {
  background: var(--pyp-res-cream) !important;
  height: 543.25px !important;
}

[data-screen-label="Resources hero"] > div {
  align-items: center !important;
  display: grid !important;
  gap: 64px !important;
  grid-template-columns: 650px 550px !important;
  height: 100% !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  padding: 90px 48px !important;
  width: 1360px !important;
}

[data-screen-label="Resources hero"] > div > div:first-child {
  align-items: flex-start !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 650px !important;
}

[data-screen-label="Resources hero"] > div > div:first-child > span {
  color: #a46629 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 18px !important;
  margin-bottom: 8px !important;
}

[data-screen-label="Resources hero"] h1 {
  color: var(--pyp-res-ink) !important;
  font-family: var(--pyp-res-font) !important;
  font-size: 48px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 57.6px !important;
  margin: 0 0 22px !important;
  max-width: 650px !important;
  text-wrap: initial !important;
}

[data-screen-label="Resources hero"] p {
  color: #5c6156 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 29.7px !important;
  margin: 0 0 22px !important;
  max-width: 623px !important;
  width: 623px !important;
}

[data-screen-label="Resources hero"] > div > div:first-child > div:last-child {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  padding-top: 0 !important;
}

[data-screen-label="Resources hero"] > div > div:first-child > div:last-child a {
  align-items: center !important;
  display: flex !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  height: 48px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 18px !important;
  padding: 14px 24px !important;
  font-family: var(--pyp-res-font) !important;
  text-transform: capitalize !important;
  white-space: nowrap !important;
}

[data-screen-label="Resources hero"] > div > div:first-child > div:last-child a:first-child {
  background: var(--pyp-res-rust) !important;
  color: #fff !important;
}

[data-screen-label="Resources hero"] > div > div:last-child {
  align-self: center !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 268px 268px !important;
  height: 335.719px !important;
  width: 550px !important;
}

.pyp-resources-hero-image {
  height: 303.719px !important;
  overflow: hidden !important;
  position: relative !important;
  width: 268px !important;
}

.pyp-resources-hero-image--right {
  margin-top: 32px !important;
}

.pyp-resources-hero-image img {
  display: block !important;
  left: 50% !important;
  max-width: none !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.pyp-resources-hero-image--left img {
  height: 304px !important;
  left: calc(50% + 31px) !important;
  top: calc(50% - .12px) !important;
  width: 400px !important;
}

.pyp-resources-hero-image--right img {
  height: 476px !important;
  left: calc(50% - 8.5px) !important;
  top: calc(50% - 36.12px) !important;
  width: 285px !important;
}

/* Shared section titles above the preserved inquiry component. */
[data-screen-label="Featured resources"] h2,
[data-screen-label="Material library"] h2,
[data-screen-label="Technical resources"] h2,
[data-screen-label="Video library"] h2 {
  font-family: var(--pyp-res-font) !important;
  font-size: 48px !important;
  font-weight: 600 !important;
  letter-spacing: -2px !important;
  line-height: 51.84px !important;
}

/* 02 — Featured resources */
[data-screen-label="Featured resources"] {
  background: var(--pyp-res-paper) !important;
  height: 1172.375px !important;
  overflow: hidden !important;
}

[data-screen-label="Featured resources"] > div {
  gap: 40px !important;
  height: 100% !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  padding: 96px 48px !important;
  width: 1360px !important;
}

[data-screen-label="Featured resources"] > div > div:first-child {
  align-items: flex-end !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 284px !important;
  justify-content: flex-start !important;
}

[data-screen-label="Featured resources"] > div > div:first-child > div {
  gap: 8px !important;
  width: 518px !important;
}

[data-screen-label="Featured resources"] > div > div:first-child span:first-child,
[data-screen-label="Material library"] > div > div:first-child span:first-child,
[data-screen-label="Video library"] > div > div:first-child span:first-child {
  color: var(--pyp-res-rust) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 18px !important;
}

[data-screen-label="Featured resources"] > div > div:first-child > p {
  color: var(--pyp-res-muted) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 26.88px !important;
  margin: 0 !important;
  max-width: none !important;
  padding-bottom: 4px !important;
  width: 462px !important;
}

[data-screen-label="Featured resources"] > div > div:last-child {
  display: grid !important;
  gap: 32px 16px !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

[data-screen-label="Featured resources"] > div > div:last-child a {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  min-width: 0 !important;
}

[data-screen-label="Featured resources"] > div > div:last-child a > div:first-child {
  aspect-ratio: auto !important;
  height: 316.188px !important;
}

[data-screen-label="Featured resources"] > div > div:last-child a > div:first-child > span {
  display: none !important;
}

[data-screen-label="Featured resources"] > div > div:last-child a:nth-child(1) > div:first-child > div {
  background-position: calc(50% + 7.67px) calc(50% - .09px) !important;
}

[data-screen-label="Featured resources"] > div > div:last-child a:nth-child(2) > div:first-child > div {
  background-position: 50% calc(50% - .09px) !important;
}

[data-screen-label="Featured resources"] > div > div:last-child a:nth-child(3) > div:first-child > div {
  background-position: calc(50% + .33px) calc(50% + .41px) !important;
}

[data-screen-label="Featured resources"] > div > div:last-child a:nth-child(4) > div:first-child > div {
  background-position: right -.33px center !important;
}

[data-screen-label="Featured resources"] > div > div:last-child a:nth-child(5) > div:first-child > div {
  background-position: calc(50% - .5px) calc(50% - 107.78px) !important;
}

[data-screen-label="Featured resources"] > div > div:last-child a:nth-child(6) > div:first-child > div {
  background-position: calc(50% + 10.33px) calc(50% - .28px) !important;
}

[data-screen-label="Featured resources"] > div > div:last-child a > div:last-child {
  gap: 4px !important;
  padding-right: 32px !important;
}

[data-screen-label="Featured resources"] > div > div:last-child a > div:last-child > span:first-child {
  color: var(--pyp-res-ink) !important;
  font-family: var(--pyp-res-font) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  letter-spacing: -1px !important;
  line-height: 28.8px !important;
}

[data-screen-label="Featured resources"] > div > div:last-child a > div:last-child > span:last-child {
  color: #5c6156 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 21.7px !important;
}

/* 03 — Buying guides */
[data-screen-label="Buying guides"] {
  background: var(--pyp-res-cream) !important;
  height: 894px !important;
}

[data-screen-label="Buying guides"] > div {
  align-items: start !important;
  display: grid !important;
  gap: 64px !important;
  grid-template-columns: 450px 750px !important;
  height: 100% !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  padding: 96px 48px !important;
  width: 1360px !important;
}

[data-screen-label="Buying guides"] > div > div:first-child {
  gap: 24px !important;
  position: static !important;
  width: 450px !important;
}

[data-screen-label="Buying guides"] > div > div:first-child > span {
  color: var(--pyp-res-rust) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 18px !important;
}

[data-screen-label="Buying guides"] h2 {
  font-family: var(--pyp-res-font) !important;
  font-size: 48px !important;
  font-weight: 600 !important;
  letter-spacing: -2px !important;
  line-height: 57.6px !important;
}

[data-screen-label="Buying guides"] > div > div:first-child > p {
  color: var(--pyp-res-muted) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 24.75px !important;
}

[data-screen-label="Buying guides"] > div > div:last-child {
  width: 750px !important;
}

[data-screen-label="Buying guides"] > div > div:last-child a {
  gap: 16px !important;
  height: 100px !important;
  padding: 24px 4px !important;
}

[data-screen-label="Buying guides"] > div > div:last-child a > span:first-child {
  color: #c9a26b !important;
  font-family: var(--pyp-res-font) !important;
  font-size: 27.167px !important;
  font-weight: 600 !important;
  line-height: 27.167px !important;
  width: 40px !important;
}

[data-screen-label="Buying guides"] > div > div:last-child a > span:nth-child(2) {
  gap: 8px !important;
}

[data-screen-label="Buying guides"] > div > div:last-child a > span:nth-child(2) > span:first-child {
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 22.275px !important;
}

[data-screen-label="Buying guides"] > div > div:last-child a > span:nth-child(2) > span:last-child {
  color: var(--pyp-res-muted) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 19.5px !important;
}

[data-screen-label="Buying guides"] > div > div:last-child a > span:last-child {
  align-items: center !important;
  display: flex !important;
  font-size: 18px !important;
  height: 40px !important;
  justify-content: center !important;
  width: 40px !important;
}

@media (min-width: 769px) {
  [data-screen-label="Buying guides"] > div > div:last-child a {
    align-items: flex-start !important;
  }

  [data-screen-label="Buying guides"] > div > div:last-child a > span:first-child {
    align-items: flex-start !important;
    display: flex !important;
    height: 20px !important;
    line-height: 19.766px !important;
  }

  [data-screen-label="Buying guides"] > div > div:last-child a > span:last-child {
    align-self: center !important;
  }
}

/* 04 — Material library */
[data-screen-label="Material library"] {
  background: var(--pyp-res-paper) !important;
  height: 943.1875px !important;
  overflow: hidden !important;
}

[data-screen-label="Material library"] > div {
  gap: 40px !important;
  height: 100% !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  padding: 96px 48px !important;
  width: 1360px !important;
}

[data-screen-label="Material library"] > div > div:first-child {
  align-items: flex-end !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
}

[data-screen-label="Material library"] > div > div:first-child > div {
  gap: 12px !important;
}

[data-screen-label="Material library"] > div > div:first-child > p {
  color: var(--pyp-res-muted) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 25.6px !important;
  margin: 0 !important;
  max-width: none !important;
  padding-bottom: 4px !important;
  width: 420px !important;
}

[data-screen-label="Material library"] > div > div:last-child {
  display: grid !important;
  gap: 32px 16px !important;
  grid-template-columns: repeat(4, 1fr) !important;
}

[data-screen-label="Material library"] > div > div:last-child a {
  gap: 16px !important;
}

[data-screen-label="Material library"] > div > div:last-child a > div:first-child {
  aspect-ratio: auto !important;
  height: 235.594px !important;
}

[data-screen-label="Material library"] > div > div:last-child a > div:last-child {
  gap: 4px !important;
}

[data-screen-label="Material library"] > div > div:last-child a > div:last-child > span:first-child {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 23.25px !important;
}

[data-screen-label="Material library"] > div > div:last-child a > div:last-child > span:last-child {
  color: #8a8474 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 18.75px !important;
}

/* 05 — Technical resources */
[data-screen-label="Technical resources"] {
  background: var(--pyp-res-green) !important;
  height: 656.5625px !important;
}

[data-screen-label="Technical resources"] > div {
  gap: 44px !important;
  height: 100% !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  padding: 96px 48px !important;
  width: 1360px !important;
}

[data-screen-label="Technical resources"] > div > div:first-child {
  gap: 12px !important;
  width: 625px !important;
}

[data-screen-label="Technical resources"] > div > div:first-child > span {
  color: var(--pyp-res-gold) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 14.4px !important;
}

[data-screen-label="Technical resources"] > div > div:last-child {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(2, 625px) !important;
  grid-template-rows: repeat(2, 136.781px) !important;
}

[data-screen-label="Technical resources"] > div > div:last-child a {
  align-items: center !important;
  display: flex !important;
  gap: 0 !important;
  height: 136.781px !important;
  justify-content: space-between !important;
  padding: 24px !important;
}

[data-screen-label="Technical resources"] > div > div:last-child a > span:first-child {
  height: 66px !important;
  width: 66px !important;
}

[data-screen-label="Technical resources"] > div > div:last-child a > span:first-child .pyp-tech-icon {
  display: block !important;
  height: 28px !important;
  width: 28px !important;
}

[data-screen-label="Technical resources"] > div > div:last-child a > span:nth-child(2) {
  flex: 0 0 321px !important;
  gap: 8px !important;
  margin-left: 24px !important;
}

.pyp-tech-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.pyp-tech-copy--mobile {
  display: none !important;
}

[data-screen-label="Technical resources"] .pyp-tech-copy > span:first-child {
  font-family: var(--pyp-res-font) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 27.6px !important;
}

[data-screen-label="Technical resources"] .pyp-tech-copy > span:last-child {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22.4px !important;
}

[data-screen-label="Technical resources"] > div > div:last-child a > span:last-child {
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 42px !important;
  letter-spacing: 0 !important;
  line-height: 16.8px !important;
  margin-left: auto !important;
  padding: 12px 24px !important;
  text-transform: none !important;
}

/* 06 — Catalog library */
[data-screen-label="Catalog library"] {
  background: var(--pyp-res-paper) !important;
  height: 835px !important;
  overflow: hidden !important;
}

[data-screen-label="Catalog library"] > div {
  align-items: stretch !important;
  display: grid !important;
  gap: 64px !important;
  grid-template-columns: 521.734px 678.266px !important;
  height: 100% !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  padding: 96px 48px !important;
  width: 1360px !important;
}

[data-screen-label="Catalog library"] > div > div:first-child {
  aspect-ratio: auto !important;
  height: 643px !important;
}

[data-screen-label="Catalog library"] > div > div:first-child > div:first-child {
  background-position: -56px -147.37px !important;
  background-size: 738px 790px !important;
}

[data-screen-label="Catalog library"] > div > div:first-child > div:nth-child(2) {
  background: linear-gradient(198.0318508612deg, rgba(115, 67, 0, 0) 70.109%, rgba(110, 51, 0, .64) 103.31%) !important;
}

[data-screen-label="Catalog library"] > div > div:first-child > div:last-child {
  bottom: 30px !important;
  gap: 8px !important;
  left: 30px !important;
  right: 30px !important;
}

[data-screen-label="Catalog library"] > div > div:first-child > div:last-child > span:first-child {
  color: var(--pyp-res-gold) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 14.4px !important;
}

[data-screen-label="Catalog library"] > div > div:first-child > div:last-child > span:nth-child(2) {
  font-family: var(--pyp-res-font) !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 35.84px !important;
}

[data-screen-label="Catalog library"] > div > div:first-child > div:last-child > span:last-child {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 14.4px !important;
}

[data-screen-label="Catalog library"] > div > div:last-child {
  align-self: center !important;
  gap: 24px !important;
  width: 678.266px !important;
}

[data-screen-label="Catalog library"] > div > div:last-child > div:first-child {
  gap: 12px !important;
}

[data-screen-label="Catalog library"] > div > div:last-child > div:first-child > span {
  color: var(--pyp-res-rust) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 18px !important;
}

[data-screen-label="Catalog library"] h2 {
  font-family: var(--pyp-res-font) !important;
  font-size: 48px !important;
  font-weight: 600 !important;
  letter-spacing: -2px !important;
  line-height: 51.84px !important;
}

[data-screen-label="Catalog library"] > div > div:last-child > div:nth-child(2) a {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 16px 4px !important;
}

[data-screen-label="Catalog library"] > div > div:last-child > div:nth-child(2) a > span:first-child {
  gap: 8px !important;
}

[data-screen-label="Catalog library"] > div > div:last-child > div:nth-child(2) a > span:first-child > span:first-child {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 23.25px !important;
}

[data-screen-label="Catalog library"] > div > div:last-child > div:nth-child(2) a > span:first-child > span:last-child {
  color: #8a8474 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 16.8px !important;
}

[data-screen-label="Catalog library"] > div > div:last-child > div:nth-child(2) a > span:last-child {
  align-items: center !important;
  color: #9c5b2e !important;
  display: flex !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  gap: 4px !important;
  letter-spacing: -1px !important;
  line-height: 14px !important;
  text-transform: none !important;
}

.pyp-catalog-download img {
  display: block !important;
  height: 20px !important;
  width: 20px !important;
}

.pyp-resource-arrow img {
  display: block !important;
  height: 40px !important;
  width: 40px !important;
}

.pyp-resource-arrow .pyp-faq-arrow__mobile {
  display: none !important;
}

[data-screen-label="Catalog library"] > div > div:last-child > span:last-child {
  color: #8a8474 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 19.5px !important;
}

/* 07 — Video library */
[data-screen-label="Video library"] {
  background: var(--pyp-res-cream) !important;
  height: 636.671875px !important;
  overflow: hidden !important;
}

[data-screen-label="Video library"] > div {
  gap: 40px !important;
  height: 100% !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  padding: 96px 48px !important;
  width: 1360px !important;
}

[data-screen-label="Video library"] > div > div:first-child {
  gap: 12px !important;
}

[data-screen-label="Video library"] > div > div:last-child {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(5, 1fr) !important;
  height: 321.672px !important;
}

[data-screen-label="Video library"] > div > div:last-child a {
  gap: 10px !important;
}

[data-screen-label="Video library"] > div > div:last-child a > div {
  aspect-ratio: auto !important;
  height: 290px !important;
}

[data-screen-label="Video library"] > div > div:last-child a > span:last-child {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 17px !important;
}

.pyp-resources-video-card:focus-visible {
  outline: 2px solid #9c5b2e;
  outline-offset: 4px;
}

html.pyp-video-is-open {
  overscroll-behavior: none;
}

.pyp-video-modal[hidden] {
  display: none !important;
}

.pyp-video-modal {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 32px;
  position: fixed;
  z-index: 100000;
}

.pyp-video-modal__backdrop {
  background: rgba(13, 18, 15, .88);
  border: 0;
  inset: 0;
  padding: 0;
  position: absolute;
}

.pyp-video-modal__dialog {
  background: #101612;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .45);
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 64px);
  max-width: 960px;
  position: relative;
  width: min(90vw, 960px);
}

.pyp-video-modal__header {
  align-items: center;
  color: #faf8f3;
  display: flex;
  min-height: 54px;
  padding: 8px 12px 8px 20px;
}

.pyp-video-modal__title {
  color: inherit;
  font-family: var(--pyp-res-font);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}

.pyp-video-modal__close {
  align-items: center;
  background: transparent;
  border: 0;
  color: #faf8f3;
  cursor: pointer;
  display: flex;
  font: 300 34px/1 Arial, sans-serif;
  height: 40px;
  justify-content: center;
  margin-left: auto;
  padding: 0;
  width: 40px;
}

.pyp-video-modal__player {
  background: #000;
  display: block;
  max-height: calc(100vh - 118px);
  object-fit: contain;
  width: 100%;
}

/* 08 — FAQ + blog */
[data-screen-label="FAQ and blog"] {
  background: var(--pyp-res-paper) !important;
  height: 884px !important;
}

[data-screen-label="FAQ and blog"] > div {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(2, 624px) !important;
  height: 100% !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  padding: 96px 48px !important;
  width: 1360px !important;
}

[data-screen-label="FAQ and blog"] > div > div:first-child {
  gap: 32px !important;
  padding: 48px !important;
}

[data-screen-label="FAQ and blog"] > div > div:last-child {
  gap: 32px !important;
  justify-content: space-between !important;
  padding: 48px 44px !important;
}

[data-screen-label="FAQ and blog"] > div > div > div:first-child {
  gap: 8px !important;
}

[data-screen-label="FAQ and blog"] > div > div > div:first-child > span {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 14px !important;
}

[data-screen-label="FAQ and blog"] h2 {
  font-family: var(--pyp-res-font) !important;
  font-size: 48px !important;
  font-weight: 600 !important;
  letter-spacing: -2px !important;
  line-height: 58px !important;
}

.pyp-faq-title {
  display: block;
}

.pyp-faq-title--mobile {
  display: none;
}

[data-screen-label="FAQ and blog"] > div > div:first-child > div:nth-child(2) a {
  height: 56px !important;
  padding: 4px !important;
}

[data-screen-label="FAQ and blog"] > div > div:first-child > div:nth-child(2) a > span:first-child {
  font-family: var(--pyp-res-font) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 17px !important;
}

[data-screen-label="FAQ and blog"] > div > div:first-child > div:nth-child(2) a > span:nth-child(2) {
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 22px !important;
}

[data-screen-label="FAQ and blog"] > div > div:first-child > div:nth-child(2) a > span:last-child {
  align-items: center !important;
  display: flex !important;
  font-size: 18px !important;
  height: 48px !important;
  justify-content: center !important;
  width: 48px !important;
}

[data-screen-label="FAQ and blog"] > div > div:first-child > a:last-child {
  align-self: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 52px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 18px !important;
  padding: 16px 24px !important;
  text-transform: none !important;
  width: 184px !important;
}

[data-screen-label="FAQ and blog"] > div > div:last-child > div:nth-child(2) a {
  gap: 48px !important;
  padding: 24px 4px !important;
}

[data-screen-label="FAQ and blog"] > div > div:last-child > div:nth-child(2) a > span:first-child {
  gap: 8px !important;
}

[data-screen-label="FAQ and blog"] > div > div:last-child > div:nth-child(2) a > span:first-child > span:first-child {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 14px !important;
}

[data-screen-label="FAQ and blog"] > div > div:last-child > div:nth-child(2) a > span:first-child > span:last-child {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 19px !important;
}

[data-screen-label="FAQ and blog"] > div > div:last-child > div:nth-child(2) a > span:last-child {
  align-items: center !important;
  display: flex !important;
  font-size: 18px !important;
  height: 48px !important;
  justify-content: center !important;
  width: 48px !important;
}

[data-screen-label="FAQ and blog"] > div > div:last-child > a:last-child {
  align-self: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  border-bottom: 1px solid #000 !important;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  height: 22px !important;
  letter-spacing: 0 !important;
  line-height: 16.8px !important;
  padding-bottom: 4px !important;
  text-transform: none !important;
  width: 65px !important;
}

@media (max-width: 767px) {
  body.home > #pys_ajax_events {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  body.home > #codex-agent-overlay-root {
    height: 0 !important;
    min-height: 0 !important;
    position: fixed !important;
    width: 0 !important;
  }

  .pyp-faq-title--desktop {
    display: none;
  }

  .pyp-faq-title--mobile {
    display: block;
  }

  .pyp-resources-announcement {
    height: 58px !important;
    white-space: normal !important;
  }

  [data-screen-label="Resources hero"] {
    height: 650px !important;
  }

  [data-screen-label="Resources hero"] > div {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
    height: 100% !important;
    padding: 24px !important;
    width: 390px !important;
  }

  [data-screen-label="Resources hero"] > div > div:first-child {
    align-items: center !important;
    flex: 0 0 312px !important;
    text-align: center !important;
    width: 342px !important;
  }

  [data-screen-label="Resources hero"] > div > div:first-child > span {
    font-family: var(--pyp-res-font) !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
  }

  html body #pyp-main-content .sc-host [data-screen-label="Resources hero"] > div > div:first-child > div:last-child a {
    font-family: var(--pyp-res-font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    text-transform: capitalize !important;
  }

  [data-screen-label="Resources hero"] h1 {
    font-size: 32px !important;
    line-height: 38.4px !important;
    margin-bottom: 16px !important;
    width: 342px !important;
  }

  [data-screen-label="Resources hero"] p {
    font-size: 16px !important;
    line-height: 27px !important;
    margin-bottom: 24px !important;
    width: 342px !important;
    max-width: 342px !important;
  }

  body.home .sc-host [data-screen-label="Resources hero"] p {
    font-weight: 500 !important;
  }

  html body.home #pyp-main-content .sc-host [data-screen-label="Resources hero"] p {
    font-weight: 500 !important;
  }

  [data-screen-label="Resources hero"] > div > div:first-child > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 342px !important;
  }

  [data-screen-label="Resources hero"] > div > div:first-child > div:last-child a {
    width: 342px !important;
  }

  [data-screen-label="Resources hero"] > div > div:last-child {
    flex: 0 0 218.991px !important;
    gap: 12px !important;
    grid-template-columns: 165px 165px !important;
    height: 218.991px !important;
    width: 342px !important;
  }

  .pyp-resources-hero-image {
    height: 186.991px !important;
    width: 165px !important;
  }

  .pyp-resources-hero-image--left img {
    height: 188px !important;
    left: calc(50% + 19.5px) !important;
    top: calc(50% - .5px) !important;
    width: 248px !important;
  }

  .pyp-resources-hero-image--right img {
    height: 292px !important;
    left: calc(50% - 5px) !important;
    top: calc(50% - 6.5px) !important;
    width: 175px !important;
  }

  [data-screen-label="Featured resources"] h2,
  [data-screen-label="Buying guides"] h2,
  [data-screen-label="Material library"] h2,
  [data-screen-label="Technical resources"] h2,
  [data-screen-label="Catalog library"] h2,
  [data-screen-label="Video library"] h2,
  [data-screen-label="FAQ and blog"] h2 {
    font-size: 32px !important;
    letter-spacing: 0 !important;
    line-height: 38.4px !important;
  }

  [data-screen-label="Featured resources"] {
    height: 677px !important;
  }

  [data-screen-label="Featured resources"] > div {
    gap: 40px !important;
    padding: 56px 24px !important;
    width: 390px !important;
  }

  [data-screen-label="Featured resources"] > div > div:first-child {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  [data-screen-label="Featured resources"] > div > div:first-child > div {
    gap: 8px !important;
    width: 342px !important;
  }

  [data-screen-label="Featured resources"] > div > div:first-child span:first-child,
  [data-screen-label="Material library"] > div > div:first-child span:first-child,
  [data-screen-label="Video library"] > div > div:first-child span:first-child {
    font-weight: 500 !important;
  }

  [data-screen-label="Featured resources"] > div > div:first-child > p {
    line-height: 26.88px !important;
    padding: 0 !important;
    width: 342px !important;
  }

  [data-screen-label="Featured resources"] > div > div:last-child {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    margin-right: -24px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-right: 24px !important;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    touch-action: pan-x;
    width: calc(100% + 24px) !important;
    -webkit-overflow-scrolling: touch;
  }

  [data-screen-label="Featured resources"] > div > div:last-child::-webkit-scrollbar {
    display: none;
  }

  [data-screen-label="Featured resources"] > div > div:last-child a {
    flex: 0 0 283px !important;
    scroll-snap-align: start;
    width: 283px !important;
  }

  [data-screen-label="Featured resources"] > div > div:last-child a > div:first-child {
    height: 220px !important;
    width: 283px !important;
  }

  [data-screen-label="Featured resources"] > div > div:last-child a:nth-child(1) > div:first-child > div {
    background-position: calc(50% + .83px) calc(50% - .27px) !important;
  }

  [data-screen-label="Featured resources"] > div > div:last-child a:nth-child(2) > div:first-child > div {
    background-position: calc(50% - .27px) calc(50% + .19px) !important;
  }

  [data-screen-label="Featured resources"] > div > div:last-child a:nth-child(3) > div:first-child > div {
    background-position: calc(50% + .23px) calc(50% + .23px) !important;
  }

  [data-screen-label="Featured resources"] > div > div:last-child a:nth-child(4) > div:first-child > div {
    background-position: right -3px center !important;
  }

  [data-screen-label="Featured resources"] > div > div:last-child a:nth-child(5) > div:first-child > div {
    background-position: calc(50% - .34px) calc(50% - 75.24px) !important;
  }

  [data-screen-label="Featured resources"] > div > div:last-child a:nth-child(6) > div:first-child > div {
    background-position: calc(50% + 7.12px) calc(50% - .25px) !important;
  }

  [data-screen-label="Featured resources"] > div > div:last-child a > div:last-child > span:last-child {
    color: var(--pyp-res-muted) !important;
  }

  [data-screen-label="Buying guides"] {
    height: 1041px !important;
  }

  [data-screen-label="Buying guides"] > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    padding: 56px 24px !important;
    width: 390px !important;
  }

  [data-screen-label="Buying guides"] > div > div:first-child {
    flex: 0 0 201px !important;
    gap: 16px !important;
    height: 201px !important;
    width: 342px !important;
  }

  [data-screen-label="Buying guides"] > div > div:first-child > span {
    font-weight: 500 !important;
  }

  [data-screen-label="Buying guides"] > div > div:first-child > p {
    font-size: 16px !important;
    line-height: 26.88px !important;
  }

  [data-screen-label="Buying guides"] > div > div:last-child {
    flex: 0 0 704px !important;
    height: 704px !important;
    overflow: hidden !important;
    width: 342px !important;
  }

  [data-screen-label="Buying guides"] > div > div:last-child a {
    align-items: flex-start !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 82px !important;
    padding: 16px 4px !important;
  }

  [data-screen-label="Buying guides"] > div > div:last-child a:nth-child(1),
  [data-screen-label="Buying guides"] > div > div:last-child a:nth-child(3),
  [data-screen-label="Buying guides"] > div > div:last-child a:nth-child(4),
  [data-screen-label="Buying guides"] > div > div:last-child a:nth-child(6) {
    flex: 0 0 104px !important;
    height: 104px !important;
  }

  [data-screen-label="Buying guides"] > div > div:last-child a:nth-child(2),
  [data-screen-label="Buying guides"] > div > div:last-child a:nth-child(5) {
    flex: 0 0 82px !important;
    height: 82px !important;
  }

  [data-screen-label="Buying guides"] > div > div:last-child a:nth-child(7) {
    flex: 0 0 123px !important;
    height: 123px !important;
  }

  [data-screen-label="Buying guides"] > div > div:last-child a > span:first-child {
    font-size: 22px !important;
    line-height: 22px !important;
    width: 35px !important;
  }

  [data-screen-label="Buying guides"] > div > div:last-child a > span:nth-child(2) {
    gap: 8px !important;
  }

  [data-screen-label="Buying guides"] > div > div:last-child a > span:nth-child(2) > span:first-child {
    font-size: 16px !important;
    line-height: 19px !important;
  }

  [data-screen-label="Buying guides"] > div > div:last-child a > span:nth-child(2) > span:last-child {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  [data-screen-label="Buying guides"] > div > div:last-child a > span:last-child {
    flex: 0 0 32px !important;
    height: 32px !important;
    width: 32px !important;
  }

  .pyp-resource-arrow img {
    height: 32px !important;
    width: 32px !important;
  }

  [data-screen-label="Material library"] {
    height: 1146.75px !important;
  }

  [data-screen-label="Material library"] > div {
    gap: 24px !important;
    padding: 56px 24px !important;
    width: 390px !important;
  }

  [data-screen-label="Material library"] > div > div:first-child {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  [data-screen-label="Material library"] > div > div:first-child > div {
    gap: 4px !important;
  }

  [data-screen-label="Material library"] > div > div:first-child > p {
    line-height: 27px !important;
    padding: 0 !important;
    width: 342px !important;
  }

  [data-screen-label="Material library"] > div > div:last-child {
    gap: 24px 12px !important;
    grid-template-columns: repeat(2, 1fr) !important;
    height: 814.75px !important;
  }

  [data-screen-label="Material library"] > div > div:last-child a {
    gap: 12px !important;
  }

  [data-screen-label="Material library"] > div > div:last-child a > div:first-child {
    height: 126.313px !important;
  }

  [data-screen-label="Material library"] > div > div:last-child a > div:last-child {
    gap: 4px !important;
  }

  [data-screen-label="Material library"] > div > div:last-child a > div:last-child > span:first-child {
    font-size: 16px !important;
    line-height: 19px !important;
  }

  [data-screen-label="Material library"] > div > div:last-child a > div:last-child > span:last-child {
    color: var(--pyp-res-muted) !important;
    font-size: 12px !important;
    line-height: 16.8px !important;
  }

  [data-screen-label="Technical resources"] {
    height: 1097px !important;
  }

  [data-screen-label="Technical resources"] > div {
    gap: 44px !important;
    padding: 56px 24px !important;
    width: 390px !important;
  }

  [data-screen-label="Technical resources"] > div > div:first-child {
    width: 342px !important;
  }

  [data-screen-label="Technical resources"] > div > div:last-child {
    display: grid !important;
    gap: 36px !important;
    grid-template-columns: 342px !important;
    grid-template-rows: repeat(4, 1fr) !important;
    min-height: 851px !important;
  }

  [data-screen-label="Technical resources"] > div > div:last-child a {
    align-items: start !important;
    display: grid !important;
    gap: 0 12px !important;
    grid-template-columns: 48px 1fr !important;
    grid-template-rows: auto auto !important;
    height: auto !important;
    padding: 16px !important;
  }

  [data-screen-label="Technical resources"] > div > div:last-child a > span:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    height: 48px !important;
    width: 48px !important;
  }

  [data-screen-label="Technical resources"] > div > div:last-child a > span:first-child .pyp-tech-icon {
    height: 24.889px !important;
    width: 24.889px !important;
  }

  .pyp-tech-copy--desktop {
    display: none !important;
  }

  .pyp-tech-copy--mobile {
    display: flex !important;
  }

  [data-screen-label="Technical resources"] > div > div:last-child a > span:nth-child(2) {
    flex: none !important;
    gap: 8px !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin-left: 0 !important;
    width: 250px !important;
  }

  [data-screen-label="Technical resources"] .pyp-tech-copy > span:first-child {
    font-size: 24px !important;
    line-height: 29px !important;
  }

  [data-screen-label="Technical resources"] .pyp-tech-copy > span:last-child {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  [data-screen-label="Technical resources"] > div > div:last-child a > span:last-child {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    margin: 24px 0 0 !important;
  }

  [data-screen-label="Catalog library"] {
    height: 1129.1875px !important;
  }

  [data-screen-label="Catalog library"] > div {
    align-items: stretch !important;
    display: grid !important;
    gap: 24px !important;
    grid-template-columns: 342px !important;
    grid-template-rows: 376.188px 1fr !important;
    padding: 56px 24px !important;
    width: 390px !important;
  }

  [data-screen-label="Catalog library"] > div > div:first-child {
    height: 376.188px !important;
  }

  [data-screen-label="Catalog library"] > div > div:first-child > div:first-child {
    background-position: -11px -120.746px !important;
    background-size: 464px 497px !important;
  }

  [data-screen-label="Catalog library"] > div > div:first-child > div:nth-child(2) {
    background: linear-gradient(to top, rgba(16, 22, 18, .85) 5.333%, rgba(16, 22, 18, .1) 41.306%) !important;
  }

  [data-screen-label="Catalog library"] > div > div:first-child > div:last-child {
    bottom: 30px !important;
    left: 30px !important;
    right: 30px !important;
  }

  [data-screen-label="Catalog library"] > div > div:first-child > div:last-child > span:first-child {
    color: #d7c2a7 !important;
    line-height: 14px !important;
  }

  [data-screen-label="Catalog library"] > div > div:first-child > div:last-child > span:nth-child(2) {
    font-size: 24px !important;
    line-height: 31.36px !important;
  }

  [data-screen-label="Catalog library"] > div > div:first-child > div:last-child > span:last-child {
    line-height: 16.8px !important;
    white-space: normal !important;
    width: 282px !important;
  }

  [data-screen-label="Catalog library"] > div > div:last-child {
    gap: 24px !important;
    height: 617px !important;
    width: 342px !important;
  }

  [data-screen-label="Catalog library"] > div > div:last-child > div:first-child {
    gap: 8px !important;
  }

  [data-screen-label="Catalog library"] > div > div:last-child > div:first-child > span {
    font-weight: 500 !important;
  }

  [data-screen-label="Catalog library"] > div > div:last-child > div:nth-child(2) a {
    align-items: flex-end !important;
    flex: 0 0 71px !important;
    gap: 0 !important;
    height: 71px !important;
    justify-content: space-between !important;
    padding: 16px 4px !important;
  }

  [data-screen-label="Catalog library"] > div > div:last-child > div:nth-child(2) {
    height: 427px !important;
  }

  [data-screen-label="Catalog library"] > div > div:last-child > div:nth-child(2) a > span:first-child {
    flex: 0 0 220px !important;
    gap: 4px !important;
  }

  [data-screen-label="Catalog library"] > div > div:last-child > div:nth-child(2) a > span:first-child > span:first-child {
    font-size: 14px !important;
    line-height: 19.2px !important;
    white-space: normal !important;
  }

  [data-screen-label="Catalog library"] > div > div:last-child > div:nth-child(2) a > span:first-child > span:last-child {
    font-size: 12px !important;
    line-height: 14px !important;
  }

  [data-screen-label="Catalog library"] > div > div:last-child > div:nth-child(2) a > span:last-child {
    flex: 0 0 73px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: -1px !important;
    line-height: 14px !important;
    width: 73px !important;
  }

  .pyp-catalog-download img {
    height: 16px !important;
    width: 16px !important;
  }

  [data-screen-label="Catalog library"] > div > div:last-child > span:last-child {
    font-size: 12px !important;
    line-height: 19.5px !important;
    white-space: normal !important;
  }

  [data-screen-label="Video library"] {
    height: 695px !important;
  }

  [data-screen-label="Video library"] > div {
    gap: 24px !important;
    padding: 56px 24px !important;
    width: 390px !important;
  }

  [data-screen-label="Video library"] > div > div:first-child {
    gap: 8px !important;
    width: 342px !important;
  }

  [data-screen-label="Video library"] > div > div:last-child {
    display: flex !important;
    gap: 12px !important;
    height: auto !important;
    margin-right: -24px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-right: 24px !important;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    touch-action: pan-x;
    width: calc(100% + 24px) !important;
    -webkit-overflow-scrolling: touch;
  }

  [data-screen-label="Video library"] > div > div:last-child::-webkit-scrollbar {
    display: none;
  }

  [data-screen-label="Video library"] > div > div:last-child a {
    flex: 0 0 342px !important;
    gap: 24px !important;
    scroll-snap-align: start;
    width: 342px !important;
  }

  [data-screen-label="Video library"] > div > div:last-child a > div {
    height: 412px !important;
    width: 342px !important;
  }

  [data-screen-label="Video library"] > div > div:last-child a > span:last-child {
    font-size: 16px !important;
    line-height: 19px !important;
  }

  .pyp-video-modal {
    padding: 0;
  }

  .pyp-video-modal__dialog {
    height: 100dvh;
    max-height: none;
    width: 100vw;
  }

  .pyp-video-modal__header {
    flex: 0 0 54px;
  }

  .pyp-video-modal__player {
    flex: 1 1 auto;
    height: calc(100dvh - 54px);
    max-height: none;
  }

  [data-screen-label="FAQ and blog"] {
    height: 1527px !important;
  }

  [data-screen-label="FAQ and blog"] > div {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 342px !important;
    grid-template-rows: repeat(2, max-content) !important;
    padding: 56px 24px !important;
    width: 390px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:first-child,
  [data-screen-label="FAQ and blog"] > div > div:last-child {
    gap: 24px !important;
    padding: 48px 24px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div > div:first-child {
    gap: 10px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:last-child > div:first-child {
    gap: 8px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:first-child > div:nth-child(2) a {
    height: 59px !important;
    padding: 13px 4px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:first-child > div:nth-child(2) a > span:first-child {
    font-size: 18px !important;
    line-height: 18px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:first-child > div:nth-child(2) a > span:nth-child(2) {
    color: #f2efe7 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 21.8px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:first-child > div:nth-child(2) a > span:last-child {
    height: 32px !important;
    width: 32px !important;
  }

  .pyp-resource-arrow .pyp-faq-arrow__desktop {
    display: none !important;
  }

  .pyp-resource-arrow .pyp-faq-arrow__mobile {
    display: block !important;
    height: 32px !important;
    width: 32px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:last-child > div:nth-child(2) a {
    align-items: flex-start !important;
    gap: 12px !important;
    height: 124px !important;
    padding: 16px 4px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:first-child {
    height: 736px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:first-child > a:last-child {
    flex: 0 0 52px !important;
    height: 52px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:last-child {
    height: 667px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:last-child > div:nth-child(2) a > span:first-child > span:first-child {
    font-size: 12px !important;
    line-height: 16.8px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:last-child > div:nth-child(2) a > span:first-child > span:last-child {
    font-size: 18px !important;
    line-height: 22px !important;
  }

  [data-screen-label="FAQ and blog"] > div > div:last-child > div:nth-child(2) a > span:last-child {
    height: 32px !important;
    width: 32px !important;
  }

  body.home .sc-host [data-screen-label="FAQ and blog"] > div > div:last-child > a:last-child {
    flex: 0 0 22px !important;
    height: 22px !important;
    min-height: 0 !important;
    padding-bottom: 4px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    width: 65px !important;
  }

  /*
   * The base theme has generic .sc-host mobile overrides keyed to inline
   * styles. Match that specificity so this page's Figma measurements win.
   */
  body.home .sc-host [data-screen-label="Resources hero"] > div {
    gap: 32px !important;
    padding: 24px !important;
  }

  body.home .sc-host [data-screen-label="Featured resources"] > div,
  body.home .sc-host [data-screen-label="Buying guides"] > div,
  body.home .sc-host [data-screen-label="Material library"] > div,
  body.home .sc-host [data-screen-label="Technical resources"] > div,
  body.home .sc-host [data-screen-label="Catalog library"] > div,
  body.home .sc-host [data-screen-label="Video library"] > div,
  body.home .sc-host [data-screen-label="FAQ and blog"] > div {
    padding-bottom: 56px !important;
    padding-top: 56px !important;
  }

  body.home .sc-host [data-screen-label="Resources hero"] h1,
  body.home .sc-host [data-screen-label="Featured resources"] h2,
  body.home .sc-host [data-screen-label="Buying guides"] h2,
  body.home .sc-host [data-screen-label="Material library"] h2,
  body.home .sc-host [data-screen-label="Technical resources"] h2,
  body.home .sc-host [data-screen-label="Catalog library"] h2,
  body.home .sc-host [data-screen-label="Video library"] h2,
  body.home .sc-host [data-screen-label="FAQ and blog"] h2 {
    font-size: 32px !important;
    letter-spacing: 0 !important;
    line-height: 38.4px !important;
  }

  #pyp-main-content .sc-host [data-screen-label="Technical resources"] > div > div:last-child {
    grid-template-rows: repeat(4, 182.15px) !important;
    height: 836.6px !important;
    min-height: 0 !important;
  }

  #pyp-main-content .sc-host [data-screen-label="Technical resources"] > div > div:last-child > a {
    align-items: start !important;
    display: grid !important;
    gap: 0 12px !important;
    grid-template-columns: 48px 1fr !important;
    grid-template-rows: auto auto !important;
    height: 182.15px !important;
    min-height: 0 !important;
    padding: 16px !important;
  }

  #pyp-main-content .sc-host [data-screen-label="Technical resources"] > div > div:last-child > a > span:first-child {
    flex: 0 0 48px !important;
    height: 48px !important;
    width: 48px !important;
  }

  #pyp-main-content .sc-host [data-screen-label="Technical resources"] > div > div:last-child > a > span:nth-child(2) {
    margin-left: 0 !important;
    width: 250px !important;
  }

  #pyp-main-content .sc-host [data-screen-label="Technical resources"] > div > div:last-child > a > span:last-child {
    height: 42px !important;
    justify-self: start !important;
    margin: 24px 0 0 !important;
    min-height: 42px !important;
    padding: 12px 24px !important;
    width: max-content !important;
  }
}