/* =========================================================
   活動記録（news/）専用の追記スタイル
   共通コンポーネントは style.css。ここは news 配下だけの調整。
   （固定ヘッダー分の余白・パンくず・ページ見出し・記事本文の組み方）
   ========================================================= */

/* news 配下はヒーローが無いので、固定ヘッダー分だけ本文を下げる */
body.news{padding-top:66px;background:var(--paper);}

/* パンくず（戻る導線） */
.crumb{max-width:var(--cw);margin:0 auto;padding:22px var(--px) 0;font-size:12.5px;color:var(--soft);}
.crumb a{color:var(--soft);text-decoration:none;}
.crumb a:hover{color:var(--ink-strong);}
.crumb span{color:var(--line);margin:0 8px;}
.art .crumb{max-width:768px;}          /* 記事ページは本文幅に合わせる */

/* ── 一覧ページ ── */
.news-hd{max-width:var(--cw);margin:0 auto;padding:26px var(--px) 8px;}
.news-hd .kicker{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:var(--soft);margin-bottom:12px;}
.news-hd h1{font-family:var(--f-head);font-weight:700;font-size:30px;line-height:1.4;color:var(--ink-strong);}
.news-hd p{margin-top:12px;color:var(--ink);font-size:14.5px;line-height:1.95;max-width:44em;}
.news-list{max-width:var(--cw);margin:0 auto;padding:36px var(--px) 84px;}  /* .tiles/.tile は style.css を再利用 */

/* ── 記事ページ ── */
.article{max-width:768px;margin:0 auto;padding:20px var(--px) 0;}
.article .meta{font-family:var(--f-mono);font-size:12.5px;color:var(--soft);margin-bottom:12px;}
.article h1{font-family:var(--f-head);font-weight:700;font-size:27px;line-height:1.55;color:var(--ink-strong);margin-bottom:22px;}
.article .cover{aspect-ratio:16/9;background-color:var(--fill);background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:5px;margin-bottom:30px;}
.article .body p{font-size:16px;line-height:2.1;color:var(--ink);margin:0 0 18px;}
.article .body b{color:var(--ink-strong);background:linear-gradient(rgba(255,242,0,.5),rgba(255,242,0,.5)) 0 88%/100% .3em no-repeat;}
.article .body h2{font-family:var(--f-head);font-weight:700;font-size:19px;color:var(--ink-strong);margin:36px 0 12px;}
.article figure{margin:26px 0;}
.article figure .ph{aspect-ratio:4/3;background-color:var(--fill);background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:5px;}
.article figure figcaption{font-size:12.5px;color:var(--soft);margin-top:8px;}
.article .two{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.article .two figure{margin:0;}

/* 記事下の戻り導線 */
.article-nav{max-width:768px;margin:40px auto 0;padding:24px var(--px) 84px;}
.article-nav .in{border-top:1px solid var(--line);padding-top:22px;}
.article-nav a{color:var(--ink-strong);text-decoration:none;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:2px;}

@media(max-width:760px){
  .news-hd h1{font-size:24px;}
  .article h1{font-size:22px;}
  .article .two{grid-template-columns:1fr;}
}