/* ============================================================
 * rinka-article-2026.css — 記事ページ・カテゴリ一覧をトップの新しいデザインにそろえる（2026-09-28・追加のみ）
 *
 * ・読み込みは inc/rinka-world-2026.php（body.rw26 のページだけ・rinka-world-2026.css のあと）。
 * ・見た目だけ。見出し（h1〜h3）・本文・リンク（シェア・カテゴリ・タグ・前後の記事・パンくず・関連記事）は
 *   1つも消さない・減らさない。構造化データ（パンくずの itemprop 等）はHTMLのまま。
 * ・トップの「りんかとあそぶ」タイルと同じ：白〜淡いピンクの角丸カード・下に濃い影の線・ホバーで少し浮く・
 *   丸枠の中に Codex の絵（CSS の背景画像＝飾り・読み上げない）。UI に絵文字を使わない。押す所は 44px 以上。
 * ・目次：子テーマの「もくじ / Contents」（本文の .rk-toc）がある記事では、Cocoon の自動目次（#toc）を出さない
 *   （同じ見出しへのリンクが二重に並んでいた）。.rk-toc が無い記事では Cocoon の目次を同じ見た目で出す。
 * ・記事ページは暗い設定の端末でも白いカードのまま（サイト本体に暗い見た目が無い）なので、
 *   文字色・背景色はすべて明示してある（どちらの設定でも同じ見た目＝読める）。
 * 撤収: このファイルを消すだけ。
 * ========================================================== */

