/* Personal editorial profile: the channel identity, with room for Alex's story. */
.reader-profile { background:#f6f5f0; }
.reader-profile-opening { display:grid; grid-template-columns:1.12fr 1fr; gap:7%; align-items:center; padding-block:58px 62px; border-bottom:1px solid #d8d8d2; }
.reader-profile .reader-article-header { padding:0; min-width:0; }
.reader-profile .reader-article-header>.text-link { margin-bottom:42px; font-size:12px; }
.reader-profile .reader-article-header>.eyebrow { color:#b52530; font-size:10px; margin-bottom:21px; }
.reader-profile .reader-article-header h1 { font-size:clamp(42px,4.65vw,67px); line-height:1.06; letter-spacing:-.055em; max-width:12ch; margin-bottom:26px; }
.reader-profile .reader-standfirst { font-size:17px; line-height:1.75; color:#545a5c; max-width:510px; margin-bottom:27px; }
.reader-profile .reader-article-author { color:#313537; font-size:11px; }
.reader-profile .reader-article-author time { color:#686c6d; }
.reader-profile .reader-cover { min-width:0; margin:14px 0 0; padding:9px; background:#202426; color:#f5f3ed; position:relative; }
.reader-profile .reader-cover::before { content:''; position:absolute; top:-7px; right:27px; width:47px; height:7px; background:#d42b30; }
.reader-profile .reader-cover img { aspect-ratio:1; object-position:52% 42%; }
.reader-profile .reader-cover figcaption { color:#d9d9d3; font:9px/1.6 var(--mono); padding:14px 8px 8px; }
.reader-profile .reader-layout { grid-template-columns:.65fr 1.35fr; gap:8%; padding-block:57px 78px; }
.reader-profile .reader-contents a { color:#53595b; border-bottom-color:#d8d8d2; }
.reader-profile .reader-contents a span { color:#b52530; }
.reader-profile .reader-contents a:hover { color:#a81f2a; }
.reader-profile .reader-prose { max-width:690px; }
.reader-profile .reader-prose h2 { font-size:clamp(28px,2.7vw,38px); line-height:1.14; letter-spacing:-.035em; }
.reader-profile .reader-prose p { color:#4c5356; font-size:16px; line-height:1.85; }
.reader-profile .reader-prose a { text-decoration-color:#b5253066; text-underline-offset:4px; }
.reader-profile .reader-prose a:hover { color:#a81f2a; text-decoration-color:currentColor; }
.reader-profile .reader-article-end { border-top-color:#d8d8d2; }
.reader-profile .reader-article-end .text-link { color:#212528; font-size:12px; }
.reader-profile :focus-visible { outline:3px solid #b52530; outline-offset:5px; }
@media (max-width:1000px) {
 .reader-profile-opening { gap:5%; }
 .reader-profile .reader-standfirst { font-size:15px; }
 .reader-profile .reader-layout { gap:6%; }
}
@media (max-width:760px) {
 .reader-profile-opening { grid-template-columns:1fr; gap:31px; padding-block:30px 35px; }
 .reader-profile .reader-article-header>.text-link { margin-bottom:30px; }
 .reader-profile .reader-article-header h1 { font-size:clamp(40px,9vw,63px); max-width:15ch; margin-bottom:21px; }
 .reader-profile .reader-article-header>.eyebrow { font-size:9px; margin-bottom:18px; }
 .reader-profile .reader-standfirst { font-size:16px; max-width:620px; margin-bottom:22px; }
 .reader-profile .reader-cover { margin-top:0; padding:7px; }
 .reader-profile .reader-cover img { aspect-ratio:1.4; }
 .reader-profile .reader-cover figcaption { font-size:8px; padding:11px 5px 5px; }
 .reader-profile .reader-layout { grid-template-columns:1fr; gap:32px; padding-block:32px 50px; }
 .reader-profile .reader-contents { position:static; }
 .reader-profile .reader-contents a { min-height:44px; padding:12px 0; }
 .reader-profile .reader-prose h2 { font-size:29px; }
 .reader-profile .reader-prose p { font-size:16px; line-height:1.8; }
}
@media print {
 .reader-profile { background:#fff; }
 .reader-profile-opening { display:block; padding-block:0 20px; }
 .reader-profile .reader-article-header h1 { font-size:30pt; max-width:none; }
 .reader-profile .reader-cover { max-width:350px; margin-top:20px; background:#fff; }
 .reader-profile .reader-cover img { aspect-ratio:1.5; }
 .reader-profile .reader-cover figcaption { color:#222; }
 .reader-profile .reader-layout { display:block; padding-block:20px; }
 .reader-profile .reader-contents { display:none; }
}
