.author-profile,
.author-directory {
  --author-accent: #00618a;
  --author-accent-dark: #003f61;
  --author-accent-soft: #e8f1f3;
  --author-accent-softer: #f5fafb;
  --author-border: #cddde1;
  --author-card-border: #d8e5e8;
  --author-card-bg: #fbfdfe;
  --author-chip-text: #31566a;
  --author-muted: #53666f;
}

.author-profile { padding: 22px 0 70px; }
.author-profile__hero {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 38px;
  align-items: start;
  padding: 36px 42px;
  border: 1px solid var(--author-border);
  border-radius: 16px;
  background: linear-gradient(112deg, var(--author-accent-soft) 0%, var(--author-accent-softer) 62%, #fff 100%);
}
.author-profile__person { padding-top: 3px; text-align: center; }
.author-profile__photo {
  width: 180px;
  height: 180px;
  margin: 0 auto 16px;
  padding: 5px;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}
.author-profile__photo img,
.author-directory__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.author-profile__photo img { border-radius: 50%; }
.author-profile__signature { color: var(--author-accent); font: 32px/1 "Brush Script MT", "Segoe Script", cursive; }
.author-profile__team { margin-top: 9px; color: #66736c; font-size: 14px; line-height: 1.45; }
.author-profile__directory-link {
  display: inline-block;
  margin-top: 11px;
  color: var(--author-accent-dark);
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.author-profile__external-links { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; }
.author-profile__external-links a { color: var(--author-muted); font-size: 12px; text-decoration: underline; text-underline-offset: 2px; }
.author-profile__eyebrow,
.author-profile__section-heading > span,
.author-directory__eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--author-accent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.author-profile__content h1 { margin: 0 0 13px; font-size: 36px; line-height: 1.16; }
.author-profile__bio { color: #343d38; font-size: 16px; line-height: 1.65; }
.author-profile__bio > :last-child,
.author-directory__lead > :last-child { margin-bottom: 0; }
.author-profile__specialties,
.author-directory__specialties { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }
.author-profile__specialties span,
.author-directory__specialties span {
  padding: 6px 10px;
  border: 1px solid var(--author-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: var(--author-chip-text);
  font-size: 12px;
  line-height: 1.2;
}
.author-profile__evidence { margin-top: 30px; }
.author-profile__evidence--split { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(310px, .88fr); gap: 22px; align-items: start; }
.author-profile__products,
.author-profile__articles { padding: 25px; border: 1px solid var(--author-card-border); border-radius: 14px; background: #fff; }
.author-profile__section-heading { margin-bottom: 17px; }
.author-profile__section-heading h2 { margin: 0; font-size: 24px; line-height: 1.2; }
.author-profile__product-list,
.author-profile__article-list { display: grid; gap: 11px; }
.author-profile__evidence:not(.author-profile__evidence--split) .author-profile__product-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.author-profile__product-card,
.author-profile__article-card {
  display: flex;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--author-card-border);
  border-radius: 11px;
  background: var(--author-card-bg);
  color: #222;
  text-decoration: none;
  transition: border-color .18s ease, transform .18s ease;
}
.author-profile__product-card:hover,
.author-profile__article-card:hover,
.author-profile__product-card:focus,
.author-profile__article-card:focus { border-color: var(--author-accent); color: #222; transform: translateY(-1px); }
.author-profile__product-image,
.author-profile__article-image { flex: 0 0 112px; min-height: 118px; background: var(--author-accent-soft); }
.author-profile__article-image { flex-basis: 98px; min-height: 110px; }
.author-profile__product-image img,
.author-profile__article-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.author-profile__product-image img { box-sizing: border-box; padding: 7px; object-fit: contain; }
.author-profile__product-content,
.author-profile__article-content { display: flex; flex: 1; min-width: 0; flex-direction: column; align-items: flex-start; padding: 13px 14px; color: #58615c; font-size: 13px; line-height: 1.4; }
.author-profile__product-content strong,
.author-profile__article-content strong { margin-bottom: 5px; color: #1d2420; font-size: 16px; line-height: 1.25; }
.author-profile__product-category { margin-bottom: 3px; color: var(--author-accent-dark); font-size: 11px; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; }
.author-profile__article-content time { margin: 0 0 5px; padding: 0; color: #7b837f; font-size: 11px; }
.author-profile__card-link { margin-top: auto; padding-top: 8px; color: var(--author-accent-dark); font-size: 12px; font-weight: 700; }
.author-profile__card-link b { margin-left: 3px; font-size: 16px; }
.author-profile__load-more-wrap { display: flex; justify-content: center; margin-top: 16px; }
.author-profile__load-more {
  min-height: 42px;
  padding: 9px 20px;
  border: 1px solid var(--author-accent);
  border-radius: 999px;
  background: var(--author-accent-soft);
  color: var(--author-accent-dark);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.author-profile__load-more:hover,
.author-profile__load-more:focus-visible { background: var(--author-accent-softer); color: var(--author-accent-dark); }
.author-profile__load-more:focus-visible { outline: 2px solid var(--author-accent); outline-offset: 2px; }
.author-profile__load-more:disabled { opacity: .65; cursor: wait; }

.author-directory { padding: 22px 0 70px; }
.author-directory__intro { max-width: 820px; margin-bottom: 28px; }
.author-directory__intro h1 { margin: 0 0 13px; font-size: 38px; line-height: 1.15; }
.author-directory__lead { color: #47534d; font-size: 17px; line-height: 1.65; }
.author-directory__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.author-directory__card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 27px;
  border: 1px solid var(--author-border);
  border-radius: 15px;
  background: linear-gradient(135deg, var(--author-accent-soft) 0%, #fff 72%);
}
.author-directory__identity { display: flex; align-items: center; gap: 16px; color: #1e2722; text-decoration: none; }
.author-directory__identity > span:last-child { display: flex; min-width: 0; flex-direction: column; }
.author-directory__identity strong { font-size: 22px; line-height: 1.2; }
.author-directory__identity small { margin-top: 5px; color: #66736c; font-size: 13px; line-height: 1.4; }
.author-directory__photo { flex: 0 0 94px; width: 94px; height: 94px; overflow: hidden; border: 4px solid #fff; border-radius: 50%; box-shadow: 0 3px 13px rgba(0, 0, 0, .1); }
.author-directory__card > p { margin: 19px 0 0; color: #46514b; font-size: 14px; line-height: 1.58; }
.author-directory__proof { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 19px; padding-top: 15px; border-top: 1px solid var(--author-border); color: #5b6861; font-size: 13px; }
.author-directory__proof b,
.author-directory__link { color: var(--author-accent-dark); }
.author-directory__link { align-self: flex-start; margin-top: auto; padding-top: 20px; font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 990px) {
  .author-profile__evidence--split { grid-template-columns: 1fr; }
  .author-profile__evidence:not(.author-profile__evidence--split) .author-profile__product-list { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .author-profile,
  .author-directory { padding: 8px 0 42px; }
  .author-profile__hero { grid-template-columns: 1fr; gap: 23px; padding: 27px 20px; text-align: center; }
  .author-profile__photo { width: 145px; height: 145px; }
  .author-profile__signature { font-size: 29px; }
  .author-profile__content h1 { font-size: 28px; }
  .author-profile__bio { font-size: 15px; text-align: left; }
  .author-profile__specialties { justify-content: center; }
  .author-profile__evidence { margin-top: 20px; }
  .author-profile__products,
  .author-profile__articles { padding: 20px 17px; }
  .author-profile__section-heading h2 { font-size: 22px; }
  .author-profile__product-image,
  .author-profile__article-image { flex-basis: 92px; }
  .author-profile__product-content,
  .author-profile__article-content { padding: 12px; }
  .author-profile__product-content strong,
  .author-profile__article-content strong { font-size: 15px; }
  .author-profile__load-more { width: 100%; }
  .author-directory__intro h1 { font-size: 30px; }
  .author-directory__lead { font-size: 15px; }
  .author-directory__grid { grid-template-columns: 1fr; }
  .author-directory__card { padding: 21px; }
}
