/* ── ブログ一覧 ── */
.blog-wrap{flex:1;width:100%;max-width:760px;margin:0 auto;padding:40px 24px 64px;}
.blog-wrap h1{font-size:22px;font-weight:700;color:var(--brand);margin-bottom:8px;}
.blog-lead{font-size:14px;line-height:1.9;color:var(--text);margin-bottom:32px;}
.blog-list{display:flex;flex-direction:column;gap:14px;}
.blog-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;text-decoration:none;color:var(--text);transition:border-color .18s,box-shadow .18s,transform .12s;}
.blog-card:hover{border-color:var(--brand);box-shadow:0 10px 28px rgba(32,47,85,.12);transform:translateY(-2px);}
.blog-card-date{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em;}
.blog-card-cat{display:inline-block;font-size:11px;font-weight:700;color:var(--brand);background:var(--brand-xs);border-radius:99px;padding:2px 10px;margin-left:8px;vertical-align:middle;}
.blog-card h2{font-size:16px;font-weight:700;margin:8px 0 6px;line-height:1.6;}
.blog-card p{font-size:13px;line-height:1.8;color:var(--muted);}

@media (max-width: 768px) {
  .blog-wrap{padding:28px 16px 48px;}
  .blog-wrap h1{font-size:19px;}
}

/* ── ブログ記事本文 ── */
.article-wrap{flex:1;width:100%;max-width:720px;margin:0 auto;padding:40px 24px 64px;}
.article-breadcrumb{font-size:12px;color:var(--muted);margin-bottom:18px;}
.article-breadcrumb a{color:var(--muted);text-decoration:none;}
.article-breadcrumb a:hover{color:var(--brand);text-decoration:underline;}
.article-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.article-date{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em;}
.article-cat{display:inline-block;font-size:11px;font-weight:700;color:var(--brand);background:var(--brand-xs);border-radius:99px;padding:2px 10px;}
.article-wrap h1{font-size:24px;font-weight:700;color:var(--brand);line-height:1.5;margin-bottom:28px;}
.article-body{font-size:15px;line-height:2;color:var(--text);}
.article-body h2{font-size:18px;font-weight:700;color:var(--brand);margin:36px 0 14px;padding-top:20px;border-top:1px dashed var(--border);}
.article-body h3{font-size:15px;font-weight:700;color:var(--text);margin:24px 0 10px;}
.article-body p{margin-bottom:16px;}
.article-body ul, .article-body ol{margin:0 0 16px 22px;}
.article-body li{margin-bottom:8px;}
.article-body strong{color:var(--brand);}
.article-cta{margin-top:8px;background:var(--brand-xs);border:1px solid var(--brand-s);border-radius:var(--radius-lg);padding:22px 24px;display:flex;flex-direction:column;gap:10px;}
.article-cta p{margin:0;font-size:14px;color:var(--text);}
.article-cta a{align-self:flex-start;background:var(--brand);color:#fff;font-size:13px;font-weight:700;padding:9px 20px;border-radius:99px;text-decoration:none;}
.article-nav{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);}
.article-nav a{font-size:13px;font-weight:600;color:var(--brand);text-decoration:none;}
.article-nav a:hover{text-decoration:underline;}

@media (max-width: 768px) {
  .article-wrap{padding:28px 16px 48px;}
  .article-wrap h1{font-size:20px;}
  .article-body{font-size:14px;}
}