/* Only loaded by page-about.hbs. */
.wf-about { max-width: 720px; margin: 0 auto; padding: 48px 0 56px; }
.wf-about h1 { font: 400 clamp(38px,5vw,52px)/1.15 Georgia,'Times New Roman',serif; margin: 0 0 28px; letter-spacing: -1px; }
.wf-biography { font: 19px/1.7 Georgia,'Times New Roman',serif; }
.wf-biography p { margin: 0 0 18px; }
.wf-read { margin: 28px 0 44px; }
.wf-about section { border-top: 1px solid #d9d9cf; margin-top: 36px; padding-top: 30px; }
.wf-about h2 { font: 400 29px/1.25 Georgia,'Times New Roman',serif; margin: 0 0 22px; }
.wf-about .haca-record-list { list-style: none; padding: 0; margin: 0; }
.wf-about .haca-record-list li { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 20px; margin: 0 0 16px; line-height: 1.6; }
.wf-about .haca-record-list time { color: #5d635e; font-size: 14px; padding-top: 2px; }
.wf-about .haca-record-list a { text-decoration: underline; text-decoration-color: #b6baaf; text-underline-offset: 4px; }
.wf-about .haca-record-list a:hover { text-decoration-color: currentColor; }
@media(max-width:680px) {
 .wf-about { padding: 32px 0 40px; }
 .wf-biography { font-size: 18px; }
 .wf-about .haca-record-list li { gap: 12px; }
}

.wf-bio-layout { display: grid; grid-template-columns: 180px minmax(0,1fr); align-items: start; gap: 28px; }
.wf-author-photo { display: block; width: 180px; max-width: 100%; height: auto; border-radius: 3px; }
@media(max-width:680px) {
 .wf-bio-layout { grid-template-columns: minmax(0,1fr); gap: 24px; }
 .wf-author-photo { width: 160px; }
}