/* Archive, author and 404 pages. Live uses the plain Hello theme layout for
   category, tag, date and 404 pages, so these rules carry the same values. */

body.archive .site-main,
body.error404 .site-main { margin-inline: auto; width: 100%; font-size: 16px; line-height: 24px; color: #333; margin-top: -19px; }

.site-main .page-header .entry-title { margin-inline: auto; width: 100%; }
.site-main h1.entry-title { font-size: 40px; line-height: 48px; font-weight: 500; color: #333; margin-block: 8px 16px; text-transform: none; }
.site-main h2.entry-title { font-size: 32px; line-height: 38.4px; font-weight: 500; color: #333; margin-block: 8px 16px; text-transform: none; }
.site-main .post .entry-title a { color: #67EEBC; text-decoration: none; }
.site-main p { font-size: 16px; line-height: 24px; color: #333; margin: 0 0 14.4px; }
.site-main .page-content a { text-decoration: underline; }
.site-main .post .wp-post-image { width: 100%; height: auto; max-height: 500px; object-fit: cover; }
.site-main .pagination { display: flex; justify-content: space-between; margin: 20px auto; }
.site-main .pagination a { color: #67EEBC; }

@media (max-width: 991px) { .site-main .post .wp-post-image { max-height: 400px; } }
@media (max-width: 575px) {
  .site-main .post .wp-post-image { max-height: 300px; }
  body.archive .site-main, body.error404 .site-main,
  .site-main .page-header .entry-title { padding-inline: 10px; }
}
@media (min-width: 576px) { body.archive .site-main, body.error404 .site-main, .site-main .page-header .entry-title { max-width: 500px; } }
@media (min-width: 768px) { body.archive .site-main, body.error404 .site-main, .site-main .page-header .entry-title { max-width: 600px; } }
@media (min-width: 992px) { body.archive .site-main, body.error404 .site-main, .site-main .page-header .entry-title { max-width: 800px; } }
@media (min-width: 1200px) { body.archive .site-main, body.error404 .site-main, .site-main .page-header .entry-title { max-width: 1140px; } }

/* Author page */
.author-hero { position: relative; overflow: hidden; background: #F8F8F8; padding: 0 10px; margin-top: -19px; }
.author-hero-inner { position: relative; z-index: 1; display: flex; align-items: center; gap: 40px; max-width: 1400px; margin: 0 auto; padding: 200px 0 125px; }
.author-photo-col { width: 30%; min-width: 0; }
.author-photo { width: 90%; min-height: 400px; padding: 10px; background: url('../images/live/WhatsApp-Image-2026-04-02-at-10.01.40-1.jpeg') 50% 0 / cover no-repeat; border: solid #000; border-width: 5px 12px 12px 5px; border-radius: 20px; }
.author-text { width: 70%; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.author-text h3 { font-size: 32px; line-height: 32px; font-weight: 800; color: #000; margin: 0 0 -10px; }
.author-text h4 { font-size: 24px; line-height: 24px; font-weight: 600; color: #000; margin: 0; }
.author-bio { font-size: 16px; line-height: 24px; font-weight: 400; color: #000; }
.author-shape { position: absolute; left: 0; width: 100%; overflow: hidden; line-height: 0; direction: ltr; }
.author-shape svg { display: block; position: relative; left: 50%; transform: translateX(-50%); }
.author-shape--top { top: -1px; }
.author-shape--top svg { width: calc(122% + 1.3px); height: 10px; }
.author-shape--bottom { bottom: -1px; }
.author-shape--bottom svg { width: calc(106% + 1.3px); height: 30px; transform: translateX(-50%) rotateY(180deg); }

@media (max-width: 1024px) {
  .author-hero { padding: 0 20px; }
  .author-hero-inner { gap: 30px; padding: 100px 0 50px; }
  .author-photo { width: 100%; border-width: 5px 10px 10px 5px; }
  .author-photo-col { width: 40%; }
  .author-text { width: 60%; }
  .author-text h3 { font-size: 30px; line-height: 30px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body.archive .site-main, body.error404 .site-main, .author-hero { margin-top: -10px; }
}
@media (max-width: 767px) {
  body.archive .site-main, body.error404 .site-main, .author-hero { margin-top: -23px; }
  .author-hero-inner { flex-wrap: wrap; }
  .author-photo-col, .author-text { width: 100%; }
  .author-photo { width: 90%; min-height: 350px; }
  .author-text h3 { font-size: 28px; line-height: 28px; }
  .author-bio { line-height: 1.2em; }
}

/* Archive titles and links on the borrower layout: the default mint is unreadable on white. */
body.archive .entry-title a, body.author .entry-title a, body.search .entry-title a, body.error404 main a { color: #56317D; }
body.archive .entry-title a:hover, body.author .entry-title a:hover, body.search .entry-title a:hover { color: #3f2460; }