main{max-width:1100px;margin:auto;padding:22px 32px 42px}main h1{font:700 clamp(2.3rem,4.1vw,3.7rem)/1.04 var(--display);letter-spacing:-.035em;margin:0}
.intro{font:500 clamp(1.2rem,2vw,1.65rem)/1.35 var(--display);max-width:60ch;margin:12px 0 22px}
.profile{display:grid;grid-template-columns:clamp(150px,18vw,215px) minmax(0,1fr);gap:32px;align-items:center;border-block:1px solid var(--line);padding:22px 0}
.profile img{width:100%;height:auto;display:block}
.profile h2{font:600 2.25rem/1.05 var(--display);margin:0}
.role{font-size:.85rem;color:var(--teal-dark);font-weight:600;margin:5px 0}
.profile p:not(.role){margin:12px 0;max-width:66ch}
.links{display:flex;gap:10px 20px;flex-wrap:wrap}
.links a,.pub a{font-weight:600;font-size:.88rem}
.columns{display:grid;grid-template-columns:1.35fr 1fr;gap:6%;padding:24px 0}
.columns section,.about-contents,.pub{background:white;padding:0;color:var(--ink)}
.columns h2,.about-contents>h2,.pub h2{font:600 1.65rem/1.12 var(--display);margin:0 0 12px}
.columns p,main .about-reading p{color:var(--secondary);margin:8px 0;line-height:1.54}
.about-contents,.pub{border-top:1px solid var(--line);padding:18px 0}
.about-content-row{padding:9px 0}
.about-content-row p{margin:4px 0}
.information-contact{background:var(--paper);color:var(--ink)}
.information-contact a:not(.button){color:var(--blue)}
@media(max-width:700px){main{padding:16px 20px 30px}
.intro{margin:10px 0 16px}
.profile{display:block;padding:16px 0}
.profile img{float:left;width:94px;margin:0 14px 8px 0}
.profile h2{font-size:1.65rem}
.profile p:not(.role){font-size:.98rem}
.links{clear:both}
.columns{display:block;padding:20px 0}
.help{margin-top:22px}}

.about-reading .review-byline{font-size:.88rem;font-weight:600;color:var(--ink)}