/* dispatch 119 (B-199) / dispatch 126: 運営者ページ専用 CSS。汚染防止のため .author-page 配下にスコープ。

   dispatch 126 (B-222): 由来だった `Sender information/author_page.html` の self-contained
   style は **サイトのデザイントークンから独立した独自 palette / 独自フォント**を持ち込んで
   おり、著者・編集方針ページだけ別サイトのように見えていた (編集長のローカル目視指摘)。
   本ファイルは **レイアウトのみ**を残し、色は `main.css` の `:root` トークンを直接参照、
   書体・字送り・文字色は body から継承する形に整理した。
     - 独自 palette (--a-ink 等) と dark-scheme 専用の上書きブロックを削除
     - 書体指定 / page レベルの字送り・文字サイズ・背景の上書きを削除
     - h2 の緑の左罫 (border-left:4px solid) を削除し、about.css と同じ見出しスケールへ
     - lede の緑ボックスを var(--bg-alt) + var(--border) の控えめな囲みへ
   色リテラル (#...) は 0 件。`main.css` は触らない (他ページへの波及回避)。 */

/* 字送りは about.css と同値 (about-page: line-height:1.8)。
   独自の値を発明しないという趣旨のため、about と同値なら page レベル指定でよい
   (編集長判断 2026-08-31)。 */
.author-page{line-height:1.8;}
.author-page *{box-sizing:border-box;}

/* ---- レイアウト（本文幅・余白）---- */
.author-page .wrap{max-width:720px; margin:0 auto; padding:48px 20px 80px;}

/* ---- 見出し・本文（色は token、書体と字送りは body 継承）---- */
.author-page .eyebrow{font-size:12px; letter-spacing:.16em; color:var(--fg-muted); font-weight:700;}
.author-page h1{font-size:28px; line-height:1.4; margin:8px 0 4px;}
.author-page .role{color:var(--fg-muted); font-size:14px; margin:0 0 28px;}
.author-page h2{font-size:21px; font-weight:700; margin:40px 0 12px; line-height:1.5;}
.author-page p{font-size:14.5px; margin:0 0 16px;}
.author-page .lede{
  background:var(--bg-alt); border:1px solid var(--border);
  border-radius:8px; padding:18px 20px;
  font-size:14.5px; color:var(--fg-muted);
}
.author-page ul{margin:0 0 16px; padding-left:1.2em;}
.author-page li{margin-bottom:10px;}

/* ---- meta（定義リストのグリッド）---- */
.author-page .meta{
  margin-top:44px; padding-top:20px; border-top:1px solid var(--border);
  font-size:13px; color:var(--fg-muted);
}
.author-page .meta dl{display:grid; grid-template-columns:auto 1fr; gap:6px 16px; margin:0;}
.author-page .meta dt{font-weight:700;}
.author-page .meta dd{margin:0;}
.author-page .meta .updated{margin-top:16px;}

/* ---- レスポンシブ ---- */
@media (max-width:520px){
  .author-page .wrap{padding:32px 16px 64px;}
  .author-page h1{font-size:23px;}
}