/* Writer byline, medical review card and author box on health guides (people have no pages of their own). */
.author-avatar{flex:none;display:block;border-radius:50%;object-fit:cover;background:#e4f1e9}
.author-avatar-initials{display:grid;place-items:center;width:var(--avatar);height:var(--avatar);color:#22684e;font-weight:600;font-size:calc(var(--avatar) * .36);line-height:1;letter-spacing:.02em;text-decoration:none;background:linear-gradient(140deg,#d7f5e8,#b2f6e3)}

/* Byline under the title */
.article-intro .article-byline-people{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;font-size:13px}
.article-byline .byline-author{display:flex;align-items:center;gap:12px;color:#173e30;text-decoration:none}
.byline-author .author-avatar{width:46px;height:46px;box-shadow:0 0 0 2px #fff,0 0 0 3px #badbca}
.byline-text{display:flex;flex-direction:column;gap:2px;line-height:1.35}
.byline-name{font-size:15px;font-weight:600}
.byline-author small{font-size:12.5px;color:#55705f}
.byline-facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;color:#4a6656}
.byline-facts span{display:inline-flex;align-items:center;gap:6px}
.byline-facts span+span::before{content:"";width:4px;height:4px;margin-right:12px;border-radius:50%;background:#a9c7b5}

/* Medical review card above the text */
.article-review-card{display:flex;align-items:center;gap:16px;width:fit-content;max-width:100%;margin:0 0 30px;padding:16px 26px 16px 18px;border:1px solid #cddfd3;border-left:4px solid #2c7a5c;border-radius:16px;background:#f4f9f6}
.article-review-card .author-avatar{width:54px;height:54px;box-shadow:0 0 0 3px #fff}
.review-card-copy{display:flex;min-width:0;flex-direction:column;gap:2px;line-height:1.4}
.review-card-label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#5b7566}
.review-card-name{font-size:16px;font-weight:600;color:#1d5a42;text-decoration:none}
a.review-card-name:hover{text-decoration:underline;text-underline-offset:3px}
.review-card-copy small{font-size:13px;color:#55705f}

/* About the author, at the end */
.article-author-box{display:flex;gap:26px;align-items:flex-start;margin-top:34px;padding:28px;border:1px solid #dce5df;border-radius:20px;background:linear-gradient(180deg,#fbfdfc,#f2f8f4)}
.author-box-photo{flex:none;border-radius:50%}
.author-box-photo .author-avatar{width:104px;height:104px;box-shadow:0 0 0 4px #fff,0 6px 18px #193c3214}
.author-box-copy{min-width:0}
.page-article .author-box-label{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5b7566}
.page-article .author-box-name{margin:0;font-size:21px;font-weight:600;line-height:1.3}
.page-article .author-box-title{margin:3px 0 0;font-size:14px;line-height:1.5;color:#4a6656}
.page-article .author-box-bio{margin:12px 0 0;font-size:15px;line-height:1.75;color:#3d5246}
.author-box-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.author-box-links a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid #c4dacd;border-radius:999px;font-size:13px;font-weight:500;color:#1d5a42;text-decoration:none;background:#fff}
.author-box-links a:hover{border-color:#2c7a5c;background:#eaf6f0}

@media (max-width:700px){
    .article-intro .article-byline-people{flex-direction:column;align-items:flex-start;gap:14px}
    .article-review-card{align-items:flex-start;padding:15px 16px;gap:13px}
    .article-review-card .author-avatar{width:46px;height:46px}
    .article-author-box{flex-direction:column;gap:16px;padding:22px}
    .author-box-photo .author-avatar{width:84px;height:84px}
}

/* Subheadings inside a guide section (section "level": 3) */
.article-body .article-subsection h3{margin:26px 0 10px;font-size:clamp(19px,1.8vw,22px);font-weight:600;letter-spacing:-.02em;line-height:1.3;color:#173e30}

/* References: the only place sources are linked; a plain list under the article */
.article-references{margin:12px 0 30px;padding:0;list-style:none}
.article-references li{margin:0 0 10px;font-size:14.5px;line-height:1.6;color:#64716a}

/* Phone-friendly tap areas (QA 25 Oct 2026) */
.article-references .article-citation{padding-block:4px}
.review-card-name{padding-block:2px}

/* Related links under a section stay plain underlined text; the invisible padding gives fingers a 24px+ target */
.page-article .article-reading-links a{padding-block:6px;margin-block:-6px}

@media (max-width:700px){
    .review-card-label,.page-article .author-box-label{font-size:12px}
}