/* Selected B design: white page, green links and compact academic typography. */
:root {
  --paper: #fff;
  --ink: #25282b;
  --muted: #626970;
  --line: #e4e7ea;
  --accent: #316756;
}
.home-page { font: 15px/1.65 var(--sans); }
.home-page a { color: var(--accent); }
.home-page a:hover { text-decoration: underline; text-underline-offset: 3px; }
.home-layout { max-width: 1080px; margin: 40px auto 0; padding: 0 32px; display: grid; grid-template-columns: 195px minmax(0,1fr); gap: 55px; }
.home-profile { position: sticky; top: 30px; align-self: start; padding-right: 25px; border-right: 1px solid var(--line); }
.home-profile img { display: block; width: 105px; height: 112px; object-fit: cover; object-position: center 34%; border-radius: 3px; margin-bottom: 15px; }
.home-profile h1 { font-size: 24px; font-weight: 650; line-height: 1.4; letter-spacing: -.5px; margin: 0; }
.home-role { font-size: 13px; color: var(--muted); margin: 7px 0 23px; }
.home-nav { display: flex; flex-direction: column; gap: 8px; font-size: 13px; margin-bottom: 25px; }
.home-contacts { display: grid; gap: 5px; font-size: 12px; }
.home-content { min-width: 0; }
.home-content section { margin-top: 30px; }
.home-content #about { margin-top: 0; }
.home-content h2 { font-size: 20px; font-weight: 600; line-height: 1.4; margin: 0; }
.home-content #about h2 { margin-bottom: 13px; }
.home-content #about p { font-size: 14px; margin: 0 0 12px; }
.home-section-title { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 6px; }
.home-section-title > a { font-size: 12px; white-space: nowrap; }
.home-content h3 { font-size: 15px; font-weight: 600; line-height: 1.4; margin: 0 0 5px; }
.home-paper { padding: 15px 0; border-bottom: 1px solid var(--line); }
.home-paper:last-child { border-bottom: none; padding-bottom: 0; }
.home-authors { font-size: 12px; line-height: 1.6; color: var(--muted); margin: 0 0 4px; }
.home-authors strong { font-weight: 600; }
.home-meta { font-size: 12px; color: var(--muted); margin: 0; }
.home-meta span { color: var(--ink); font-weight: 500; }
.home-project { margin: 15px 0 17px; }
.home-project p { font-size: 13px; color: var(--muted); margin: 0; }
.home-series { font-size: 13px; color: var(--muted); margin: 10px 0 12px; }
.home-series strong { font-weight: 500; color: var(--ink); }
.home-essays { list-style: none; margin: 0; padding: 0; }
.home-essays li { display: grid; grid-template-columns: 24px 1fr; gap: 7px; margin-bottom: 12px; font-size: 14px; }
.home-essays li > span { color: var(--muted); font-size: 12px; padding-top: 2px; }
.home-zh { margin-left: 12px; font-size: 11px; white-space: nowrap; }
.home-footer { margin-top: 27px; padding: 19px 0 30px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
/* Reading pages share the restrained site header while keeping long-form spacing. */
.reading-page .site-header { height: 78px; }
.reading-page .brand { font-size: 20px; letter-spacing: -.5px; }
.reading-page .article-heading { padding-top: 38px; }
.reading-page .article-heading h1 { font: 600 36px/1.3 var(--sans); letter-spacing: -.7px; }
.reading-page .article-heading:lang(zh) h1 { font-size: 34px; }
.reading-page .article-body { color: var(--ink); }
.reading-page .article-body h2 { font-family: var(--sans); font-size: 25px; font-weight: 600; letter-spacing: -.2px; }
.reading-page .essay-row h2 { font-size: 20px; }
.reading-page .essay-row > div > p:not(.series-stage) { font-family: var(--sans); font-size: 16px; }
.reading-page .essay-row .essay-question { font-size: 14px; }
.reading-page .series-intro { font-size: 21px; }
.reading-page .series-stage { color: var(--accent); }
@media (max-width: 760px) {
  .home-layout { display: block; margin-top: 25px; padding: 0 23px; }
  .home-profile { position: static; display: grid; grid-template-columns: 75px 1fr; column-gap: 20px; padding: 0 0 23px; border-right: none; border-bottom: 1px solid var(--line); }
  .home-profile img { grid-column: 1; grid-row: 1/3; width: 75px; height: 85px; margin: 0; }
  .home-profile h1 { grid-column: 2; }
  .home-role { grid-column: 2; margin: 3px 0 0; font-size: 12px; }
  .home-nav { grid-column: 1/-1; flex-direction: row; gap: 21px; margin: 22px 0 13px; }
  .home-contacts { grid-column: 1/-1; display: flex; gap: 17px; flex-wrap: wrap; }
  .home-content #about { margin-top: 24px; }
  .home-content #about h2 { display: none; }
  .home-section-title { gap: 13px; flex-wrap: wrap; row-gap: 3px; }
  .home-section-title > a { font-size: 11px; }
  .home-essays li { font-size: 13px; }
  .reading-page .article-heading h1 { font-size: 30px; }
  .reading-page .article-heading:lang(zh) h1 { font-size: 29px; }
  .reading-page .article-body h2 { font-size: 23px; }
}
@media print { .home-profile { position: static; } }