/* single.php 専用のスタイル */
@layer kbt-mock {
  .nwtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
  .nwtabs button{font-family:inherit;font-size:14px;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:7px 18px;cursor:pointer;color:#4f5761}
  .nwtabs button:hover{border-color:var(--brass);color:var(--brass)}
  .nwtabs button.on{background:var(--brass);border-color:var(--brass);color:#fff;font-weight:700}
  .nwlist{border-top:1px solid var(--line)}
  .nw{display:grid;grid-template-columns:190px 1fr;gap:28px;padding:26px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);align-items:start}
  .nw:hover{background:#fcfbfa}
  .nw .ph{aspect-ratio:1.618/1}
  .nw .meta{display:flex;gap:12px;align-items:center;margin-bottom:9px;flex-wrap:wrap}
  .nw .dt{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
  .nw .cat{font-size:14px;font-weight:700;padding:2px 10px;border:1px solid var(--brass);color:var(--brass)}
  .nw .cat.new{border-color:var(--ok,#2e7d5b);color:#2e7d5b}
  .nw .cat.season{border-color:#c07a2a;color:#c07a2a}
  .nw h3{font-size:18px;font-weight:700;line-height:1.55;margin-bottom:8px}
  .nw p{font-size:14px;color:#5a626c;line-height:1.85}
  .pager{display:flex;justify-content:center;gap:7px;margin-top:34px}
  .pager a,.pager span{font-size:14px;min-width:38px;text-align:center;padding:9px 12px;border:1px solid var(--line);text-decoration:none;color:#4f5761;background:var(--white)}
  .pager .cur{background:var(--brass);border-color:var(--brass);color:#fff;font-weight:700}
  @media (max-width:760px){ .nw{grid-template-columns:1fr;gap:14px} .nw .ph{aspect-ratio:16/9} }

  /* 記事詳細（1カラム・本文幅を固定） */
  .art .body{max-width:720px;margin:0 auto}
  .art .body h3{font-family:var(--serif);font-size:18px;font-weight:500;margin:46px 0 16px}
  .art .body p{font-size:16px;line-height:2.15;color:#3f464f;margin-bottom:24px}
  .art .body ul{margin:0 0 26px 0;list-style:none}
  .art .body li{font-size:15px;color:#3f464f;line-height:2;padding-left:24px;position:relative;margin-bottom:10px}
  .art .body li::before{content:"—";position:absolute;left:0;color:var(--brass)}
  .art .body .lead{font-size:17.5px;line-height:2.05;color:var(--ink);border-left:3px solid var(--brass);padding-left:22px;margin-bottom:34px}
  .art .gal{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:34px 0}
  .art .gal .ph{aspect-ratio:16/9}
  /* 記事のタイトル（上部の写真の見出しは「News」にし、タイトルは本文の先頭に出します） */
  .art .body .art-title{font-family:var(--serif);font-size:30px;font-weight:500;line-height:1.5;color:var(--ink);margin:0 0 18px}
  .artmeta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:32px}
  @media (max-width:900px){
    .art .body h3{font-size:20px;margin:34px 0 14px}
    .art .body .art-title{font-size:23px;margin-bottom:14px}
    .art .body p{font-size:14.5px;line-height:2.05}
    .art .body .lead{font-size:15.5px;padding-left:16px}
    .art .gal{grid-template-columns:1fr;gap:10px}
    .art .gal .ph{aspect-ratio:16/9}
  }
}