.myp-blog-library {
	--mypbl-teal: #2b9da0;
	--mypbl-ink: #0e7d83;
  --mypbl-muted: #5e7479;
  --mypbl-accent: #2b9da0;
  --mypbl-line: #dceced;
	font-family: inherit;
  font-size: 1rem;
  line-height: 1.65;
  max-width: 1180px;
  margin-inline: auto;
  padding: clamp(22px, 3.5vw, 54px) clamp(16px, 3vw, 32px) 76px;
}

.myp-blog-library *,
.myp-blog-library *::before,
.myp-blog-library *::after { box-sizing: border-box; }
.myp-blog-library h1,
.myp-blog-library h2,
.myp-blog-library h3,
.myp-blog-library h4,
.myp-blog-library h5,
.myp-blog-library h6 { color: #808285; font-weight: 600; }
.myp-blog-library h1,
.myp-blog-library .myp-blog-library__prose h1,
.myp-blog-library .myp-blog-library__article-fallback-title { color: #26323c !important; }
.myp-blog-library__prose h2 { color: #26323c !important; }
.myp-blog-library h2 { line-height: 1.3; }
.myp-blog-library h3 { line-height: 1.4; }
.myp-blog-library h4 { line-height: 1.5; }
.myp-blog-library h5 { line-height: 1.6; }
.myp-blog-library h6 { line-height: 1.7; }
.myp-blog-library a { color: var(--mypbl-accent); text-decoration: none !important; text-underline-offset: .18em; }
.myp-blog-library a:hover,
.myp-blog-library a:focus-visible { text-decoration: underline !important; }
.myp-blog-library a:focus-visible,
.myp-blog-library button:focus-visible,
.myp-blog-library input:focus-visible { outline: 3px solid #bc5d00; outline-offset: 3px; }
.myp-blog-library__skip { position: absolute; inset-inline-start: 1rem; top: -10rem; z-index: 1000; padding: .7rem 1rem; background: #fff; }
.myp-blog-library__skip:focus { top: 1rem; }
.myp-blog-library__header { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .7rem 1rem; align-items: center; margin: 0 0 30px; padding: .8rem 0; border-block: 1px solid var(--mypbl-line); background: transparent; }
.myp-blog-library__menu-toggle { min-height: 42px; padding: .45rem .75rem; border: 1px solid var(--mypbl-line); border-radius: 999px; background: #fff; color: var(--mypbl-ink); font: inherit; font-size: .9rem; font-weight: 700; }
.myp-blog-library__nav { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; }
.myp-blog-library__nav a { color: var(--mypbl-ink) !important; font-size: .88rem; font-weight: 600; padding: .35rem .6rem; border-radius: 999px; text-decoration: none !important; }
.myp-blog-library__nav a:hover,
.myp-blog-library__nav a:focus-visible { color: var(--mypbl-ink) !important; background: #e7f7f6; text-decoration: none !important; }
.myp-blog-library__nav[hidden] { display: none !important; }
.myp-blog-library__search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem; align-items: center; min-width: 0; }
.myp-blog-library__search input[type="search"] { min-width: 0; min-height: 44px; border: 1px solid #cbd5d7; border-radius: 999px; padding: .55rem .9rem; font: inherit; }
.myp-blog-library__search button { min-height: 44px; border: 0; border-radius: 999px; padding: .55rem 1rem; background: #0e7d83; color: #fff; font: inherit; font-weight: 700; }
.myp-blog-library__back { color: var(--mypbl-ink) !important; font-size: .9rem; font-weight: 700; text-decoration: none !important; white-space: nowrap; }
.myp-blog-library__back:hover,
.myp-blog-library__back:focus-visible { text-decoration: underline !important; }
.myp-blog-library__cta { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; border-radius: .4rem; padding: .55rem 1rem; background: var(--mypbl-ink); color: #fff !important; font-weight: 700; text-align: center; text-decoration: none; }
.myp-blog-library__content { min-width: 0; scroll-margin-block: 1rem; }
.myp-blog-library__content:focus { outline: none; }
.myp-blog-library__intro { margin: 0 0 30px; padding: clamp(20px, 3vw, 38px); border: 1px solid var(--mypbl-line); border-radius: 24px; background: linear-gradient(135deg, #e7f7f6, #fff 58%, #eef7ff); }
.myp-blog-library__eyebrow { margin: 0 0 12px; color: var(--mypbl-teal); font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.myp-blog-library h1 { margin: 0 0 12px; color: var(--mypbl-ink); font-size: clamp(1.8rem, 3.4vw, 2.8rem); line-height: 1.05; }
.myp-blog-library__intro > p:last-child { max-width: 680px; margin-bottom: 0; color: var(--mypbl-muted); font-size: clamp(.95rem, 1.2vw, 1.05rem); line-height: 1.55; }
.myp-blog-library__results h2,
.myp-blog-library__related h2 { color: var(--mypbl-ink); }
.myp-blog-library__results > h2 { margin: 0 0 22px; font-size: clamp(1.45rem, 2.4vw, 2rem); }
.myp-blog-library__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.myp-blog-library__card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--mypbl-line); border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgb(14 125 131 / 7%); transition: transform .2s ease, box-shadow .2s ease; }
.myp-blog-library__card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgb(14 125 131 / 12%); }
.myp-blog-library__image-link { display: block; overflow: hidden; }
.myp-blog-library__image { display: block; width: 100%; height: auto; aspect-ratio: 1.7 / 1; object-fit: cover; background: #eef7f7; }
.myp-blog-library__card-body { display: flex; flex: 1; min-width: 0; flex-direction: column; padding: 22px; }
.myp-blog-library__card h3 { margin: 0 0 10px; color: #26323c; font-size: 1.2rem; line-height: 1.25; }
.myp-blog-library__card h3 a { color: #26323c !important; text-decoration: none !important; }
.myp-blog-library__card h3 a:hover,
.myp-blog-library__card h3 a:focus-visible { color: #26323c !important; text-decoration: underline !important; }
.myp-blog-library__excerpt { display: -webkit-box; height: calc(1.55em * 3); min-height: calc(1.55em * 3); margin: 0 0 14px; overflow: hidden; color: var(--mypbl-muted); font-size: .92rem; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.myp-blog-library__card-cta { margin: auto 0 0; line-height: 1.55; }
.myp-blog-library__read-more { display: inline-block; color: var(--mypbl-teal) !important; font-weight: 700; }
.myp-blog-library .screen-reader-text,
.myp-blog-library .screen-reader-text span { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; border: 0; }
.myp-blog-library__empty { padding: 1rem; border-inline-start: 4px solid var(--mypbl-accent); background: #f1f8f8; }
.myp-blog-library__pagination { margin-block-start: 2rem; }
.myp-blog-library__pagination ul { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.myp-blog-library__pagination a,
.myp-blog-library__pagination span { display: inline-block; padding: .45rem .7rem; border: 1px solid var(--mypbl-line); border-radius: .3rem; }
.myp-blog-library__prose { min-width: 0; overflow-wrap: anywhere; }
.myp-blog-library__prose a { color: #00686b; font-weight: 600; }
.myp-blog-library__prose img,
.myp-blog-library__prose video,
.myp-blog-library__prose iframe { max-width: 100%; }
.myp-blog-library__related { margin-block: 2.5rem; padding: 1rem 1.25rem; border: 1px solid var(--mypbl-line); border-radius: .8rem; }
.myp-blog-library__cta-panel { margin-block: 2.5rem; padding: clamp(1.25rem, 4vw, 2rem); border-radius: .8rem; background: #e7f7f6; }
.myp-blog-library__cta-panel p { max-width: 48rem; margin-top: 0; }

@media (min-width: 700px) {
  .myp-blog-library__header { display: flex; justify-content: space-between; gap: 1rem; }
  .myp-blog-library__menu-toggle { display: none; }
  .myp-blog-library__nav,
  .myp-blog-library__nav[hidden] { display: flex !important; flex: 1 1 auto; }
  .myp-blog-library__search { flex: 0 1 310px; }
}

@media (min-width: 901px) {
  .myp-blog-library__pagination ul { justify-content: center; }
}

@media (max-width: 699px) {
  .myp-blog-library__header:not(.myp-blog-library__header--article) .myp-blog-library__search { grid-column: 1 / -1; }
  .myp-blog-library__header--article { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .myp-blog-library__header--article .myp-blog-library__search { flex: 1 1 100%; }
}

@media (max-width: 900px) {
  .myp-blog-library__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .myp-blog-library__intro { border-radius: 18px; }
}

@media (max-width: 600px) {
  .myp-blog-library__grid { grid-template-columns: 1fr; }
  .myp-blog-library__intro { border-radius: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .myp-blog-library *, .myp-blog-library *::before, .myp-blog-library *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
