/* Comparor editorial article */
.cmp-reading-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1100;
  height: 3px;
  pointer-events: none;
}
.cmp-reading-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #0d6efd, #7655ed);
  box-shadow: 0 1px 8px #0d6efd66;
  transform: scaleX(0);
  transform-origin: left center;
}
.cmp-blog-article { margin: 2px 0 72px; }
.cmp-blog-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 320px;
  margin-bottom: 28px;
  padding: clamp(36px, 6vw, 76px);
  align-items: center;
  overflow: hidden;
  border: 1px solid #d8e6fa;
  border-radius: 28px;
  color: white;
  background:
    radial-gradient(circle at 82% 18%, #558eff55 0, transparent 30%),
    radial-gradient(circle at 62% 105%, #7257e24d 0, transparent 38%),
    linear-gradient(125deg, #102847 0%, #173c6d 58%, #174f9a 100%);
  box-shadow: 0 22px 60px #153b6f18;
}
.cmp-blog-hero::before,
.cmp-blog-hero::after {
  content: '';
  position: absolute;
  border: 1px solid #ffffff14;
  border-radius: 50%;
}
.cmp-blog-hero::before { width: 340px; height: 340px; right: -90px; top: -155px; }
.cmp-blog-hero::after { width: 220px; height: 220px; right: 55px; bottom: -160px; }
.cmp-blog-hero__glow { position: absolute; inset: 0; background: linear-gradient(115deg, transparent 58%, #ffffff09); pointer-events: none; }
.cmp-blog-hero__content { position: relative; z-index: 1; max-width: 920px; }
.cmp-blog-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  padding: 7px 12px;
  border: 1px solid #9fc6ff4d;
  border-radius: 999px;
  color: #cfe4ff;
  background: #ffffff0d;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.comparor-ui .cmp-blog-hero h1 {
  max-width: 900px;
  margin: 0 0 30px;
  color: white;
  font-size: clamp(2.25rem, 4.3vw, 4.25rem);
  font-weight: 760;
  line-height: 1.04;
  letter-spacing: -.055em;
  text-wrap: balance;
}
.cmp-blog-byline { display: flex; max-width: 760px; align-items: center; gap: 13px; }
.cmp-blog-author-avatar,
.cmp-blog-author-placeholder {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border: 2px solid #ffffff70;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 5px 16px #06172f4d;
}
.cmp-blog-author-placeholder { display: grid; place-items: center; color: white; background: #ffffff1c; }
.cmp-blog-byline__text { min-width: 0; }
.cmp-blog-author { display: inline-block; margin-bottom: 4px; color: white; font-size: 14px; font-weight: 700; text-decoration: none; }
.cmp-blog-author:hover { color: #d8e9ff; }
.cmp-blog-meta { display: flex; flex-wrap: wrap; gap: 7px 16px; color: #b9d0eb; font-size: 11px; }
.cmp-blog-meta span { display: inline-flex; align-items: center; gap: 6px; }
.cmp-blog-social { display: flex; gap: 7px; margin-left: auto; }
.cmp-blog-social a {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid #ffffff32;
  border-radius: 10px;
  color: white;
  background: #ffffff0d;
  text-decoration: none;
  transition: background .18s, transform .18s;
}
.cmp-blog-social a:hover { color: white; background: #ffffff21; transform: translateY(-2px); }
.cmp-blog-hero__mark {
  position: relative;
  z-index: 1;
  display: grid;
  width: 120px;
  height: 120px;
  margin-left: 55px;
  place-items: center;
  border: 1px solid #ffffff1f;
  border-radius: 32px;
  color: #dceaff;
  background: linear-gradient(145deg, #ffffff18, #ffffff08);
  box-shadow: inset 0 1px #ffffff28, 0 18px 50px #071c3b38;
  font-size: 43px;
  transform: rotate(4deg);
}
.cmp-blog-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 28px; align-items: start; }
.cmp-blog-main {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--cmp-line);
  border-radius: 24px;
  background: white;
  box-shadow: var(--cmp-shadow);
}
.cmp-blog-body { max-width: 870px; margin: 0 auto; padding: clamp(28px, 5vw, 68px); color: #35445a; font-size: 17px; line-height: 1.84; }
.cmp-blog-body > :first-child { margin-top: 0; }
.cmp-blog-body p { margin: 0 0 1.45em; }
.cmp-blog-body > p:nth-of-type(2) { color: #24364e; font-size: 19px; line-height: 1.72; }
.cmp-blog-body strong { color: #20334e; font-weight: 720; }
.comparor-ui .cmp-blog-body h2 {
  margin: 2.3em 0 .8em;
  padding-top: 10px;
  scroll-margin-top: 28px;
  color: #142b49;
  font-size: clamp(1.65rem, 2.5vw, 2.25rem);
  line-height: 1.2;
  letter-spacing: -.04em;
}
.comparor-ui .cmp-blog-body h2::before {
  content: '';
  display: block;
  width: 42px;
  height: 4px;
  margin-bottom: 17px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--cmp-blue), #7758ed);
}
.comparor-ui .cmp-blog-body h3 {
  position: relative;
  margin: 2.1em 0 .75em;
  padding-left: 19px;
  color: #1b3659;
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  line-height: 1.35;
  letter-spacing: -.025em;
}
.cmp-blog-body h3::before { content: ''; position: absolute; left: 0; top: .14em; width: 5px; height: 1.08em; border-radius: 5px; background: #9bc2fb; }
.cmp-blog-body img { display: block; max-width: 100%; height: auto; margin: 36px auto; border-radius: 18px; }
.cmp-blog-body .cmp-blog-cover {
  margin: calc(clamp(28px, 5vw, 68px) * -1) calc(clamp(28px, 5vw, 68px) * -1) 45px;
  overflow: hidden;
  background: #f1f5fa;
}
.cmp-blog-body .cmp-blog-cover img { width: 100%; max-height: 560px; margin: 0; border-radius: 0; object-fit: cover; }
.cmp-blog-body blockquote { margin: 34px 0; padding: 24px 28px; border: 0; border-left: 4px solid var(--cmp-blue); border-radius: 0 16px 16px 0; color: #27456a; background: #f3f7fd; font-size: 18px; }
.cmp-blog-section-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 13px 0 8px !important;
  padding: 6px 10px;
  border-radius: 8px;
  color: #1e5e3f;
  background: #eaf8f0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.cmp-blog-section-label::before { font-family: 'Font Awesome 5 Pro'; font-weight: 300; }
.cmp-blog-section-label.is-positive::before { content: '\f00c'; }
.cmp-blog-section-label.is-negative { color: #8b4b25; background: #fff3e9; }
.cmp-blog-section-label.is-negative::before { content: '\f068'; }
.cmp-blog-section-label.is-experience { color: #395b9a; background: #edf3ff; }
.cmp-blog-section-label.is-experience::before { content: '\f0eb'; }
.cmp-blog-callout { margin-bottom: 24px !important; padding: 17px 19px; border: 1px solid #dcefe4; border-radius: 14px; background: #f8fcfa; font-size: 15px; line-height: 1.7; }
.cmp-blog-callout.is-negative { border-color: #f1e3d6; background: #fffbf7; }
.cmp-blog-callout.is-experience { border-color: #dce6f6; background: #f8faff; }
.cmp-blog-sidebar { position: sticky; top: 18px; display: grid; gap: 16px; }
.cmp-blog-toc,
.cmp-blog-latest { overflow: hidden; border: 1px solid var(--cmp-line); border-radius: 18px; background: white; box-shadow: var(--cmp-shadow); }
.cmp-blog-side-title { display: flex; padding: 17px 18px; align-items: center; gap: 11px; border-bottom: 1px solid #edf1f6; color: #1e344f; font-size: 14px; font-weight: 750; }
.cmp-blog-side-title > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: var(--cmp-blue); background: var(--cmp-soft); font-size: 12px; }
.cmp-blog-toc ol { display: grid; gap: 2px; margin: 0; padding: 10px; list-style: none; counter-reset: toc; }
.cmp-blog-toc li { counter-increment: toc; }
.cmp-blog-toc a { display: grid; grid-template-columns: 23px minmax(0, 1fr); gap: 7px; padding: 9px 8px; border-radius: 9px; color: #5e6f85; font-size: 11px; line-height: 1.4; text-decoration: none; transition: color .15s, background .15s; }
.cmp-blog-toc a::before { content: counter(toc, decimal-leading-zero); color: #9aa9ba; font-size: 9px; font-weight: 750; line-height: 1.6; }
.cmp-blog-toc a:hover,
.cmp-blog-toc a[aria-current='true'] { color: #174e91; background: #edf5ff; }
.cmp-blog-toc a[aria-current='true']::before { color: var(--cmp-blue); }
.cmp-blog-latest__list { display: grid; padding: 7px 10px; }
.cmp-blog-latest-card { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 11px; padding: 11px 8px; align-items: center; border-bottom: 1px solid #eef2f7; color: inherit; text-decoration: none; }
.cmp-blog-latest-card:last-child { border-bottom: 0; }
.cmp-blog-latest-card img,
.cmp-blog-latest-card__placeholder { width: 58px; height: 58px; border-radius: 11px; object-fit: cover; background: #edf3fb; }
.cmp-blog-latest-card__placeholder { display: grid; place-items: center; color: #7091b8; }
.cmp-blog-latest-card > span:last-child { min-width: 0; }
.cmp-blog-latest-card strong { display: -webkit-box; overflow: hidden; color: #30445e; font-size: 11px; font-weight: 680; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.cmp-blog-latest-card small { display: flex; margin-top: 6px; align-items: center; justify-content: space-between; color: #8b98a9; font-size: 9px; }
.cmp-blog-latest-card:hover strong,
.cmp-blog-latest-card:hover small i { color: var(--cmp-blue); }
.cmp-blog-all-link { display: flex; padding: 14px 18px; align-items: center; justify-content: space-between; border-top: 1px solid #edf1f6; color: var(--cmp-blue); background: #fafcff; font-size: 11px; font-weight: 700; text-decoration: none; }
.cmp-blog-all-link:hover { color: var(--cmp-blue-dark); background: #f2f7ff; }

/* Blog index and editorial topics */
.cmp-blog-index-hero { position: relative; margin: 2px 0 22px; padding: clamp(38px, 6vw, 70px); overflow: hidden; border: 1px solid #d8e6fa; border-radius: 28px; color: white; background: radial-gradient(circle at 87% 12%, #558eff55 0, transparent 28%), linear-gradient(125deg,#102847,#174f9a); box-shadow: 0 22px 60px #153b6f18; }
.cmp-blog-index-hero::after { position: absolute; width: 290px; height: 290px; right: -85px; bottom: -205px; border: 1px solid #ffffff18; border-radius: 50%; content: ''; }
.comparor-ui .cmp-blog-index-hero h1 { position: relative; z-index: 1; max-width: 760px; margin: 0 0 18px; color: white; font-size: clamp(2.35rem, 5vw, 4.5rem); line-height: 1.02; letter-spacing: -.055em; text-wrap: balance; }
.cmp-blog-index-hero > p { position: relative; z-index: 1; max-width: 720px; margin: 0; color: #c7daef; font-size: 16px; line-height: 1.75; }
.cmp-blog-topics { margin-bottom: 42px; padding: 20px; border: 1px solid var(--cmp-line); border-radius: 20px; background: white; box-shadow: var(--cmp-shadow); }
.cmp-blog-topics > strong { display: block; margin: 0 0 13px; color: #253c5a; font-size: 12px; font-weight: 750; letter-spacing: .025em; }
.cmp-blog-topics > div { display: flex; flex-wrap: wrap; gap: 9px; }
.cmp-blog-topics a { display: inline-flex; min-height: 42px; padding: 8px 11px; align-items: center; gap: 8px; border: 1px solid #d8e5f6; border-radius: 12px; color: #35516f; background: #f8fbff; font-size: 11px; font-weight: 680; text-decoration: none; transition: color .18s, border-color .18s, background .18s, transform .18s; }
.cmp-blog-topics a > i { color: var(--cmp-blue); font-size: 13px; }
.cmp-blog-topics a small { display: grid; min-width: 22px; height: 22px; padding: 0 5px; place-items: center; border-radius: 7px; color: #61758e; background: white; font-size: 9px; }
.cmp-blog-topics a:hover, .cmp-blog-topics a:focus-visible { border-color: #a9caf5; color: #174e91; background: #edf5ff; transform: translateY(-1px); }
.cmp-blog-topic-groups { display: grid; gap: 54px; margin-bottom: 72px; }
.cmp-blog-topic-section { scroll-margin-top: 20px; }
.cmp-blog-topic-section > header { position: relative; z-index: auto; display: flex; width: 100%; min-width: 0; margin-bottom: 17px; padding: 0 0 15px; align-items: center; gap: 12px; border-bottom: 1px solid var(--cmp-line); background: transparent; box-shadow: none; }
.cmp-blog-topic-section > header > div { display: flex; min-width: 0; flex-direction: column; justify-content: center; }
.cmp-blog-topic-section__icon { display: grid; width: 43px; height: 43px; flex: 0 0 43px; place-items: center; border: 1px solid #d5e4f7; border-radius: 13px; color: var(--cmp-blue); background: linear-gradient(145deg,#fff,#edf5ff); box-shadow: 0 7px 18px #254e7c12; }
.comparor-ui .cmp-blog-topic-section h2 { margin: 0; color: #1c3554; font-size: clamp(1.5rem, 3vw, 2.1rem); line-height: 1.15; letter-spacing: -.035em; }
.cmp-blog-topic-section > header p { margin: 4px 0 0; color: #8492a4; font-size: 10px; line-height: 1.3; }
.cmp-blog-topic-section .cmp-article-card { box-shadow: var(--cmp-shadow); transition: border-color .18s, transform .18s, box-shadow .18s; }
.cmp-blog-topic-section .cmp-article-card:hover { border-color: #b8d2f6; box-shadow: 0 14px 36px #1d518518; transform: translateY(-3px); }
.cmp-blog-listing-grid { gap: 12px; margin: 12px 0 20px; }
.cmp-blog-listing-grid .cmp-article-card { height: 100%; box-shadow: var(--cmp-shadow); transition: border-color .18s, transform .18s, box-shadow .18s; }
.cmp-blog-listing-grid .cmp-article-card:hover { border-color: #b8d2f6; box-shadow: 0 14px 36px #1d518518; transform: translateY(-2px); }
.cmp-blog-listing-grid .cmp-article-card > a { display: flex; height: 100%; flex-direction: column; }
.cmp-blog-listing-grid .cmp-article-card > a > div { display: flex; flex: 1 1 auto; flex-direction: column; padding: 17px; }
.cmp-blog-listing-grid .cmp-article-card h3 { margin: 9px 0 12px; font-size: 15px; line-height: 1.38; }
.cmp-blog-listing-grid .cmp-article-preview { display: -webkit-box; overflow: hidden; margin-bottom: 15px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.cmp-blog-listing-grid .cmp-article-card__link { margin-top: auto; }
.cmp-blog-search-empty { display: grid; min-height: 260px; margin-bottom: 72px; padding: 42px 24px; place-items: center; align-content: center; gap: 14px; border: 1px solid var(--cmp-line); border-radius: 20px; background: white; box-shadow: var(--cmp-shadow); text-align: center; }
.cmp-blog-search-empty > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: var(--cmp-blue); background: var(--cmp-soft); font-size: 20px; }
.comparor-ui .cmp-blog-search-empty h2 { max-width: 640px; margin: 0; color: #233b5a; font-size: clamp(1.25rem, 2.5vw, 1.75rem); line-height: 1.35; }
.cmp-blog-search-empty a { padding: 10px 15px; border-radius: 10px; color: white; background: var(--cmp-blue); font-size: 12px; font-weight: 700; text-decoration: none; }
.cmp-blog-search-empty a:hover { color: white; background: var(--cmp-blue-dark); }

@media (max-width: 991.98px) {
  .cmp-blog-hero { min-height: 0; padding: 45px; }
  .cmp-blog-hero__mark { display: none; }
  .cmp-blog-layout { display: flex; flex-direction: column; }
  .cmp-blog-sidebar { display: contents; }
  .cmp-blog-toc { order: -1; width: 100%; }
  .cmp-blog-main { order: 0; width: 100%; }
  .cmp-blog-latest { order: 1; width: 100%; }
}
@media (max-width: 767.98px) {
  .cmp-blog-index-hero { padding: 35px 24px; border-radius: 21px; }
  .cmp-blog-index-hero > p { font-size: 14px; line-height: 1.65; }
  .cmp-blog-topics { margin-bottom: 34px; padding: 15px; }
  .cmp-blog-topics > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .cmp-blog-topics a { min-width: 0; }
  .cmp-blog-topics a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .cmp-blog-topic-groups { gap: 42px; margin-bottom: 50px; }
  .cmp-blog-article { margin-bottom: 48px; }
  .cmp-blog-hero { margin-inline: -3px; padding: 34px 24px; border-radius: 21px; }
  .comparor-ui .cmp-blog-hero h1 { font-size: clamp(2rem, 10vw, 3.1rem); }
  .cmp-blog-byline { align-items: flex-start; }
  .cmp-blog-social { display: none; }
  .cmp-blog-meta { display: grid; gap: 3px; }
  .cmp-blog-main { border-radius: 18px; }
  .cmp-blog-body { padding: 28px 21px; font-size: 16px; line-height: 1.78; }
  .cmp-blog-body > p:nth-of-type(2) { font-size: 17px; }
  .cmp-blog-body .cmp-blog-cover { margin: -28px -21px 32px; }
  .cmp-blog-body .cmp-blog-cover img { min-height: 220px; object-fit: cover; }
  .comparor-ui .cmp-blog-body h2 { scroll-margin-top: 16px; }
}
@media print {
  .cmp-reading-progress,
  .cmp-blog-hero__mark,
  .cmp-blog-sidebar { display: none !important; }
  .cmp-blog-hero { min-height: 0; padding: 20px 0; color: #111; background: white; border: 0; box-shadow: none; }
  .comparor-ui .cmp-blog-hero h1,
  .cmp-blog-author { color: #111; }
  .cmp-blog-meta { color: #555; }
  .cmp-blog-main { border: 0; box-shadow: none; }
  .cmp-blog-body { max-width: none; padding: 0; }
}

/* Author profile */
.cmp-author-profile { margin: 2px 0 72px; }
.cmp-author-hero {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 330px;
  padding: clamp(38px, 6vw, 72px);
  align-items: center;
  gap: clamp(28px, 5vw, 58px);
  overflow: hidden;
  border: 1px solid #d8e6fa;
  border-radius: 28px;
  color: white;
  background:
    radial-gradient(circle at 17% 12%, #507fcb47 0, transparent 29%),
    radial-gradient(circle at 87% 100%, #7657e84d 0, transparent 34%),
    linear-gradient(125deg, #102847 0%, #173c6d 58%, #174f9a 100%);
  box-shadow: 0 22px 60px #153b6f18;
}
.cmp-author-hero::before { content: ''; position: absolute; width: 330px; height: 330px; right: -120px; top: -180px; border: 1px solid #ffffff14; border-radius: 50%; }
.cmp-author-hero__avatar { position: relative; z-index: 1; }
.cmp-author-hero__avatar::after { content: ''; position: absolute; inset: -10px; z-index: -1; border: 1px solid #ffffff2b; border-radius: 42px; transform: rotate(-5deg); }
.cmp-author-hero__avatar img,
.cmp-author-hero__avatar > span {
  display: grid;
  width: clamp(135px, 15vw, 180px);
  height: clamp(135px, 15vw, 180px);
  place-items: center;
  border: 3px solid #ffffffb8;
  border-radius: 36px;
  color: #dceaff;
  background: #ffffff13;
  object-fit: cover;
  box-shadow: 0 24px 55px #06172f52;
  font-size: 48px;
}
.cmp-author-hero__content { position: relative; z-index: 1; max-width: 720px; }
.comparor-ui .cmp-author-hero h1 { margin: 0 0 15px; color: white; font-size: clamp(2.5rem, 5vw, 4.5rem); line-height: 1.03; letter-spacing: -.055em; }
.cmp-author-hero__content > p { max-width: 660px; margin: 0 0 25px; color: #c5d9f1; font-size: 16px; line-height: 1.7; }
.cmp-author-hero__footer { display: flex; align-items: center; gap: 18px; }
.cmp-author-count { display: inline-flex; align-items: baseline; gap: 7px; padding: 8px 12px; border: 1px solid #ffffff24; border-radius: 10px; color: #c6daef; background: #ffffff0b; font-size: 11px; }
.cmp-author-count strong { color: white; font-size: 18px; }
.cmp-author-hero .cmp-blog-social { margin-left: 0; }
.cmp-author-hero__mark { position: relative; z-index: 1; color: #ffffff18; font-size: clamp(70px, 9vw, 120px); transform: rotate(8deg); }
.cmp-author-bio { display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 45px; margin-top: 28px; padding: clamp(28px, 5vw, 54px); border: 1px solid var(--cmp-line); border-radius: 22px; background: white; box-shadow: var(--cmp-shadow); }
.cmp-author-bio__heading { display: flex; align-items: flex-start; gap: 13px; }
.cmp-author-bio__heading > span { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 12px; color: var(--cmp-blue); background: var(--cmp-soft); }
.cmp-author-bio__heading small { color: #7b899a; font-size: 9px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.comparor-ui .cmp-author-bio__heading h2 { margin: 3px 0 0; font-size: 22px; }
.cmp-author-bio__content { max-width: 760px; color: #46576e; font-size: 16px; line-height: 1.8; }
.cmp-author-bio__content > :last-child { margin-bottom: 0; }
.cmp-author-work { margin-top: 45px; }
.cmp-author-work .cmp-section-heading h2 { margin-top: 7px; font-size: clamp(1.6rem, 3vw, 2.25rem); }
.cmp-author-work__total { display: grid; width: 45px; height: 45px; place-items: center; border: 1px solid #d8e5f6; border-radius: 13px; color: var(--cmp-blue); background: white; font-size: 14px; font-weight: 750; box-shadow: var(--cmp-shadow); }
.cmp-author-articles .cmp-article-card { box-shadow: var(--cmp-shadow); transition: border-color .18s, transform .18s, box-shadow .18s; }
.cmp-author-articles .cmp-article-card:hover { border-color: #b8d2f6; box-shadow: 0 14px 36px #1d518518; transform: translateY(-3px); }

@media (max-width: 767.98px) {
  .cmp-author-profile { margin-bottom: 48px; }
  .cmp-author-hero { grid-template-columns: 1fr; padding: 35px 24px; gap: 27px; border-radius: 21px; text-align: left; }
  .cmp-author-hero__avatar img,
  .cmp-author-hero__avatar > span { width: 112px; height: 112px; border-radius: 27px; }
  .cmp-author-hero__mark { display: none; }
  .cmp-author-hero__footer { flex-wrap: wrap; }
  .cmp-author-bio { grid-template-columns: 1fr; gap: 24px; padding: 27px 23px; }
  .cmp-author-work { margin-top: 36px; }
}