@charset "UTF-8";
/* ===================================================================
   - SeikeiFocus : category archive (archive.php)
   - Ref. Site : https://www.jiji.com/jc/c?g=... (category page)
   - Enqueued only on is_category() via optimization.php fv-category handle.
   - Reuses the shared hero/kaisetsu-grid components defined in style.css.
=================================================================== */

/* パンくず — .sf-breadcrumb は style.css (sitewide) に이동. 記事ページ(single.php)에서도 재사용하기 위함. */

/* カテゴリー名タイトルボックス */
.sf-cat-title {padding: 10px 0 10px 14px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #eee;}
.sf-cat-title h1 {font-size: 2rem; font-weight: 700; color: #1e1e17;}

/* 注目ワード — tag cloud, capped at 3 rows */
.sf-tagcloud-list {display: flex; flex-wrap: wrap; align-content: flex-start; max-height: 96px; overflow: hidden;}
.sf-tagcloud-list li {display: inline-block; margin: 0 10px 10px 0; border: 1px solid #1e1e17; border-radius: 2px; background-color: #fff;}
.sf-tagcloud-list li a {display: block; padding: 9px; font-size: 1.2rem; color: #1e1e17;}
.sf-tagcloud-list li a:hover {border-color: #d8050d; color: #d8050d;}

/* 連載 — jiji.com's category-page 連載 is NOT the home page's 2-column
   解説 grid; it's a single-column list of full-width rows (image left,
   text right), confirmed via jiji.com/jc/c?g=spo (.BoxArticleContents is
   flex column, each .BoxArticle spans the full width). Reuses the same
   .sf-kaisetsu-item/-series/-title/-date typography, different wrapper. */
.sf-cat-tail {margin-top: 40px;}
.sf-cat-tail-list {display: block;}
.sf-cat-tail-list .sf-kaisetsu-item {padding: 8px 0; border-bottom: 1px solid #ddd;}
.sf-cat-tail-list .sf-kaisetsu-item:last-child {border-bottom: none;}

/* ページネーション */
.sf-pagination {display: flex; justify-content: center; margin-top: 40px;}
.sf-pagination-list {display: flex; gap: 6px;}
.sf-pagination-list li a {display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #ddd; font-size: 1.3rem; color: #1e1e17;}
.sf-pagination-list li a:hover {border-color: #d8050d; color: #d8050d;}
.sf-pagination-list li.is-current a {border-color: #d8050d; background-color: #d8050d; color: #fff;}