/* ============================================================
   記事末尾「遊べる場所」回遊リンク（inc/play-links.php）
   - 自前クラスのみでスコープ（rds-* クラスの上書き禁止ルール遵守）
   - 色・角丸などは RDS トークンを var(--rds-*, fallback) で参照
   ============================================================ */

.rinka-play-links {
	margin: 2.4em 0 1.2em;
	padding: 1.35em 1.25em 1.25em;
	border: 1px solid var(--rds-border, #f2d7e2);
	border-radius: var(--rds-radius-lg, 18px);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92)),
		linear-gradient(135deg, #fff0f6, #fdf6ff);
}

.rinka-play-links__eyebrow {
	margin: 0 0 0.2em;
	font-family: 'Quicksand', sans-serif;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	color: var(--rds-accent, #c2568c);
	opacity: 0.85;
}

.rinka-play-links__title {
	margin: 0 0 0.9em;
	font-size: 1.06rem;
	font-weight: 700;
	color: var(--rds-text, #4a3540);
}

/* 🐰 日替わりのひとこと（改善提案①・2026-07-22） */
.rinka-play-links__hint {
	margin: -0.55em 0 0.9em;
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--rds-text-soft, #8a707d);
}

.rinka-play-links__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.rinka-play-links__card {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 0.75em 0.85em;
	border: 1px solid var(--rds-border, #f0dbe5);
	border-radius: var(--rds-radius, 12px);
	background: #fff;
	text-decoration: none;
	color: var(--rds-text, #4a3540);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.rinka-play-links__card:hover,
.rinka-play-links__card:focus-visible {
	border-color: var(--rds-accent, #c2568c);
	box-shadow: 0 4px 14px rgba(194, 86, 140, 0.14);
	transform: translateY(-1px);
	text-decoration: none;
	color: var(--rds-text, #4a3540);
}

.rinka-play-links__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--rds-accent-soft, #fbe9f2);
	color: var(--rds-accent, #c2568c);
	font-size: 1.05rem;
}

.rinka-play-links__icon svg {
	display: block;
}

.rinka-play-links__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.rinka-play-links__label {
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.35;
}

.rinka-play-links__desc {
	font-size: 0.74rem;
	line-height: 1.4;
	color: var(--rds-text-soft, #8a707d);
}

.rinka-play-links__arrow {
	margin-left: auto;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	color: var(--rds-accent, #c2568c);
	opacity: 0.7;
	transition: transform 0.18s ease, opacity 0.18s ease;
}

.rinka-play-links__card:hover .rinka-play-links__arrow {
	transform: translateX(3px);
	opacity: 1;
}

@media (max-width: 560px) {
	.rinka-play-links__grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rinka-play-links__card,
	.rinka-play-links__arrow {
		transition: none;
	}
	.rinka-play-links__card:hover {
		transform: none;
	}
}