.sample-byline { margin-top:18px; }
.sample-byline>a { display:inline-flex; align-items:center; gap:10px; font-size:15px; font-weight:700; }
.sample-byline img { width:40px; height:40px; object-fit:contain; border:1px solid var(--ink); background:var(--field-lavender); }
.sample-byline small { display:block; font-size:12px; font-weight:400; }
.sample-byline a:hover,.author-profile-link:hover { text-decoration:underline; }
.guide-author-section { margin-block:40px; }
/* The avatar shares only the heading row; the bio has room to breathe. */
.sample-author-box { display:grid; grid-template-columns:56px minmax(0,1fr) auto; align-items:center; gap:10px 16px; padding:16px; background:var(--field-lavender-light); color:var(--ink); border:1px solid var(--ink); border-left:4px solid var(--red-ink); }
.sample-author-box .author-avatar { grid-column:1; grid-row:1; width:56px; height:56px; background:var(--field-lavender); border:1px solid var(--ink); border-radius:0; }
.sample-author-box .author-avatar img { display:block; width:100%; height:100%; object-fit:contain; border-radius:0; }
.sample-author-box .author-heading { grid-column:2; grid-row:1; min-width:0; }
main .sample-author-box :is(.author-label,.author-role,.author-bio,.author-meta) { color:var(--ink)!important; }
main .sample-author-box .author-label { font:700 11px/1.4 var(--sans); font-size:11px!important; letter-spacing:.7px; margin:0; }
main .author-box.sample-author-box h2 { font:24px/1.15 var(--serif); color:var(--ink); margin:3px 0; }
main .sample-author-box .author-role { font:12px/1.4 var(--sans); font-size:12px!important; margin:0; }
main .sample-author-box .author-bio { grid-column:2 / -1; grid-row:2; font:16px/1.5 var(--sans); font-size:16px!important; margin:0; }
main .sample-author-box .author-meta { grid-column:2 / -1; grid-row:3; font:12px/1.5 var(--sans); font-size:12px!important; margin:0; }
.sample-author-box .author-profile-link { grid-column:3; grid-row:1; display:inline-flex; align-items:center; gap:12px; min-height:44px; margin:0; border-bottom:1px solid var(--ink); font-size:13px; white-space:nowrap; }
.author-profile-hero { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(180px,.65fr); gap:60px; padding-block:28px 40px; align-items:center; }
.author-profile-hero h1 { font:clamp(38px,5vw,64px)/1.1 var(--serif); margin:10px 0 12px; letter-spacing:-1px; }
.author-profile-hero .profile-role { font-size:16px; margin-bottom:18px; }
.author-profile-hero .profile-intro { font-size:19px; line-height:1.7; max-width:720px; }
.author-profile-hero .sample-disclosure { font:13px/1.6 var(--sans); margin-top:24px; border-left:3px solid var(--red-ink); padding-left:14px; max-width:620px; }
.author-portrait { border:1px solid var(--ink); background:var(--field-lavender); margin:0; box-shadow:6px 6px 0 var(--field-vermilion); }
.author-portrait img { width:100%; height:auto; display:block; aspect-ratio:1; object-fit:contain; }
.author-portrait figcaption { padding:12px; border-top:1px solid var(--ink); font:700 11px/1.5 var(--sans); letter-spacing:1px; }
.author-profile-body { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:60px; border-top:1px solid var(--ink); padding-block:40px; }
.author-page h2 { font:32px/1.15 var(--serif); margin:10px 0 22px; }
.author-about p:not(.eyebrow) { font:17px/1.75 var(--sans); margin-bottom:20px; }
.author-approach { padding:24px; background:var(--field-lavender-light); border:1px solid var(--ink); align-self:start; }
.author-approach dl { margin:0; }
.author-approach dl>div { border-top:1px solid var(--line); padding-top:14px; margin-top:14px; }
.author-approach dt { font-weight:700; }
.author-approach dd { margin:6px 0 0; font:15px/1.65 var(--sans); }
.author-guide-section { padding-block:20px 48px; }
.author-article-note { margin:0 0 20px; }
#author-guides { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
#author-guides article { display:flex; flex-direction:column; padding:22px; border:1px solid var(--ink); background:var(--field-lavender-light); }
#author-guides h3 { font:24px/1.2 var(--serif); margin:12px 0; }
#author-guides p:not(.eyebrow) { font:15px/1.6 var(--sans); margin-bottom:18px; }
#author-guides a { margin-top:auto; padding-block:12px; border-top:1px solid var(--ink); }
@media(max-width:959px) {
 .author-profile-hero,.author-profile-body { gap:28px; }
 #author-guides { grid-template-columns:1fr; }
}
@media(max-width:719px) {
 .sample-author-box { grid-template-columns:52px minmax(0,1fr); gap:10px 12px; padding:14px; }
 .sample-author-box .author-avatar { width:52px; height:52px; }
 main .author-box.sample-author-box h2 { font-size:23px; }
 main .sample-author-box .author-bio { grid-column:1 / -1; }
 .sample-author-box .author-profile-link { grid-column:1 / -1; grid-row:3; justify-self:start; }
 main .sample-author-box .author-meta { grid-column:1 / -1; grid-row:4; }
 .author-profile-hero { grid-template-columns:1fr; padding-block:16px 32px; }
 .author-portrait { width:min(230px,100%); }
 .author-profile-hero .profile-intro { font-size:17px; }
 .author-profile-body { grid-template-columns:1fr; padding-block:28px; }
 .author-page h2 { font-size:28px; }
 .author-approach { padding:20px; }
}