/* =========================================================
   スキン：ペーパー（ブログ向け）
   生成りの紙のような背景に、明朝体のタイトル。飾りを減らし、文章を読むことに集中できる見た目。
   ダークモード（yozora：デザイン → ダークモード）を「端末の設定に合わせる」にするのがおすすめ。
   ========================================================= */

:root {
	--c-text: #2b2a27;
	--c-heading: #1f1e1b;
	--c-sub: #6b665d;
	--c-bg: #fbf9f4;            /* 生成り */
	--c-bg-soft: #f3efe6;
	--c-line: #e3dccd;
	--c-accent: #2f6b5a;        /* 深い緑（白文字が読める濃さ） */
	--c-on-accent: #ffffff;
	--c-link: #2f6b5a;
	--c-h2-bg: transparent;
	--c-h2-text: var(--c-heading);
	--c-h2-border: var(--c-accent);
	--c-thumb-frame: var(--c-line);
	--c-thumb-bg: #efe9dc;
	--c-overlay: rgba(251, 249, 244, .92);
	--pickup-shadow: none;
	--font-title: var(--font-serif);
	--brand-spacing: .12em;
	--radius: 4px;
}

/* 本文は少し大きく、行間を広く（スマホでも読み疲れしにくい） */
.entry-content { font-size: 1.0625rem; line-height: 2; }
.entry-content p { letter-spacing: .02em; }

/* 見出し：H2 は下に線（左の一部だけアクセント色）、H3 は先頭に小さな印 */
.entry-content h2 {
	position: relative;
	padding: 0 0 .5em;
	border: 0;
	border-bottom: 1px solid var(--c-line);
	background: none;
	font-family: var(--font-title);
	font-size: 1.35rem;
}
.entry-content h2::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 3em; height: 2px; background: var(--c-h2-border); }
.entry-content h3 { position: relative; padding: 0 0 0 1em; border: 0; font-family: var(--font-title); }
.entry-content h3::before { content: ""; position: absolute; left: 0; top: .6em; width: .45em; height: .45em; background: var(--c-accent); transform: rotate(45deg); }

.entry-content a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .25em; }
.entry-content a.yb-product__btn, .entry-content a.yb-cta__btn, .entry-content .blogcard a, .entry-content .next-story a { text-decoration: none; }
.entry-content blockquote { border-left-color: var(--c-accent); background: none; font-style: normal; color: var(--c-sub); }

/* 一覧のカードは枠を消して、線で区切るだけ（雑誌の目次のように） */
.card:not(.card--pickup) .card__link { padding: 14px 0; border: 0; border-bottom: 1px solid var(--c-line); border-radius: 0; background: none; }
.card-list { gap: 0; }
.card--pickup { margin-bottom: 16px; }
.card--pickup .card__link { background: var(--c-bg); }
.card-list--tile { gap: 12px 16px; }
@media (min-width: 600px) { .card-list--tile { gap: 20px; } }
body .card-list--tile .card:not(.card--pickup) .card__link { padding: 0 0 12px; }
.card__title { font-weight: 700; }

/* サイドバー・目次も控えめに */
.side-box { background: none; }
.side-box__title { font-family: var(--font-title); letter-spacing: .2em; }
.toc { background: none; }
.next-story { background: none; }
.archive-header[class*="cat-"] .page-title { border-radius: 4px; }