/* dispatch 119 (B-200) / dispatch 126: 編集方針ページ専用 CSS。.editorial-page にスコープ。

   dispatch 126 (B-222): author.css と同じ理由で、独自 palette / 独自フォントを落として
   サイトのデザイントークンと既定タイポグラフィに寄せた (詳細は author.css の冒頭コメント)。
   レイアウトのみを残し、色は `main.css` の `:root` トークンを直接参照。色リテラルは 0 件。 */

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

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

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

/* ---- meta ---- */
.editorial-page .meta{
  margin-top:44px; padding-top:20px; border-top:1px solid var(--border);
  font-size:13px; color:var(--fg-muted);
}
.editorial-page .meta .updated{margin:0;}

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