/* Shared by the public blog and its editor. Sizes are grouped by reading role. */
:root {
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
  --font-heading: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --sans: var(--font-body);
  --serif: var(--font-heading);
  --weight-body: 400;
  --weight-medium: 500;
  --weight-heading: 600;
  --type-caption: 13px;
  --type-small: 14px;
  --type-body: 16px;
  --type-reading: 18px;
  --type-card-title: 18px;
  --type-section-title: 24px;
}
body { font-family: var(--font-body); font-size: var(--type-body); font-weight: var(--weight-body); -webkit-font-smoothing: auto; }
h1,h2,h3 { font-family: var(--font-heading); font-weight: var(--weight-heading); }
input,textarea,select,button { font-family: var(--font-body); }
input::placeholder,textarea::placeholder { color: #716351; opacity: 1; }
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder { color: var(--muted); }
.wordmark { font-family: var(--font-heading); font-weight: var(--weight-heading); }
.hero-message h1 { font-family: var(--font-display); font-weight: var(--weight-heading); }
.nav-links,.social,.profile .social a,.profile .bio,.profile-motto,.feed-copy p,.feed-meta,.meta,.tags,.tiny,.contact-list,.track-choice span,.music-about,.music-source,.record-info p,.record-info small,.sticky-note,.sticky-note p,.sticky-note small,.essay-meta,.essay-excerpt,.essay-body,.essay-lead,footer,.footer-mark { font-family: var(--font-body); }
.music-time,[data-clock],[data-album-counter] { font-family: var(--font-body); font-variant-numeric: tabular-nums; }
.record-info h3,.photo-item h2,.project-block h2,.post h2,.vcard h3,.essay-card h2,.essay-article-heading h1 { font-family: var(--font-heading); font-weight: var(--weight-heading); }