/* Personal homepage styling. Loaded after Blyg's stylesheet; no upstream edits. */
:root {
  color-scheme: light;
  --page: #f9f9f9;
  --paper: #f9f9f9;
  --paper-sunk: #eef1f3;
  --ink: #333333;
  --ink-soft: #555555;
  --rule: #e0e0e0;
  --pencil: #0066cc;
  --gen-bg: #eef3f7;
  --gen-rule: #c9d8e4;
  --block-pad: 0rem;
  --serif: Verdana, Geneva, sans-serif;
  --sans: Verdana, Geneva, sans-serif;
}

/* Match the homepage's natural scrollbar and 40px / 20px page inset. */
html { scrollbar-gutter: auto; }
body { font-size: 1rem; line-height: 1.6; padding: 40px 20px; }
.blyg { max-width: 640px; padding: 0; }
.blyg a { text-decoration: none; }
.blyg a:hover { text-decoration: underline; }
.blyg-header, .masthead .site-name { display: none; }
.masthead { display: block; margin: 0 0 32px; }
.masthead .avatar { display: block; width: 100px; height: 100px; margin-bottom: 20px; border-radius: 8px; box-shadow: 0 2px 8px rgb(0 0 0 / 0.1); }
.masthead .masthead-text { max-width: 100%; display: flex; flex-direction: column; gap: 0; overflow-wrap: anywhere; }
.masthead .author-name, .masthead .personal-name { order: -1; font: 600 1.4rem/1.6 var(--sans); color: #222; margin: 0 0 20px; }
.masthead .author-bio { font: 1rem/1.6 var(--sans); color: var(--ink); max-width: none; margin: 0 0 16px; }
.masthead .author-links, .masthead .personal-links { font: 1rem/1.6 var(--sans); margin: 0; }
.masthead .author-links a, .masthead .personal-links a { border-bottom: none; }
.masthead .author-links a:hover, .masthead .personal-links a:hover { color: #0052a3; }

/* Leading item titles share upstream's thread-card typography. */
.blyg :is(.fragment, .thread, .thread-card) > .item-content > h1:first-child {
  font-size: 1.15rem;
  line-height: 1.25;
  margin: 0 0 0.35rem;
}

/* Public pages reuse upstream's navigation as an open, secondary row.
   Removing its sidebar classes also disables the narrow-screen Menu script. */
.personal-page .blyg-body { display: flex; flex-direction: column; }
.personal-page .personal-index-feed { border-top: 1px solid var(--rule); padding-top: 2rem; }
.personal-page .blyg-links {
  order: -1;
  position: static;
  margin: 0 0 32px;
  padding: 0;
  border-top: 0;
  font: 0.875rem/1.6 var(--sans);
}
.personal-page .blyg-links h2 { font: 600 0.875rem/1.6 var(--sans); margin: 0 0 6px; }
.personal-page .blyg-links ul { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.personal-page .blyg-links a { border-bottom: none; }
.personal-page .links-collections h2,
.personal-page .personal-posts-heading,
.personal-page .responses h2 {
  display: block;
  font: 600 1.1rem/1.6 var(--sans);
  color: #222;
  margin: 0 0 16px;
  padding: 0 0 8px;
  border-bottom: 2px solid var(--rule);
  letter-spacing: normal;
  text-transform: none;
}
/* Responses share the section heading pattern; avoid an extra rule above it. */
.personal-page .responses { margin: 4px 0 0; padding-top: 0; border-top: 0; }
.personal-page .links-collections ul { display: inline; }
.personal-page .links-collections li { display: inline-flex; max-width: 100%; }
.personal-page .links-collections li:not(:last-child)::after { content: ","; }
.personal-page .links-collections li a { min-width: 0; }
.personal-page .links-collections .meta { display: none; }

/* Omit empty rows left after the adapter removes upstream's promotional links. */
.blyg-links .links-foot li:not(:has(a)),
.blyg-links .links-foot:not(:has(a)),
.blyg-links:not(:has(a)) { display: none; }