/* ブログ。サイト本体の site.css に足す形の最小限 */
.post-wrap{padding:36px 22px 60px;max-width:820px}
.breadcrumb{font-size:.84rem;color:var(--ink-soft);margin-bottom:22px}
.preview-note{background:#FFF4D8;border:1px solid #E8CE86;border-radius:8px;padding:11px 16px;font-size:.9rem;margin-bottom:20px}

.post-head{margin-bottom:30px}
.post-cat{display:inline-block;background:var(--teal);color:#fff;font-size:.76rem;font-weight:700;padding:3px 11px;border-radius:999px;margin-bottom:12px}
.post-head h1{font-family:"Zen Maru Gothic",sans-serif;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:900;line-height:1.5}
.post-info{display:flex;gap:16px;font-size:.84rem;color:var(--ink-soft);margin-top:12px}
.post-lead{margin-top:18px;padding:16px 20px;background:#fff;border-left:5px solid var(--sun);border-radius:8px;color:var(--ink-soft)}

.post-body{font-size:1.02rem;line-height:2}
.post-body h2{font-family:"Zen Maru Gothic",sans-serif;font-size:1.35rem;margin:44px 0 14px;padding-left:14px;border-left:5px solid var(--teal)}
.post-body h3{font-family:"Zen Maru Gothic",sans-serif;font-size:1.12rem;margin:30px 0 10px;color:var(--teal)}
.post-body p{margin-bottom:18px}
.post-body ul,.post-body ol{margin:0 0 20px 1.4em}
.post-body li{margin-bottom:7px}
.post-body blockquote{margin:0 0 20px;padding:14px 20px;background:#F3ECDD;border-radius:8px;color:var(--ink-soft)}
.post-body a{color:var(--teal);text-decoration:underline}
.post-table{overflow-x:auto;margin-bottom:22px}
.post-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;min-width:320px}
.post-table th,.post-table td{padding:11px 14px;border-bottom:1px solid var(--cream-deep);text-align:left;font-size:.94rem}
.post-table thead th{background:var(--teal);color:#fff}

.cat-nav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}
.cat-nav a{font-size:.86rem;padding:6px 15px;border-radius:999px;border:1px solid var(--line,#E3DACA);background:#fff;color:var(--ink-soft)}
.cat-nav a.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.empty-note{color:var(--ink-soft);padding:30px 0}

.post-list{list-style:none;display:grid;gap:14px}
.post-list a{display:block;background:#fff;border-radius:14px;padding:20px 22px;box-shadow:var(--shadow)}
.post-list a:hover{transform:translateY(-2px);transition:transform .18s}
.post-list .t{display:block;font-family:"Zen Maru Gothic",sans-serif;font-weight:700;font-size:1.08rem;line-height:1.6}
.post-list .e{display:block;font-size:.9rem;color:var(--ink-soft);margin-top:7px}
.post-list time{display:block;font-size:.8rem;color:#9C9184;margin-top:9px}

.post-more{margin-top:56px;padding-top:34px;border-top:1px solid var(--cream-deep)}
.post-more h2{font-family:"Zen Maru Gothic",sans-serif;font-size:1.2rem;margin-bottom:16px}

.post-cta{background:var(--teal);color:#fff;padding:52px 0;margin-top:60px;text-align:center}
.post-cta h2{font-family:"Zen Maru Gothic",sans-serif;font-size:1.5rem;margin-bottom:10px}
.post-cta p{max-width:34em;margin:0 auto 22px;color:rgba(255,255,255,.94)}
.post-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.post-cta .btn-ghost{background:transparent;border:2px solid #fff;color:#fff;box-shadow:none}