/* The author page's own blocks (版面, author-blog-design §4.5): 自訂文字, 外部連結 and 精選作品's book cards.
   Its own file so the shared reader stylesheet (serial.css) stays as it is; loaded by serial/author.html only. */

.sr-blog-text { margin-top: 2rem; padding: 1.25rem; border-radius: 0.75rem; background: var(--sr-muted); }
.sr-blog-text .sr-heading { margin-bottom: 0.5rem; }
.sr-blog-text-para { margin: 0; font-family: var(--sr-font-prose); line-height: 1.9; white-space: pre-line; overflow-wrap: anywhere; }
.sr-blog-text-para + .sr-blog-text-para { margin-top: 0.75rem; }
.sr-blog-text-para a { color: var(--sr-primary); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }

.sr-blog-link-row { display: flex; flex-wrap: wrap; gap: 0.625rem; margin: 0; padding: 0; list-style: none; }
.sr-blog-link { display: inline-flex; align-items: center; gap: 0.25rem; min-height: 2.75rem; padding: 0.375rem 0.875rem; border-radius: 0.5rem;
  border: 1px solid var(--sr-border); background: var(--sr-card); color: var(--sr-foreground); font-size: 0.875rem;
  max-width: 100%; overflow-wrap: anywhere; }
.sr-blog-link:hover { border-color: var(--sr-foreground); }

.sr-blog-book-card .sr-card-meta { color: var(--sr-muted-foreground); }

.sr-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }