/*
Theme Name: Mei Assist Blog
Description: meiassist.com の静的HP（index/service/philosophy/company）と見た目を揃えるための、ブログ専用の最小限テーマです。
Author: Noto AI Works
Version: 1.0
*/

/* ▼ 静的サイト側と同じCSSファイルを共有します。
   ※ 本番の public_html/css/style.css は既存WordPressテーマが使用中のファイル名のため、
   衝突を避けて /css/newsite.css という別名で配置しています（2026-09-12）。 */
@import url("/css/newsite.css");

/* ===== ここから下はブログ専用の追加スタイル ===== */
/* タイトル帯（.page-head）・ヘッダー・フッターは静的サイト側の css/newsite.css を
   そのまま利用しています。ここでは記事一覧・個別記事まわりだけを追記します。 */

/* 記事一覧（index.php）：.page-head の下に続くカード一覧 */
.blog-list{max-width:1140px;margin:0 auto;padding:64px 20px 100px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.blog-card{border:1px solid var(--line);background:#fff}
.blog-card .ph{height:200px}
.ph-fallback{background:var(--hakuji);display:flex;align-items:center;justify-content:center;padding:24px}
.ph-fallback img{max-width:70%;max-height:70%;width:auto;height:auto;object-fit:contain}
.blog-card-body{padding:20px}
.blog-date{font-size:.75rem;color:var(--ginnezu);letter-spacing:.1em}
.blog-card-title{font-family:var(--serif);font-size:1.05rem;margin:.5em 0;line-height:1.6}
.blog-card-title a{color:var(--sumikon)}
.blog-excerpt{font-size:.85rem;color:var(--ginnezu);line-height:1.8}

/* 個別記事（single.php） */
.blog-single{max-width:760px;margin:0 auto;padding:150px 20px 100px}
.blog-single .blog-crumb{margin-bottom:18px;font-size:.72rem;letter-spacing:.12em;color:var(--ginnezu)}
.blog-single .blog-crumb a:hover{color:var(--shinchu)}
.blog-single .blog-date{display:block;margin-bottom:.5em}
.blog-single h1{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2rem);line-height:1.6;margin-bottom:1em}
.blog-single .thumb{margin-bottom:2em}
.blog-single .content{font-size:.95rem;line-height:2}
.blog-single .content p{margin-bottom:1.4em}
.blog-back{display:inline-block;margin-top:3em;font-size:.85rem;border-bottom:1px solid var(--shinchu)}

/* 前後の記事ナビ（single.php） */
.blog-post-nav{display:flex;justify-content:space-between;gap:24px;margin-top:3.5em;
  padding-top:24px;border-top:1px solid var(--line);font-size:.82rem}
.blog-post-nav .next{text-align:right;margin-left:auto}
.blog-post-nav a{color:var(--ginnezu);line-height:1.7}
.blog-post-nav a:hover{color:var(--shinchu)}

/* ページネーション（記事一覧） */
.blog-pager{max-width:1140px;margin:0 auto;padding:0 20px 100px;display:flex;justify-content:space-between}
.blog-pager a{font-size:.85rem;border-bottom:1px solid var(--shinchu)}