/* Author and editorial pages share the reading and archive components. */
.onyx-design .lf-author-header {display:grid;grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:32px 38px 36px;background:var(--lf-green);border-top:1px solid var(--lf-line);border-bottom:1px solid var(--lf-line)}
.onyx-design .lf-author-header--text {grid-template-columns:minmax(0,1fr)}
.onyx-design .lf-author-portrait {aspect-ratio:1;overflow:hidden;border-radius:48% 52% 44% 56% / 42% 46% 54% 58%;background:var(--lf-soft2)}
.onyx-design .lf-author-portrait img {display:block;width:100%;height:100%;object-fit:cover}
.onyx-design .lf-author-kicker,.onyx-design .lf-page-kicker {display:inline-block;font:600 12px/1.5 var(--font-family-sansSerif);color:inherit;text-decoration:underline;text-underline-offset:5px}
.onyx-design .lf-author-info h1 {font:600 clamp(34px,4.2vw,56px)/1.06 var(--font-family-sansSerif);letter-spacing:-.055em;overflow-wrap:anywhere;margin:14px 0 0}
.onyx-design .lf-author-info .lf-author-bio {max-width:690px;font:400 clamp(16px,1.4vw,18px)/1.6 var(--font-family-sansSerif);margin-top:14px;color:var(--lf-muted)}
.onyx-design .lf-author-info .lf-author-location {font-size:12px;color:var(--lf-muted);margin-top:22px}
.onyx-design .lf-author-links {display:flex;flex-wrap:wrap;gap:14px 22px;font-size:12px;font-weight:600;margin-top:16px}
.onyx-design .lf-author-links:empty {display:none}
.onyx-design .lf-author-links a {padding:8px 0;border-bottom:1px solid var(--lf-line)}
.onyx-design .lf-page-header {max-width:1160px;margin-inline:auto;padding:34px 0 28px;border-bottom:1px solid var(--lf-line)}
.onyx-design .lf-page-header h1 {font:600 clamp(36px,4.6vw,64px)/1.05 var(--font-family-sansSerif);letter-spacing:-.05em;overflow-wrap:anywhere;margin:16px 0 0;max-width:1060px}
.onyx-design .lf-page-deck {max-width:850px;font:400 clamp(17px,1.5vw,20px)/1.55 var(--font-family-sansSerif);color:var(--lf-muted);margin:16px 0 0}
.onyx-design .lf-editorial-page {padding-bottom:80px}
.onyx-design .lf-editorial-page .lf-article>.c-content>h2:first-child {margin-top:0}
@media(max-width:740px) {
 .onyx-design .lf-author-header {grid-template-columns:minmax(0,1fr);padding:24px 20px 28px;gap:20px}
 .onyx-design .lf-author-portrait {width:min(40vw,150px)}
 .onyx-design .lf-author-info h1 {font-size:clamp(30px,8.4vw,34px);margin-top:12px}
 .onyx-design .lf-author-info .lf-author-bio {font-size:16px;margin-top:12px}
 .onyx-design .lf-page-header {padding:22px 0 22px}
 .onyx-design .lf-page-header h1 {font-size:clamp(32px,9vw,36px)}
 .onyx-design .lf-editorial-page {padding-bottom:48px}
}
