/* ==========================================================
   WordPress ブログ（/blogs/）用の追加スタイル
   blog.css（一覧）・article.css（記事）の後に読み込む
   ========================================================== */

/* ---------- 一覧：ページ送り・0件 ---------- */
.bpager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:64px 0 10px}
.bpager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;font-family:"Barlow",sans-serif;font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--navy);border:1px solid var(--line);background:#fff;transition:.2s}
.bpager a.page-numbers:hover{border-color:var(--navy)}
.bpager .page-numbers.current{background:var(--navy);border-color:var(--navy);color:#fff}
.bpager .page-numbers.dots{border:0;background:none;min-width:24px;padding:0}
.bpager .prev,.bpager .next{padding:0 18px;letter-spacing:.2em}
.bempty{font-size:14px;color:var(--text);padding:40px 0}

/* ---------- 記事本文（WordPress の投稿 HTML） ---------- */
.acontent > *:first-child{margin-top:0}
.acontent h3{font-size:clamp(17px,1.8vw,20px);font-weight:700;color:var(--navy);line-height:1.6;margin:40px 0 16px;padding-left:16px;border-left:3px solid var(--red)}
.acontent h4{font-size:16px;font-weight:700;color:var(--navy);line-height:1.6;margin:30px 0 12px}
.acontent a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.acontent a:hover{color:var(--red)}
.acontent strong{color:var(--ink);font-weight:700;background:linear-gradient(transparent 62%,rgba(224,50,45,.14) 62%)}
/* 箇条書き（チェック印）。番号付きは article.css の .abody ol を使う */
.acontent ul{margin:6px 0 26px;padding:0;list-style:none}
.acontent ul li{position:relative;padding:12px 0 12px 30px;font-size:14.5px;color:var(--text);line-height:1.85;border-bottom:1px solid var(--line)}
.acontent ul li::before{content:"";position:absolute;left:5px;top:18px;width:7px;height:12px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(42deg)}
.acontent li > ul,.acontent li > ol{margin:8px 0 0}
/* 画像・図版 */
.acontent img{max-width:100%;height:auto;margin:10px auto 30px}
.acontent figure{margin:10px 0 30px}
.acontent figure img{margin:0 auto}
.acontent figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}
.acontent .aligncenter{display:block;margin-left:auto;margin-right:auto}
.acontent .alignleft{float:left;margin:0 24px 16px 0}
.acontent .alignright{float:right;margin:0 0 16px 24px}
/* 表 */
.acontent table{width:100%;border-collapse:collapse;margin:10px 0 30px;font-size:13.5px;line-height:1.8}
.acontent th,.acontent td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top;color:var(--text)}
.acontent th{background:var(--bg-gray);color:var(--navy);font-weight:700}
.acontent .wp-block-table{overflow-x:auto}
/* 埋め込み動画など */
.acontent iframe{max-width:100%}
.acontent .wp-block-embed__wrapper{position:relative;aspect-ratio:16/9}
.acontent .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%}
/* コード */
.acontent pre{background:var(--navy);color:#fff;padding:22px 24px;margin:10px 0 30px;overflow-x:auto;font-size:13px;line-height:1.8}
.acontent code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}
.acontent :not(pre) > code{background:var(--bg-gray);padding:2px 6px}
.acontent hr{border:0;border-top:1px solid var(--line);margin:44px 0}

@media(max-width:640px){
  .bpager{gap:4px}
  .bpager .page-numbers{min-width:38px;height:38px;padding:0 8px}
  .acontent .alignleft,.acontent .alignright{float:none;margin:0 auto 20px}
}