body.rw26 {
	--a26-accent: #d9538f;
	--a26-rose-ink: #b83a72;
	--a26-ink: #4a3540;
	--a26-sub: #76606c;
	--a26-soft: #fff0f6;
	--a26-soft2: #ffe0ee;
	--a26-line: #f6d3e3;
	--a26-shadow: rgba(214, 110, 160, .35);
	--a26-card: linear-gradient(160deg, #fff 55%, #fff0f6);
	--a26-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9538f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
	--a26-chev-l: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9538f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
}

/* 共通：小さなキッカー（色つきの短い線＋文字） */
body.rw26 :is(.sns-share-message, .sns-follow-message) {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	margin: 0 0 10px; padding: 0;
	background: none; border: 0;
	font-size: .86rem; font-weight: 900; letter-spacing: .08em; line-height: 1.4;
	color: var(--a26-rose-ink);
}
body.rw26 :is(.sns-share-message, .sns-follow-message)::before,
body.rw26 :is(.sns-share-message, .sns-follow-message)::after {
	content: ""; flex: none; width: 18px; height: 6px; border-radius: 99px;
	background: linear-gradient(90deg, var(--a26-soft2), var(--a26-accent));
}
body.rw26 :is(.sns-share-message, .sns-follow-message)::after { background: linear-gradient(90deg, var(--a26-accent), var(--a26-soft2)); }

/* ============================================================
 * A-1 シェアする（X・Facebook・はてブ・LINE・Pinterest・コピー）→ 白〜淡いピンクの角丸チップ
 * ========================================================== */
body.rw26 .sns-share .sns-share-buttons.sns-buttons {
	display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;
	margin: 0; padding: 0; height: auto;
}
@media (min-width: 720px) {
	body.rw26 .sns-share .sns-share-buttons.sns-buttons { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
body.rw26 .sns-share .sns-share-buttons a.sns-button {
	position: relative;
	display: flex; align-items: center; justify-content: center; gap: 6px;
	width: auto; min-width: 0; height: auto; min-height: 44px; box-sizing: border-box;
	margin: 0; padding: 6px 10px;
	border-radius: 999px;
	background: linear-gradient(160deg, #fff 45%, var(--a26-soft));
	border: 1.5px solid var(--a26-line);
	box-shadow: 0 3px 0 var(--a26-line), 0 10px 18px -16px var(--a26-shadow);
	color: var(--a26-ink);
	font-size: .82rem; font-weight: 800; line-height: 1.2;
	text-decoration: none; opacity: 1;
	transition: transform .2s ease, box-shadow .2s ease;
}
body.rw26 .sns-share .sns-share-buttons a.sns-button .social-icon {
	flex: none; display: grid; place-items: center;
	width: 28px; height: 28px; border-radius: 50%;
	background: #fff; box-shadow: 0 0 0 2px var(--a26-soft2);
	font-size: 15px; line-height: 1; margin: 0;
	color: var(--a26-rose-ink);
}
/* ブランドの色はアイコンの中だけ（どれのボタンか分かるように） */
body.rw26 .sns-share a.x-corp-button .social-icon { color: #111; }
body.rw26 .sns-share a.facebook-button .social-icon { color: #3b5998; }
body.rw26 .sns-share a.hatebu-button .social-icon { color: #2c6ebd; }
body.rw26 .sns-share a.line-button .social-icon { color: #06a64e; }
body.rw26 .sns-share a.pinterest-button .social-icon { color: #bd081c; }
body.rw26 .sns-share a.copy-button .social-icon { color: var(--a26-rose-ink); }
body.rw26 .sns-share .sns-share-buttons a.sns-button .button-caption {
	display: block; min-width: 0; margin: 0; padding: 0;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	font-size: .8rem; font-weight: 800; color: var(--a26-ink);
}
body.rw26 .sns-share .sns-share-buttons a.sns-button .share-count:empty { display: none; }
/* 上のシェア（アイキャッチの下）は文字を下に小さく出す型 → 横並びにそろえる */
body.rw26 .sns-share.ss-high-and-low-lc .sns-share-buttons a.sns-button { flex-direction: row; }
body.rw26 .sns-share.ss-high-and-low-lc .sns-share-buttons a.sns-button .button-caption { position: static; font-size: .76rem; }
@media (hover: hover) {
	body.rw26 .sns-share .sns-share-buttons a.sns-button:hover {
		transform: translateY(-2px); opacity: 1;
		box-shadow: 0 5px 0 var(--a26-line), 0 14px 22px -14px var(--a26-shadow);
	}
}
body.rw26 :is(.sns-share, .sns-follow) a.sns-button:focus-visible { outline: 3px solid #8fc3ff; outline-offset: 2px; }
@media (max-width: 400px) {
	body.rw26 .sns-share .sns-share-buttons a.sns-button { padding: 6px 6px; gap: 4px; }
	body.rw26 .sns-share .sns-share-buttons a.sns-button .button-caption { font-size: .74rem; }
}

/* ============================================================
 * A-2 目次：二重をやめる（本文の「もくじ / Contents」がある時は Cocoon の自動目次を出さない）
 *   見出しと本文はそのまま。消えるのは同じ見出しへのリンクの2つ目の一覧だけ。
 * ========================================================== */
body.rw26 .entry-content .rk-toc ~ #toc.toc,
body.rw26 .entry-content .rk-toc ~ .toc:not(.rk-toc) { display: none; }

/* 本文の「もくじ / Contents」と、それが無い記事の Cocoon の目次を、同じ角丸カードに */
body.rw26 .entry-content :is(.rk-toc, #toc.toc) {
	box-sizing: border-box; max-width: 100%;
	background: linear-gradient(165deg, #fff 55%, var(--a26-soft));
	border: 1.5px solid var(--a26-line);
	border-radius: 22px;
	box-shadow: 0 3px 0 var(--a26-line), 0 12px 24px -18px var(--a26-shadow);
}
body.rw26 .entry-content #toc.toc { display: block; width: auto; padding: 16px 18px 12px; }
body.rw26 .entry-content #toc.toc .toc-title {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	font-weight: 900; color: var(--a26-ink); font-size: 1rem;
}
body.rw26 .entry-content #toc.toc .toc-title::before {
	content: ""; flex: none; width: 30px; height: 30px; border-radius: 50%;
	background: url("../img/find/story.webp") center / 22px no-repeat, linear-gradient(145deg, var(--a26-soft), var(--a26-soft2));
	box-shadow: 0 0 0 2px #fff;
}
body.rw26 .entry-content #toc.toc .toc-title::after { color: var(--a26-rose-ink); }
body.rw26 .entry-content #toc.toc a { color: var(--a26-ink); text-decoration: none; }
body.rw26 .entry-content #toc.toc a:hover { color: var(--a26-rose-ink); text-decoration: underline; }

/* ============================================================
 * A-3 記事の下のカテゴリ・タグ → /tags/ と同じピンクの丸いチップ（44px）
 *   FontAwesome の小さな印は Codex の絵（フォルダ・タグ）に。
 * ========================================================== */
body.rw26 .entry-categories-tags { display: flex; flex-direction: column; gap: 8px; margin: 18px 0 22px; }
body.rw26 .entry-categories-tags :is(.entry-categories, .entry-tags) {
	display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0;
}
body.rw26 .entry-categories-tags :is(a.cat-link, a.tag-link) {
	display: inline-flex; align-items: center; gap: 6px;
	min-height: 44px; box-sizing: border-box;
	margin: 0; padding: 6px 14px 6px 8px;
	border-radius: 999px;
	background: #fff; border: 1.5px solid var(--a26-line);
	box-shadow: 0 2px 0 var(--a26-line);
	color: var(--a26-ink);
	font-size: .82rem; font-weight: 800; line-height: 1.3;
	text-decoration: none; word-break: normal; overflow-wrap: anywhere;
	transition: transform .2s ease, border-color .2s ease, color .2s ease;
}
body.rw26 .entry-categories-tags a.cat-link {
	background: linear-gradient(135deg, var(--a26-soft), var(--a26-soft2));
	border-color: #f0bcd4;
	color: var(--a26-rose-ink);
}
body.rw26 .entry-categories-tags :is(a.cat-link, a.tag-link) .tax-icon { display: none; }
body.rw26 .entry-categories-tags :is(a.cat-link, a.tag-link)::before {
	content: ""; flex: none; width: 28px; height: 28px; border-radius: 50%;
	background: #fff url("../img/find/tag.webp") center / 20px no-repeat;
	box-shadow: 0 0 0 2px var(--a26-soft2);
}
body.rw26 .entry-categories-tags a.cat-link::before { background-image: url("../img/find/folder.webp"); }
@media (hover: hover) {
	body.rw26 .entry-categories-tags :is(a.cat-link, a.tag-link):hover {
		transform: translateY(-2px); border-color: var(--a26-accent); color: var(--a26-rose-ink);
	}
}
body.rw26 .entry-categories-tags :is(a.cat-link, a.tag-link):focus-visible { outline: 3px solid #8fc3ff; outline-offset: 2px; }

/* ============================================================
 * A-4 フォロー（feedly・RSS）／投稿者／前後の記事／コメント／パンくず
 * ========================================================== */
/* フォロー：緑・オレンジのベタ塗り → 白いチップ（アイコンの中だけブランド色・名前を添える） */
body.rw26 .sns-follow { margin: 22px 0 10px; }
body.rw26 .sns-follow .sns-follow-buttons.sns-buttons {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; height: auto;
}
body.rw26 .sns-follow .sns-follow-buttons a.sns-button {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	flex: 0 1 170px; width: auto; min-width: 0; height: auto; min-height: 44px; box-sizing: border-box;
	margin: 0; padding: 6px 18px 6px 8px;
	border-radius: 999px;
	background: linear-gradient(160deg, #fff 45%, var(--a26-soft));
	border: 1.5px solid var(--a26-line);
	box-shadow: 0 3px 0 var(--a26-line);
	color: var(--a26-ink); text-decoration: none; opacity: 1;
	font-size: .84rem; font-weight: 800;
	transition: transform .2s ease, box-shadow .2s ease;
}
body.rw26 .sns-follow .sns-follow-buttons a.sns-button > span[class^="icon-"] {
	flex: none; display: grid; place-items: center;
	width: 30px; height: 30px; border-radius: 50%;
	background: #fff; box-shadow: 0 0 0 2px var(--a26-soft2);
	font-size: 16px; line-height: 1;
}
body.rw26 .sns-follow a.feedly-button > span[class^="icon-"] { color: #2bb24c; }
body.rw26 .sns-follow a.rss-button > span[class^="icon-"] { color: #f26522; }
body.rw26 .sns-follow a.feedly-button::after { content: "feedly"; }
body.rw26 .sns-follow a.rss-button::after { content: "RSS"; }
body.rw26 .sns-follow .follow-count:empty { display: none; }
@media (hover: hover) {
	body.rw26 .sns-follow .sns-follow-buttons a.sns-button:hover {
		transform: translateY(-2px); opacity: 1;
		box-shadow: 0 5px 0 var(--a26-line), 0 14px 22px -14px var(--a26-shadow);
	}
}

/* 投稿者：鉛筆の絵つきの小さなチップ */
body.rw26 .footer-meta { text-align: right; margin-top: 8px; }
body.rw26 .footer-meta .author-info {
	display: inline-flex; align-items: center; gap: 6px; margin: 0;
}
body.rw26 .footer-meta .author-info > .fa { display: none; }
body.rw26 .footer-meta .author-info a.author-link {
	display: inline-flex; align-items: center; gap: 6px;
	min-height: 44px; box-sizing: border-box; padding: 6px 14px 6px 8px;
	border-radius: 999px; background: #fff; border: 1.5px solid var(--a26-line);
	box-shadow: 0 2px 0 var(--a26-line);
	color: var(--a26-ink); font-size: .8rem; font-weight: 800; text-decoration: none;
}
body.rw26 .footer-meta .author-info a.author-link::before {
	content: ""; flex: none; width: 28px; height: 28px; border-radius: 50%;
	background: var(--a26-soft) url("../img/find/pencil.webp") center / 20px no-repeat;
}
body.rw26 .footer-meta .author-info a.author-link:hover { border-color: var(--a26-accent); color: var(--a26-rose-ink); }

/* 前後の記事：角丸カード（サムネと題名はそのまま） */
body.rw26 .pager-post-navi { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; gap: 10px; margin: 20px 0 26px; border: 0; }
body.rw26 .pager-post-navi a.prev-post,
body.rw26 .pager-post-navi a.next-post {
	position: relative;
	display: flex; align-items: center; gap: 10px;
	flex: 1 1 280px; width: auto; min-width: 0; box-sizing: border-box;
	height: auto; min-height: 72px; margin: 0; padding: 10px 14px 10px 44px;
	background: linear-gradient(160deg, #fff 55%, var(--a26-soft));
	border: 1.5px solid var(--a26-line); border-radius: 22px;
	box-shadow: 0 3px 0 var(--a26-line), 0 10px 22px -16px var(--a26-shadow);
	color: var(--a26-ink); text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease;
}
body.rw26 .pager-post-navi a.next-post { padding: 10px 44px 10px 14px; flex-direction: row-reverse; text-align: right; }
body.rw26 .pager-post-navi a :is(figure.prev-post-thumb, figure.next-post-thumb) {
	flex: none; width: 56px; min-width: 56px; max-width: 56px; height: 56px; padding: 0; margin: 0; border-radius: 14px; overflow: hidden;
	box-shadow: 0 0 0 2px #fff, 0 4px 10px -4px var(--a26-shadow);
}
body.rw26 .pager-post-navi a :is(.prev-post-thumb, .next-post-thumb) img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.rw26 .pager-post-navi a :is(.prev-post-title, .next-post-title) {
	min-width: 0; font-size: .86rem; font-weight: 700; line-height: 1.5; color: var(--a26-ink);
}
body.rw26 .pager-post-navi a .iconfont {
	position: absolute; top: 50%; left: 10px; translate: 0 -50%;
	width: 26px; height: 26px; border-radius: 50%; margin: 0; padding: 0;
	font-size: 0; color: transparent;
	background: var(--a26-soft) var(--a26-chev-l) center / 14px no-repeat;
}
body.rw26 .pager-post-navi a.next-post .iconfont { left: auto; right: 10px; background-image: var(--a26-chev); }
body.rw26 .pager-post-navi a .iconfont::before { content: none; }
@media (hover: hover) {
	body.rw26 .pager-post-navi a:is(.prev-post, .next-post):hover {
		transform: translateY(-3px);
		box-shadow: 0 5px 0 var(--a26-line), 0 16px 28px -14px var(--a26-shadow);
	}
}
body.rw26 .pager-post-navi a:focus-visible { outline: 3px solid #8fc3ff; outline-offset: 2px; }

/* コメント：灰色の四角ボタン → ピンクの丸いボタン */
body.rw26 .comment-area .comment-btn,
body.rw26 #comment-reply-btn {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	width: 100%; max-width: 420px; min-height: 48px; box-sizing: border-box;
	margin: 12px auto; padding: 10px 20px;
	border-radius: 999px;
	background: linear-gradient(160deg, #fff 40%, var(--a26-soft));
	border: 1.5px solid var(--a26-line);
	box-shadow: 0 3px 0 var(--a26-line), 0 10px 22px -16px var(--a26-shadow);
	color: var(--a26-rose-ink); font-size: .92rem; font-weight: 900; opacity: 1;
	cursor: pointer; transition: transform .2s ease, box-shadow .2s ease;
}
body.rw26 #comment-reply-btn::before {
	content: ""; flex: none; width: 28px; height: 28px; border-radius: 50%;
	background: #fff url("../img/find/bubble.webp") center / 20px no-repeat;
	box-shadow: 0 0 0 2px var(--a26-soft2);
}
@media (hover: hover) {
	body.rw26 #comment-reply-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 0 var(--a26-line), 0 14px 22px -14px var(--a26-shadow); }
}
body.rw26 #comment-reply-btn:focus-visible { outline: 3px solid #8fc3ff; outline-offset: 2px; }
body.rw26 .comment-respond :is(input[type="text"], input[type="email"], input[type="url"], textarea) {
	box-sizing: border-box; max-width: 100%; min-height: 44px;
	border: 1.5px solid var(--a26-line); border-radius: 14px; background: #fff; color: var(--a26-ink);
}
body.rw26 .comment-respond .form-submit input[type="submit"] {
	min-height: 48px; padding: 10px 28px; border: 0; border-radius: 999px; cursor: pointer;
	background: linear-gradient(135deg, #ff8fbf, #e0588f); color: #fff; font-weight: 900;
	box-shadow: 0 3px 0 #c9477e;
}

/* パンくず：丸いチップを「›」でつなぐ（itemprop などのしくみはHTMLのまま） */
body.rw26 #breadcrumb.breadcrumb {
	display: flex; flex-wrap: wrap; align-items: center; gap: 4px 2px;
	margin: 14px 0; padding: 8px 10px; box-sizing: border-box; max-width: 100%;
	background: rgba(255, 255, 255, .85);
	border: 1.5px solid var(--a26-line); border-radius: 22px;
	box-shadow: 0 3px 0 var(--a26-line);
	font-size: .8rem; color: var(--a26-sub);
}
body.rw26 #breadcrumb.breadcrumb > div { display: inline-flex; align-items: center; min-width: 0; margin: 0; }
body.rw26 #breadcrumb.breadcrumb :is(.fa-home, .fa-folder, .fa-file, .fa-tag, .fa-user, .fa-fw) { display: none; }
body.rw26 #breadcrumb.breadcrumb .sp { display: inline-grid; place-items: center; width: 14px; margin: 0 2px; color: #d9a3bd; }
body.rw26 #breadcrumb.breadcrumb .sp .fa { display: none; }
body.rw26 #breadcrumb.breadcrumb .sp::before { content: "›"; font-weight: 900; }
body.rw26 #breadcrumb.breadcrumb a {
	display: inline-flex; align-items: center; gap: 6px;
	min-height: 44px; box-sizing: border-box; padding: 4px 12px 4px 6px;
	border-radius: 999px; color: var(--a26-ink); font-weight: 800; text-decoration: none;
}
body.rw26 #breadcrumb.breadcrumb a::before {
	content: ""; flex: none; width: 26px; height: 26px; border-radius: 50%;
	background: var(--a26-soft) url("../img/find/folder.webp") center / 18px no-repeat;
}
body.rw26 #breadcrumb.breadcrumb .breadcrumb-home a::before { background-image: url("../img/find/exit.webp"); }
body.rw26 #breadcrumb.breadcrumb a:hover { background: var(--a26-soft); color: var(--a26-rose-ink); }
body.rw26 #breadcrumb.breadcrumb a:focus-visible { outline: 3px solid #8fc3ff; outline-offset: 1px; }
body.rw26 #breadcrumb.breadcrumb .breadcrumb-caption { overflow-wrap: anywhere; }
/* いまのページ（リンクなしの最後の項目）がある型 */
body.rw26 #breadcrumb.breadcrumb > div > span:not(.sp):not(.fa):not([class*="fa-"]) { padding: 0 6px; }

/* ============================================================
 * A-5 「このあと、りんかワールドであそんでいく？」：丸枠の Codex の絵のタイル
 * ========================================================== */
body.rw26 .rinka-play-nav {
	margin: 28px 0 14px; padding: 16px;
	background: linear-gradient(165deg, #fff 50%, var(--a26-soft));
	border: 1.5px solid var(--a26-line); border-radius: 24px;
	box-shadow: 0 3px 0 var(--a26-line), 0 12px 26px -18px var(--a26-shadow);
}
body.rw26 .rinka-play-nav__title {
	display: flex; align-items: center; gap: 8px;
	margin: 0 0 12px; font-size: 1.02rem; font-weight: 900; line-height: 1.4; color: var(--a26-ink);
}
body.rw26 .rinka-play-nav__title img { flex: none; width: 30px; height: 30px; margin: 0; }
body.rw26 .rinka-play-nav__links {
	display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
}
@media (min-width: 720px) {
	body.rw26 .rinka-play-nav__links { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
body.rw26 .rinka-play-nav__link {
	position: relative;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
	min-width: 0; min-height: 96px; box-sizing: border-box;
	margin: 0; padding: 12px 8px 10px;
	border-radius: 20px;
	background: linear-gradient(160deg, #fff 55%, var(--a26-soft));
	border: 1.5px solid var(--a26-line);
	box-shadow: 0 3px 0 var(--a26-line), 0 10px 22px -16px var(--a26-shadow);
	color: var(--a26-ink); text-decoration: none; text-align: center;
	font-size: .86rem; font-weight: 900; line-height: 1.3;
	flex: none;
}
@media (max-width: 719px) {
	/* 5つ目（ランキング）は横長にして、すき間を作らない */
	body.rw26 .rinka-play-nav__link:nth-child(5):last-child {
		grid-column: span 2; flex-direction: row; min-height: 64px; gap: 10px;
	}
}
body.rw26 .rinka-play-nav__ico,
body.rw26 .rinka-play-nav__emoji {
	flex: none; display: grid; place-items: center;
	width: 48px; height: 48px; border-radius: 50%;
	background: linear-gradient(145deg, var(--a26-soft), var(--a26-soft2));
	box-shadow: inset 0 -3px 0 rgba(255, 255, 255, .6), 0 0 0 3px #fff, 0 4px 10px -4px var(--a26-shadow);
}
body.rw26 .rinka-play-nav__ico img { display: block; width: 34px; height: 34px; margin: 0; object-fit: contain; }
body.rw26 .rinka-play-nav__label { min-width: 0; overflow-wrap: anywhere; }
@media (hover: hover) {
	body.rw26 .rinka-play-nav__link:hover {
		transform: translateY(-3px);
		box-shadow: 0 5px 0 var(--a26-line), 0 16px 28px -14px var(--a26-shadow);
	}
}
body.rw26 .rinka-play-nav__link:focus-visible { outline: 3px solid #8fc3ff; outline-offset: 2px; }

/* ============================================================
 * A-6 関連するイラスト（HTMLに画像なし）→ 文字だけのカード。丸枠の絵は飾り（CSS背景）。
 * ========================================================== */
body.rw26 .rinka-seo-links { margin: 28px 0 14px; }
body.rw26 .rinka-seo-links .rinka-seo-links__title {
	display: flex; align-items: center; gap: 10px;
	margin: 0 0 12px; padding: 0;
	background: none; border: 0; border-radius: 0; box-shadow: none;
	font-size: 1.15rem; font-weight: 900; line-height: 1.35; color: var(--a26-ink);
}
body.rw26 .rinka-seo-links .rinka-seo-links__title::before {
	content: ""; flex: none; width: 40px; height: 40px; border-radius: 50%;
	background: url("../img/find/gallery.webp") center / 28px no-repeat, linear-gradient(145deg, var(--a26-soft), var(--a26-soft2));
	box-shadow: inset 0 -3px 0 rgba(255, 255, 255, .6), 0 0 0 3px #fff, 0 4px 10px -4px var(--a26-shadow);
}
body.rw26 .rinka-seo-links .rinka-seo-links__title::after { content: none; display: none; }
body.rw26 .rinka-seo-links ul.rinka-seo-links__list {
	display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px;
	margin: 0; padding: 0; list-style: none;
}
@media (min-width: 720px) {
	body.rw26 .rinka-seo-links ul.rinka-seo-links__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
body.rw26 .rinka-seo-links li.rinka-seo-links__item { margin: 0; padding: 0; list-style: none; min-width: 0; }
body.rw26 .rinka-seo-links li.rinka-seo-links__item::before,
body.rw26 .rinka-seo-links li.rinka-seo-links__item::marker { content: none; display: none; }
body.rw26 .rinka-seo-links li.rinka-seo-links__item a {
	position: relative;
	display: flex; align-items: center; gap: 10px;
	height: 100%; min-height: 64px; box-sizing: border-box;
	padding: 10px 42px 10px 10px;
	border-radius: 18px;
	background: linear-gradient(160deg, #fff 55%, var(--a26-soft));
	border: 1.5px solid var(--a26-line);
	box-shadow: 0 3px 0 var(--a26-line), 0 10px 22px -16px var(--a26-shadow);
	color: var(--a26-ink); text-decoration: none;
	font-size: .86rem; font-weight: 700; line-height: 1.5;
	overflow-wrap: anywhere;
	transition: transform .2s ease, box-shadow .2s ease;
}
body.rw26 .rinka-seo-links li.rinka-seo-links__item a::before {
	content: ""; flex: none; width: 40px; height: 40px; border-radius: 12px;
	background: #fff url("../img/find/gallery.webp") center / 28px no-repeat;
	box-shadow: 0 0 0 2px var(--a26-soft2);
}
body.rw26 .rinka-seo-links li.rinka-seo-links__item a::after {
	content: ""; position: absolute; right: 10px; top: 50%; translate: 0 -50%;
	width: 26px; height: 26px; border-radius: 50%;
	background: var(--a26-soft) var(--a26-chev) center / 14px no-repeat;
	transition: transform .2s ease;
}
@media (hover: hover) {
	body.rw26 .rinka-seo-links li.rinka-seo-links__item a:hover {
		transform: translateY(-3px); color: var(--a26-rose-ink);
		box-shadow: 0 5px 0 var(--a26-line), 0 16px 28px -14px var(--a26-shadow);
	}
	body.rw26 .rinka-seo-links li.rinka-seo-links__item a:hover::after { transform: translateX(3px); }
}
body.rw26 .rinka-seo-links li.rinka-seo-links__item a:focus-visible { outline: 3px solid #8fc3ff; outline-offset: 2px; }

/* ============================================================
 * カテゴリ一覧・タグ一覧：ページ送り（1 2 3 次へ）を丸いチップに
 * ========================================================== */
body.rw26 .pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 24px 0; }
body.rw26 .pagination .page-numbers {
	display: inline-grid; place-items: center;
	min-width: 44px; min-height: 44px; box-sizing: border-box; margin: 0; padding: 0 12px;
	border-radius: 999px; background: #fff; border: 1.5px solid var(--a26-line);
	box-shadow: 0 2px 0 var(--a26-line);
	color: var(--a26-ink); font-weight: 800; text-decoration: none;
}
body.rw26 .pagination .page-numbers.current { background: linear-gradient(135deg, #ff8fbf, #e0588f); border-color: transparent; color: #fff; box-shadow: 0 2px 0 #c9477e; }
body.rw26 .pagination a.page-numbers:hover { border-color: var(--a26-accent); color: var(--a26-rose-ink); }
body.rw26 .pagination-next-link {
	display: flex; align-items: center; justify-content: center;
	min-height: 48px; border-radius: 999px; box-sizing: border-box;
	background: linear-gradient(160deg, #fff 40%, var(--a26-soft)); border: 1.5px solid var(--a26-line);
	box-shadow: 0 3px 0 var(--a26-line); color: var(--a26-rose-ink); font-weight: 900; text-decoration: none;
}

/* カテゴリ・タグ一覧の見出し（h1 の文字はそのまま）：フォルダの印 → 丸枠の絵 */
body.rw26 #archive-title.archive-title { display: flex; align-items: center; gap: 12px; }
body.rw26 #archive-title.archive-title > .fa { display: none; }
body.rw26 #archive-title.archive-title::before {
	content: ""; flex: none; width: 46px; height: 46px; border-radius: 50%;
	background: url("../img/find/folder.webp") center / 32px no-repeat, linear-gradient(145deg, var(--a26-soft), var(--a26-soft2));
	box-shadow: inset 0 -3px 0 rgba(255, 255, 255, .6), 0 0 0 3px #fff, 0 4px 10px -4px var(--a26-shadow);
}

/* 一覧の記事カード：角丸カード＋下の影の線・ホバーで少し浮く（題名・抜粋・日付はそのまま） */
body.rw26 .list a.entry-card-wrap {
	display: block; box-sizing: border-box; max-width: 100%;
	margin: 0 0 14px; padding: 10px;
	background: linear-gradient(160deg, #fff 60%, var(--a26-soft));
	border: 1.5px solid var(--a26-line); border-radius: 22px;
	box-shadow: 0 3px 0 var(--a26-line), 0 10px 22px -16px var(--a26-shadow);
	color: var(--a26-ink);
	transition: transform .2s ease, box-shadow .2s ease;
}
body.rw26 .list a.entry-card-wrap .entry-card-thumb { overflow: hidden; border-radius: 16px; }
body.rw26 .list a.entry-card-wrap .entry-card-thumb img { border-radius: 16px; }
body.rw26 .list a.entry-card-wrap .entry-card-title { color: var(--a26-ink); }
@media (hover: hover) {
	body.rw26 .list a.entry-card-wrap:hover {
		transform: translateY(-3px); background: linear-gradient(160deg, #fff 60%, var(--a26-soft));
		box-shadow: 0 5px 0 var(--a26-line), 0 16px 28px -14px var(--a26-shadow);
	}
}
body.rw26 .list a.entry-card-wrap:focus-visible { outline: 3px solid #8fc3ff; outline-offset: 2px; }
/* サムネの上のカテゴリ名（黒い四角）→ ピンクの小さな丸いラベル */
body.rw26 :is(.list, .eye-catch) .cat-label {
	top: 8px; left: 8px;
	padding: 2px 10px; border: 0; border-radius: 999px;
	background: rgba(255, 255, 255, .92); color: var(--a26-rose-ink);
	font-size: .7rem; font-weight: 900; line-height: 1.6;
	box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .2);
}

/* 動きを減らす設定では浮かない */
@media (prefers-reduced-motion: reduce) {
	body.rw26 :is(.sns-share a.sns-button, .sns-follow a.sns-button, .entry-categories-tags a, .pager-post-navi a,
		#comment-reply-btn, .rinka-play-nav__link, .rinka-seo-links__item a, .list a.entry-card-wrap) { transition: none; transform: none !important; }
}