@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* コンテナ */
.wrap{max-width:1100px;margin:0 auto;padding:24px}
.page-head h1{font-size:1.6rem;margin:0 0 6px}
.page-head p{color:#6b7280}

/* タグバー（簡易フィルター） */
.taxbar{margin:10px 0 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.taxbar strong{font-size:.9rem;color:#374151}
.taxbar .chip{background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;padding:4px 10px;font-size:.82rem;text-decoration:none;color:#4338ca}
.taxbar .chip:hover{background:#e0e7ff}

/* グリッド */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}

/* カード */
.card{border:1px solid #eaeaea;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.card__imgwrap img,.card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.noimg{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#f3f4f6;color:#9ca3af}

/* メタ */
.card__meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px}
.tags a, .tax .tags a, .tax .tags span a{display:inline-block;background:#f3f4f6;border-radius:999px;padding:3px 8px;margin:0 6px 0 0;font-size:.78rem;color:#374151;text-decoration:none}
.card__source{font-size:.85rem;color:#2563eb}

/* 詳細 */
.lead{color:#6b7280}
.thumb-figure{margin:16px 0}
.thumb-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.thumb-figure figcaption{font-size:.9rem;color:#6b7280;margin-top:6px}
.analysis{margin-top:28px}
.tax{margin-top:16px}