/* 記事ページ（一覧・詳細）— トップのCSSを土台に、記事用の体裁だけ足す */
.dc-art{max-width:820px;margin:0 auto;padding:64px 24px 90px}
.dc-art .kicker{color:var(--pink);font-weight:800;letter-spacing:.14em;font-size:12px;margin-bottom:12px}
.dc-art h1{font-size:clamp(24px,3.4vw,34px);font-weight:900;line-height:1.5;margin-bottom:16px}
.dc-art .meta{color:var(--muted);font-size:13.5px;margin-bottom:26px}
.dc-art .eyecatch{margin:0 0 34px;border-radius:12px;overflow:hidden}
.dc-art .eyecatch img{width:100%;height:auto;display:block}
.dc-art .body{font-size:16.5px;line-height:2.05}
.dc-art .body p{margin-bottom:22px}
.dc-art .body h2{font-size:22px;font-weight:900;margin:40px 0 16px;padding-left:14px;border-left:5px solid var(--pink)}
.dc-art .body h3{font-size:18.5px;font-weight:800;margin:30px 0 12px}
.dc-art .body ul,.dc-art .body ol{margin:0 0 22px 1.4em}
.dc-art .body li{margin-bottom:8px;line-height:1.95}
.dc-art .body strong{font-weight:800;color:var(--pink-d)}
.dc-art .body img{max-width:100%;height:auto;border-radius:10px}
.dc-art .back{display:inline-block;margin-top:44px;border:1.5px solid var(--ink);border-radius:999px;
  padding:13px 30px;font-weight:800;font-size:15px;transition:.2s}
.dc-art .back:hover{border-color:var(--pink);color:var(--pink)}

/* 一覧 */
.dc-list{max-width:1032px;margin:0 auto;padding:64px 24px 90px}
.dc-list h1{font-size:clamp(24px,3.4vw,32px);font-weight:900;margin-bottom:10px}
.dc-list .lead{color:var(--gray2);margin-bottom:38px}
.dc-list .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dc-list .card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;display:block;transition:.2s}
.dc-list .card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(178,58,121,.10)}
.dc-list .thumb{height:190px;overflow:hidden;background:var(--pink-bg)}
.dc-list .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dc-list .body{padding:20px 22px 26px}
.dc-list .date{color:var(--muted);font-size:12.5px;margin-bottom:8px}
.dc-list h3{font-size:15.5px;font-weight:800;line-height:1.6}
.dc-list .nav-links{margin-top:40px;text-align:center;font-weight:800}
.dc-list .nav-links .page-numbers{display:inline-block;padding:9px 15px;margin:0 3px;border-radius:8px;border:1px solid var(--line)}
.dc-list .nav-links .current{background:var(--pink);color:#fff;border-color:var(--pink)}

@media(max-width:960px){
  .dc-list .grid{grid-template-columns:1fr}
  .dc-art{padding:44px 20px 70px}
  .dc-art .body{font-size:16px}
}