/* ブログ（自動生成記事）専用スタイル。assets/style.css の後に読み込む。
   デザインシステムを継承（3色・グラデNG・装飾控えめ・絵文字NG）。 */

/* ===== 一覧 ===== */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:0;}
.post-card{border:1px solid var(--hair);border-radius:var(--radius);overflow:hidden;background:#fff;display:flex;flex-direction:column;}
.post-card__thumb{display:block;aspect-ratio:3/2;background:var(--bg-soft);overflow:hidden;}
.post-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.post-card__body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1;}
.post-card__date{font-size:.8rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;}
.post-card h2{font-size:1.05rem;margin:0;line-height:1.45;}
.post-card h2 a{color:var(--ink);text-decoration:none;}
.post-card h2 a:hover{color:var(--accent);text-decoration:underline;}
.post-card__excerpt{font-size:.88rem;color:var(--ink-soft);margin:0;}

/* ===== 記事本文 ===== */
.article{max-width:760px;margin:0 auto;}
.article-header{margin:0 0 28px;}
.article-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.84rem;color:var(--ink-soft);margin:0 0 18px;}
.article-meta .k{font-weight:700;margin-right:4px;}
.article-hero{aspect-ratio:3/2;border-radius:var(--radius);overflow:hidden;background:var(--bg-soft);margin:0 0 32px;}
.article-hero img{width:100%;height:100%;object-fit:cover;display:block;}
.article h1{font-size:clamp(1.7rem,4.2vw,2.4rem);line-height:1.35;margin:0 0 16px;}
.article :is(h2,h3){scroll-margin-top:80px;}
.article h2{font-size:1.4rem;margin:48px 0 14px;padding-top:8px;}
.article h3{font-size:1.12rem;margin:32px 0 10px;}
.article p,.article li{font-size:1.02rem;}
.article p{margin:0 0 18px;}
.article ul,.article ol{margin:0 0 20px;padding-left:24px;}
.article li{margin:6px 0;}
.article a{color:var(--accent);text-decoration:underline;}
.article blockquote{margin:0 0 20px;padding:12px 0 12px 18px;border-left:3px solid var(--hair);color:var(--ink-soft);}

/* 目次 */
.toc{border:1px solid var(--hair);border-radius:var(--radius);background:var(--bg-soft);padding:18px 22px;margin:0 0 32px;}
.toc h2{font-size:.95rem;margin:0 0 10px;}
.toc ol{margin:0;padding-left:20px;}
.toc a{color:var(--ink);}

/* 記事末CTA・関連記事 */
.article-cta{max-width:760px;margin:40px auto 0;}
.related{max-width:760px;margin:0 auto;}

@media (max-width:820px){.post-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.post-grid{grid-template-columns:1fr;}}