/**
 * Cursor Custom Layouts — Raindrops style isolation & design components
 *
 * 設計書: cursor-docs/DESIGN-GUIDE.md
 * 修正前 HTML 貼付: cursor-content/inbox/page-raw.html / post-raw.html
 *
 * ルール: すべてのスタイルは .cursor-custom-area または .cursor-custom-single-area を
 * 先頭（親）セレクタに含めること。Raindrops の .entry-content 干渉を上書きする。
 *
 * 固定ページ HTML → クラス対応表（例）:
 *   h1 タイトル          → .cursor-page-title
 *   羊皮紙カード         → .cursor-parchment-card
 *   ラベル span          → .cursor-label
 *   カード内 h3          → .cursor-card-heading
 *   重要情報ボックス     → .cursor-info-box
 *   特徴リスト（緑）     → .cursor-feature-item.is-tip
 *   特徴リスト（灰）     → .cursor-feature-item.is-neutral
 *   ロードマップカード   → .cursor-roadmap-card
 *   戻るナビ             → .cursor-return-nav
 *
 * 投稿 HTML → クラス対応表（例）:
 *   羊皮紙カード         → .cursor-parchment-card
 *   バージョン表示       → .cursor-version-badge
 *   セクションヘッダ     → .cursor-section-header
 *   レシピボックス       → .cursor-recipe-box
 *   工程ステップ         → .cursor-step-item
 *   警告ボックス         → .cursor-warning-box
 *   ナビボタン群         → .cursor-nav-buttons
 */

/* ==========================================================================
   Design tokens (shared)
   ========================================================================== */

.entry-content .cursor-custom-area,
.entry-content .cursor-custom-single-area {
	--cursor-purple-dark: #4b2c5e;
	--cursor-purple-deep: #2b1a36;
	--cursor-purple-shadow: #2a1935;
	--cursor-purple-btn-shadow: #1a0f21;
	--cursor-amethyst: #d1a3ff;
	--cursor-amethyst-shadow: #9b79bd;
	--cursor-gold: #d4af37;
	--cursor-parchment-light: #fdf5e6;
	--cursor-parchment: #f5e6c8;
	--cursor-brown-dark: #3e2723;
	--cursor-brown-heading: #2b1d1a;
	--cursor-brown-text: #4e342e;
	--cursor-blue: #2980b9;
	--cursor-orange: #d35400;
	--cursor-green: #27ae60;
	--cursor-red: #e74c3c;
	--cursor-red-dark: #c0392b;
	--cursor-purple-accent: #8e44ad;
	--cursor-gray: #b0bec5;
	--cursor-recipe-bg: #2d1b38;
	--cursor-text-muted: #444444;
	--cursor-max-width: 850px;
	--cursor-font: sans-serif;
}

/* ==========================================================================
   Raindrops reset — fixed page area
   ========================================================================== */

.entry-content .cursor-custom-area {
	display: block !important;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	padding: 0;
	font-family: var(--cursor-font);
	font-size: 16px;
	line-height: 1.6;
	color: var(--cursor-brown-dark);
}

.entry-content .cursor-custom-area *,
.entry-content .cursor-custom-area *::before,
.entry-content .cursor-custom-area *::after {
	box-sizing: border-box;
}

.entry-content .cursor-custom-area > div:not(.wp-block-image):not(.cursor-parchment-card):not(.cursor-roadmap-card):not(.cursor-return-nav)::before,
.entry-content .cursor-custom-area > div:not(.wp-block-image):not(.cursor-parchment-card):not(.cursor-roadmap-card):not(.cursor-return-nav)::after {
	content: none !important;
	display: none !important;
	clear: none !important;
}

.entry-content .cursor-custom-area h1,
.entry-content .cursor-custom-area h2,
.entry-content .cursor-custom-area h3,
.entry-content .cursor-custom-area h4,
.entry-content .cursor-custom-area h5,
.entry-content .cursor-custom-area h6 {
	display: block !important;
	clear: none !important;
	float: none !important;
}

.entry-content .cursor-custom-area img {
	display: block;
	max-width: 100%;
	height: auto;
	padding: 0 !important;
	margin: 0;
	border: 0;
	box-sizing: border-box;
}

.entry-content .cursor-custom-area p {
	margin: 0 0 15px;
}

.entry-content .cursor-custom-area p:empty {
	display: none;
	margin: 0;
}

.entry-content .cursor-custom-area ul,
.entry-content .cursor-custom-area ol {
	position: static !important;
	left: auto !important;
	max-width: 100% !important;
	margin: 10px 0;
	padding-left: 1.5em;
	list-style-position: outside;
}

.entry-content .cursor-custom-area li {
	margin-bottom: 0.25em;
}

.entry-content .cursor-custom-area a {
	text-decoration: none;
}

.entry-content .cursor-custom-area strong {
	font-weight: bold;
}

.entry-content .cursor-custom-area .wp-block-html,
.entry-content .cursor-custom-single-area .wp-block-html {
	display: block;
	margin: 0;
	padding: 0;
	max-width: none;
}

/* ==========================================================================
   Raindrops reset — single post area
   ========================================================================== */

.entry-content .cursor-custom-single-area {
	display: block !important;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	padding: 0;
	font-family: var(--cursor-font);
	font-size: 16px;
	line-height: 1.6;
	color: var(--cursor-brown-dark);
}

.entry-content .cursor-custom-single-area *,
.entry-content .cursor-custom-single-area *::before,
.entry-content .cursor-custom-single-area *::after {
	box-sizing: border-box;
}

.entry-content .cursor-custom-single-area > div:not(.wp-block-image):not(.cursor-parchment-card):not(.cursor-roadmap-card):not(.cursor-return-nav)::before,
.entry-content .cursor-custom-single-area > div:not(.wp-block-image):not(.cursor-parchment-card):not(.cursor-roadmap-card):not(.cursor-return-nav)::after {
	content: none !important;
	display: none !important;
	clear: none !important;
}

.entry-content .cursor-custom-single-area h1,
.entry-content .cursor-custom-single-area h2,
.entry-content .cursor-custom-single-area h3,
.entry-content .cursor-custom-single-area h4,
.entry-content .cursor-custom-single-area h5,
.entry-content .cursor-custom-single-area h6 {
	display: block !important;
	clear: none !important;
	float: none !important;
}

.entry-content .cursor-custom-single-area img {
	display: block;
	max-width: 100%;
	height: auto;
	padding: 0 !important;
	margin: 0;
	border: 0;
	box-sizing: border-box;
}

.entry-content .cursor-custom-single-area p {
	margin: 0 0 15px;
}

.entry-content .cursor-custom-single-area p:empty {
	display: none;
	margin: 0;
}

.entry-content .cursor-custom-single-area ul,
.entry-content .cursor-custom-single-area ol {
	position: static !important;
	left: auto !important;
	max-width: 100% !important;
	margin: 10px 0;
	padding-left: 1.5em;
	list-style-position: outside;
}

.entry-content .cursor-custom-single-area li {
	margin-bottom: 0.25em;
}

.entry-content .cursor-custom-single-area a {
	text-decoration: none;
}

.entry-content .cursor-custom-single-area strong {
	font-weight: bold;
}

/* ==========================================================================
   Shared text emphasis utilities
   ========================================================================== */

.entry-content .cursor-custom-area .cursor-text-blue,
.entry-content .cursor-custom-single-area .cursor-text-blue {
	color: var(--cursor-blue) !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-text-orange,
.entry-content .cursor-custom-single-area .cursor-text-orange {
	color: var(--cursor-orange) !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-text-purple,
.entry-content .cursor-custom-single-area .cursor-text-purple {
	color: var(--cursor-purple-accent) !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-text-green,
.entry-content .cursor-custom-single-area .cursor-text-green {
	color: var(--cursor-green) !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-text-red,
.entry-content .cursor-custom-single-area .cursor-text-red {
	color: var(--cursor-red-dark) !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-text-gold,
.entry-content .cursor-custom-single-area .cursor-text-gold {
	color: var(--cursor-gold) !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-text-dark,
.entry-content .cursor-custom-single-area .cursor-text-dark {
	color: var(--cursor-purple-dark) !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-underline-gold,
.entry-content .cursor-custom-single-area .cursor-underline-gold {
	border-bottom: 1px solid var(--cursor-gold);
}

/* ==========================================================================
   Shared components — labels, cards, headings
   ========================================================================== */

.entry-content .cursor-custom-area .cursor-label,
.entry-content .cursor-custom-single-area .cursor-label {
	display: inline-block;
	background: var(--cursor-amethyst);
	color: var(--cursor-purple-dark);
	padding: 3px 10px;
	border-radius: 3px;
	font-size: 0.85em;
	font-weight: bold;
	margin-bottom: 10px;
	border: 1px solid var(--cursor-purple-dark);
}

.entry-content .cursor-custom-area .cursor-label.is-sm,
.entry-content .cursor-custom-single-area .cursor-label.is-sm {
	padding: 2px 8px;
	font-size: 0.75em;
	margin-bottom: 5px;
}

.entry-content .cursor-custom-area .cursor-parchment-card,
.entry-content .cursor-custom-single-area .cursor-parchment-card {
	display: block;
	background-color: #f5e6c8 !important;
	background-image: linear-gradient(135deg, #fdf5e6 0%, #f5e6c8 100%) !important;
	border: 2px solid var(--cursor-purple-dark);
	border-radius: 8px;
	padding: 30px;
	margin: 0 auto 35px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
	color: var(--cursor-brown-dark);
	width: 100%;
	max-width: var(--cursor-max-width);
	font-family: var(--cursor-font);
	position: relative;
	isolation: isolate;
}

.entry-content .cursor-custom-area .cursor-parchment-card::before,
.entry-content .cursor-custom-single-area .cursor-parchment-card::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	border-radius: inherit;
	background-color: #f5e6c8 !important;
	background-image: linear-gradient(135deg, #fdf5e6 0%, #f5e6c8 100%) !important;
	pointer-events: none;
}

.entry-content .cursor-custom-area .cursor-parchment-card > *:not(.cursor-version-badge),
.entry-content .cursor-custom-single-area .cursor-parchment-card > *:not(.cursor-version-badge) {
	position: relative;
	z-index: 1;
}

.entry-content .cursor-custom-single-area .cursor-parchment-card {
	margin: 40px auto 35px;
}

.entry-content .cursor-custom-area .cursor-card-heading,
.entry-content .cursor-custom-single-area .cursor-card-heading {
	color: var(--cursor-brown-heading);
	border-bottom: 2px solid var(--cursor-gold);
	padding-bottom: 8px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1.5em;
}

.entry-content .cursor-custom-area .cursor-card-body,
.entry-content .cursor-custom-single-area .cursor-card-body {
	line-height: 1.8;
	color: var(--cursor-brown-text);
}

.entry-content .cursor-custom-area .cursor-card-body p:last-child,
.entry-content .cursor-custom-single-area .cursor-card-body p:last-child {
	margin-bottom: 0;
}

/* ==========================================================================
   Shared — info box, feature items, dividers
   ========================================================================== */

.entry-content .cursor-custom-area .cursor-info-box,
.entry-content .cursor-custom-single-area .cursor-info-box {
	background-color: rgba(209, 163, 255, 0.1);
	padding: 20px;
	border-left: 5px solid var(--cursor-amethyst);
	border-radius: 4px;
	margin: 20px 0;
}

.entry-content .cursor-custom-area .cursor-info-box__title,
.entry-content .cursor-custom-single-area .cursor-info-box__title {
	color: var(--cursor-purple-dark);
	font-size: 1.1em;
	display: block;
	margin-bottom: 8px;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-info-box p,
.entry-content .cursor-custom-single-area .cursor-info-box p {
	color: var(--cursor-text-muted);
	font-size: 0.95em;
	line-height: 1.6;
	margin: 0;
}

.entry-content .cursor-custom-area .cursor-info-box__link,
.entry-content .cursor-custom-single-area .cursor-info-box__link {
	margin-top: 15px;
}

.entry-content .cursor-custom-area .cursor-info-box__link a,
.entry-content .cursor-custom-single-area .cursor-info-box__link a {
	color: var(--cursor-purple-dark) !important;
	font-weight: bold;
	text-decoration: underline !important;
	font-size: 0.9em;
}

.entry-content .cursor-custom-area .cursor-feature-list,
.entry-content .cursor-custom-single-area .cursor-feature-list {
	margin: 20px 10px;
}

.entry-content .cursor-custom-area .cursor-feature-item,
.entry-content .cursor-custom-single-area .cursor-feature-item {
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: 4px solid var(--cursor-green);
}

.entry-content .cursor-custom-area .cursor-feature-item.is-neutral,
.entry-content .cursor-custom-single-area .cursor-feature-item.is-neutral {
	border-left-color: var(--cursor-gray);
}

.entry-content .cursor-custom-area .cursor-feature-item__title,
.entry-content .cursor-custom-single-area .cursor-feature-item__title {
	color: var(--cursor-purple-dark);
	display: block;
	font-size: 1.1em;
	margin-bottom: 5px;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-feature-item p,
.entry-content .cursor-custom-single-area .cursor-feature-item p {
	margin: 0;
	color: var(--cursor-brown-dark);
	line-height: 1.6;
}

.entry-content .cursor-custom-area .cursor-divider-section,
.entry-content .cursor-custom-single-area .cursor-divider-section {
	margin-top: 25px;
	border-top: 1px dashed rgba(75, 44, 94, 0.3);
	padding-top: 20px;
}

/* ==========================================================================
   Shared — buttons & links
   ========================================================================== */

.entry-content .cursor-custom-area .cursor-btn,
.entry-content .cursor-custom-single-area .cursor-btn {
	display: inline-block;
	font-weight: bold;
	text-decoration: none !important;
	border-radius: 6px;
	transition: opacity 0.2s, transform 0.2s;
	cursor: pointer;
}

.entry-content .cursor-custom-area .cursor-btn:hover,
.entry-content .cursor-custom-single-area .cursor-btn:hover {
	opacity: 0.92;
	transform: translateY(1px);
}

.entry-content .cursor-custom-area .cursor-btn--primary,
.entry-content .cursor-custom-single-area .cursor-btn--primary {
	background: var(--cursor-purple-dark);
	color: var(--cursor-gold) !important;
	padding: 12px 35px;
	font-size: 1em;
	border: 1px solid var(--cursor-gold);
	box-shadow: 0 4px 0 var(--cursor-purple-shadow);
}

.entry-content .cursor-custom-area .cursor-btn--download,
.entry-content .cursor-custom-single-area .cursor-btn--download {
	background: var(--cursor-purple-deep);
	color: var(--cursor-amethyst) !important;
	padding: 18px 45px;
	font-size: 1.1em;
	border: 2px solid var(--cursor-gold);
	border-radius: 10px;
	box-shadow: 0 6px 0 var(--cursor-purple-btn-shadow);
}

.entry-content .cursor-custom-area .cursor-btn--home,
.entry-content .cursor-custom-single-area .cursor-btn--home {
	background: var(--cursor-purple-deep);
	color: var(--cursor-parchment-light) !important;
	padding: 18px 45px;
	font-size: 1.1em;
	border: 3px double var(--cursor-gold);
	border-radius: 12px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
}

.entry-content .cursor-custom-area .cursor-btn--next,
.entry-content .cursor-custom-single-area .cursor-btn--next,
.entry-content .cursor-custom-area .cursor-btn--prev,
.entry-content .cursor-custom-single-area .cursor-btn--prev {
	background: var(--cursor-amethyst);
	color: var(--cursor-purple-dark) !important;
	padding: 18px 45px;
	font-size: 1.1em;
	border: 3px double var(--cursor-purple-dark);
	border-radius: 10px;
	box-shadow: 0 6px 0 var(--cursor-amethyst-shadow);
	min-width: 300px;
	width: fit-content;
	text-align: center;
}

.entry-content .cursor-custom-area .cursor-btn--overview,
.entry-content .cursor-custom-single-area .cursor-btn--overview {
	background: var(--cursor-purple-dark);
	color: var(--cursor-parchment-light) !important;
	padding: 18px 45px;
	font-size: 1.1em;
	border: 3px double var(--cursor-gold);
	border-radius: 10px;
	box-shadow: 0 6px 0 var(--cursor-purple-shadow);
	min-width: 300px;
	width: fit-content;
	text-align: center;
}

.entry-content .cursor-custom-area .cursor-btn-center,
.entry-content .cursor-custom-single-area .cursor-btn-center {
	text-align: center;
	margin: 30px 0;
}

.entry-content .cursor-custom-area .cursor-btn-right,
.entry-content .cursor-custom-single-area .cursor-btn-right {
	text-align: right;
}

/* ==========================================================================
   Fixed page — page title & roadmap
   ========================================================================== */

.entry-content .cursor-custom-area .cursor-page-title {
	all: unset;
	display: block !important;
	color: var(--cursor-amethyst) !important;
	text-align: center !important;
	font-size: 2.2em !important;
	margin: 40px auto 30px !important;
	border-bottom: 3px double var(--cursor-gold) !important;
	padding-bottom: 10px !important;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
	font-family: var(--cursor-font) !important;
	font-weight: bold !important;
	width: 100% !important;
	max-width: var(--cursor-max-width) !important;
	box-sizing: border-box;
}

.entry-content .cursor-custom-area .cursor-roadmap-card {
	display: block;
	background-color: #f5e6c8 !important;
	background-image: linear-gradient(135deg, #fdf5e6 0%, #f5e6c8 100%) !important;
	border: 2px solid var(--cursor-purple-dark);
	border-radius: 8px;
	padding: 30px;
	margin: 0 auto 35px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
	color: var(--cursor-brown-dark);
	width: 100%;
	max-width: var(--cursor-max-width);
	font-family: var(--cursor-font);
	position: relative;
	isolation: isolate;
}

.entry-content .cursor-custom-area .cursor-roadmap-card::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	border-radius: inherit;
	background-color: #f5e6c8 !important;
	background-image: linear-gradient(135deg, #fdf5e6 0%, #f5e6c8 100%) !important;
	pointer-events: none;
}

.entry-content .cursor-custom-area .cursor-roadmap-card > * {
	position: relative;
	z-index: 1;
}

.entry-content .cursor-custom-area .cursor-roadmap-card__header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
	border-bottom: 2px solid rgba(75, 44, 94, 0.2);
	padding-bottom: 12px;
}

.entry-content .cursor-custom-area .cursor-roadmap-card__icons {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
}

.entry-content .cursor-custom-area .cursor-roadmap-card__icon {
	width: 64px;
	height: 64px;
	background: #ffffff;
	border: 2px solid var(--cursor-purple-dark);
	outline: 1px solid var(--cursor-gold);
	outline-offset: -4px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.entry-content .cursor-custom-area .cursor-roadmap-card__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	image-rendering: pixelated;
}

.entry-content .cursor-custom-area .cursor-roadmap-card__title {
	margin: 0;
	border: none;
	padding: 0;
	font-size: 1.4em;
	color: var(--cursor-brown-heading);
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-roadmap-card__desc {
	color: var(--cursor-brown-text);
	line-height: 1.7;
	margin-bottom: 20px;
}

.entry-content .cursor-custom-area .cursor-return-nav {
	text-align: center;
	margin: 80px auto 40px;
	padding: 40px 0;
	border-top: 2px double rgba(75, 44, 94, 0.3);
	width: 100%;
	max-width: var(--cursor-max-width);
	font-family: var(--cursor-font);
}

.entry-content .cursor-custom-area .cursor-return-nav__label {
	color: var(--cursor-amethyst);
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 25px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
   Guide article — version badge, section header, recipes (page + post)
   ========================================================================== */

.entry-content .cursor-custom-area .cursor-version-badge,
.entry-content .cursor-custom-single-area .cursor-version-badge {
	position: absolute !important;
	top: 15px;
	right: 20px;
	left: auto;
	z-index: 2;
	max-width: min(260px, 50%);
	text-align: right;
	line-height: 1.4;
	font-size: 0.7em;
	color: var(--cursor-purple-dark);
	font-weight: bold;
	opacity: 0.8;
}

.entry-content .cursor-custom-area .cursor-parchment-card > .cursor-version-badge + .cursor-label,
.entry-content .cursor-custom-single-area .cursor-parchment-card > .cursor-version-badge + .cursor-label {
	display: inline-block;
	max-width: calc(100% - min(280px, 52%));
	vertical-align: top;
}

.entry-content .cursor-custom-area .cursor-section-header,
.entry-content .cursor-custom-single-area .cursor-section-header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.entry-content .cursor-custom-area .cursor-section-header__icons,
.entry-content .cursor-custom-single-area .cursor-section-header__icons {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
}

.entry-content .cursor-custom-area .cursor-section-header__icon,
.entry-content .cursor-custom-single-area .cursor-section-header__icon {
	width: 64px;
	height: 64px;
	border-radius: 6px;
	border: 2px solid var(--cursor-purple-dark);
	overflow: hidden;
	background: #ffffff;
	flex-shrink: 0;
}

.entry-content .cursor-custom-area .cursor-section-header__icon img,
.entry-content .cursor-custom-single-area .cursor-section-header__icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.entry-content .cursor-custom-area .cursor-section-header__icon.is-single,
.entry-content .cursor-custom-single-area .cursor-section-header__icon.is-single {
	flex-shrink: 0;
}

.entry-content .cursor-custom-area .cursor-section-header h2,
.entry-content .cursor-custom-single-area .cursor-section-header h2 {
	margin: 5px 0 0;
	border: none;
	color: var(--cursor-purple-dark);
	font-size: 1.6em;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-recipe-box,
.entry-content .cursor-custom-single-area .cursor-recipe-box {
	background-color: var(--cursor-recipe-bg);
	border: 1px solid var(--cursor-gold);
	padding: 20px;
	border-radius: 8px;
	margin-bottom: 20px;
	color: #ffffff;
	font-size: 15px;
	line-height: 1.6;
}

/* 暗いレシピボックス内 — 羊皮紙の茶色継承を打ち消し、本番相当の視認性 */
.entry-content .cursor-custom-area .cursor-recipe-box .cursor-data-list,
.entry-content .cursor-custom-single-area .cursor-recipe-box .cursor-data-list {
	font-size: 15px;
	color: #ffffff;
}

.entry-content .cursor-custom-area .cursor-recipe-box .cursor-data-list li,
.entry-content .cursor-custom-single-area .cursor-recipe-box .cursor-data-list li {
	color: #ffffff;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.entry-content .cursor-custom-area .cursor-recipe-box .cursor-data-list li:last-child,
.entry-content .cursor-custom-single-area .cursor-recipe-box .cursor-data-list li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.entry-content .cursor-custom-area .cursor-recipe-box .cursor-text-gold,
.entry-content .cursor-custom-single-area .cursor-recipe-box .cursor-text-gold,
.entry-content .cursor-custom-area .cursor-recipe-box .cursor-recipe-box__title,
.entry-content .cursor-custom-single-area .cursor-recipe-box .cursor-recipe-box__title {
	color: #ffe082 !important;
}

.entry-content .cursor-custom-area .cursor-recipe-box .cursor-text-green,
.entry-content .cursor-custom-single-area .cursor-recipe-box .cursor-text-green {
	color: #7dff7d !important;
}

.entry-content .cursor-custom-area .cursor-recipe-box .cursor-text-yellow,
.entry-content .cursor-custom-single-area .cursor-recipe-box .cursor-text-yellow {
	color: #ffe066 !important;
}

.entry-content .cursor-custom-area .cursor-recipe-box .cursor-text-cyan,
.entry-content .cursor-custom-single-area .cursor-recipe-box .cursor-text-cyan {
	color: #7afcff !important;
}

.entry-content .cursor-custom-area .cursor-recipe-box .cursor-text-dark,
.entry-content .cursor-custom-single-area .cursor-recipe-box .cursor-text-dark {
	color: #d0c4d8 !important;
}

.entry-content .cursor-custom-area .cursor-recipe-box__title,
.entry-content .cursor-custom-single-area .cursor-recipe-box__title {
	display: block;
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(212, 175, 55, 0.3);
	padding-bottom: 10px;
	color: #ffe082;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-recipe-box__image,
.entry-content .cursor-custom-single-area .cursor-recipe-box__image {
	width: 100%;
	max-width: 400px;
	margin: 0 auto 15px;
	border-radius: 6px;
	border: 2px solid var(--cursor-gold);
	overflow: hidden;
	background: #000000;
}

.entry-content .cursor-custom-area .cursor-recipe-box__image img,
.entry-content .cursor-custom-single-area .cursor-recipe-box__image img {
	width: 100%;
	height: auto;
}

.entry-content .cursor-custom-area .cursor-recipe-box__ingredients,
.entry-content .cursor-custom-single-area .cursor-recipe-box__ingredients {
	text-align: center;
}

.entry-content .cursor-custom-area .cursor-recipe-box__ingredients p,
.entry-content .cursor-custom-single-area .cursor-recipe-box__ingredients p {
	margin: 0;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.6;
	font-size: 15px;
}

.entry-content .cursor-custom-area .cursor-recipe-box__caption,
.entry-content .cursor-custom-single-area .cursor-recipe-box__caption {
	text-align: center;
	color: #ffffff;
	font-size: 0.9em;
	margin: 0;
}

.entry-content .cursor-custom-area .cursor-recipe-box__note,
.entry-content .cursor-custom-single-area .cursor-recipe-box__note {
	color: var(--cursor-gold);
	font-size: 0.85em;
	font-weight: bold;
	margin: 15px 0 0;
	text-align: center;
}

.entry-content .cursor-custom-area .cursor-screenshot-box,
.entry-content .cursor-custom-single-area .cursor-screenshot-box {
	width: 100%;
	max-width: 611px;
	margin: 20px auto;
	border: 2px solid var(--cursor-purple-dark);
	border-radius: 6px;
	overflow: hidden;
	background: var(--cursor-recipe-bg);
}

.entry-content .cursor-custom-area .cursor-screenshot-box img,
.entry-content .cursor-custom-single-area .cursor-screenshot-box img {
	width: 100%;
	height: auto;
}

.entry-content .cursor-custom-area .cursor-screenshot-box__caption,
.entry-content .cursor-custom-single-area .cursor-screenshot-box__caption {
	background: var(--cursor-purple-dark);
	color: #ffffff;
	margin: 0;
	padding: 8px 15px;
	font-size: 0.85em;
	text-align: center;
}

.entry-content .cursor-custom-area .cursor-data-box,
.entry-content .cursor-custom-single-area .cursor-data-box {
	background-color: rgba(75, 44, 94, 0.05);
	border-left: 4px solid var(--cursor-purple-dark);
	padding: 15px;
	margin-top: 20px;
	border-radius: 4px;
}

.entry-content .cursor-custom-area .cursor-data-box p,
.entry-content .cursor-custom-single-area .cursor-data-box p {
	margin: 0 0 10px;
	line-height: 1.6;
}

.entry-content .cursor-custom-area .cursor-data-box p:last-child,
.entry-content .cursor-custom-single-area .cursor-data-box p:last-child {
	margin-bottom: 0;
}

.entry-content .cursor-custom-area .cursor-data-box.is-neutral,
.entry-content .cursor-custom-single-area .cursor-data-box.is-neutral {
	border-left-color: var(--cursor-gray);
}

.entry-content .cursor-custom-area .cursor-data-box__title,
.entry-content .cursor-custom-single-area .cursor-data-box__title {
	color: var(--cursor-purple-dark);
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.entry-content .cursor-custom-area .cursor-data-list,
.entry-content .cursor-custom-single-area .cursor-data-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.6;
}

.entry-content .cursor-custom-area .cursor-data-list li,
.entry-content .cursor-custom-single-area .cursor-data-list li {
	margin-bottom: 12px;
}

.entry-content .cursor-custom-area .cursor-data-list li.is-warn,
.entry-content .cursor-custom-single-area .cursor-data-list li.is-warn {
	color: var(--cursor-red-dark);
	font-weight: bold;
	border-top: 1px dashed #cccccc;
	padding-top: 8px;
	margin-bottom: 0;
}

.entry-content .cursor-custom-area .cursor-recipe-box.is-compact,
.entry-content .cursor-custom-single-area .cursor-recipe-box.is-compact {
	padding: 15px;
}

.entry-content .cursor-custom-area .cursor-recipe-box__body,
.entry-content .cursor-custom-single-area .cursor-recipe-box__body {
	color: #ffffff;
	line-height: 1.6;
	font-size: 15px;
	margin: 0;
}

.entry-content .cursor-custom-area .cursor-recipe-box__body.is-md,
.entry-content .cursor-custom-single-area .cursor-recipe-box__body.is-md {
	font-size: 15px;
}

.entry-content .cursor-custom-area .cursor-tier-list,
.entry-content .cursor-custom-single-area .cursor-tier-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	color: #ffffff;
}

.entry-content .cursor-custom-area .cursor-tier-list li,
.entry-content .cursor-custom-single-area .cursor-tier-list li {
	margin-bottom: 5px;
}

.entry-content .cursor-custom-area .cursor-tier-list li:last-child,
.entry-content .cursor-custom-single-area .cursor-tier-list li:last-child {
	margin-bottom: 0;
}

.entry-content .cursor-custom-area .cursor-text-yellow,
.entry-content .cursor-custom-single-area .cursor-text-yellow {
	color: #f1c40f !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-text-cyan,
.entry-content .cursor-custom-single-area .cursor-text-cyan {
	color: #00ffff !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-text-tier-abundant,
.entry-content .cursor-custom-single-area .cursor-text-tier-abundant {
	color: #55ff55 !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-text-tier-common,
.entry-content .cursor-custom-single-area .cursor-text-tier-common {
	color: #aaffaa !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-text-tier-rare,
.entry-content .cursor-custom-single-area .cursor-text-tier-rare {
	color: #f1c40f !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-text-tier-precious,
.entry-content .cursor-custom-single-area .cursor-text-tier-precious {
	color: #00ffff !important;
	font-weight: bold;
}

.entry-content .cursor-custom-area .cursor-note-inline-warning,
.entry-content .cursor-custom-single-area .cursor-note-inline-warning {
	background: #fff5f5;
	border: 1px solid var(--cursor-red);
	color: var(--cursor-red-dark);
	padding: 10px;
	border-radius: 4px;
	margin-top: 20px;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.6;
}

.entry-content .cursor-custom-area .cursor-section-header__icons.is-wrap,
.entry-content .cursor-custom-single-area .cursor-section-header__icons.is-wrap {
	flex-wrap: wrap;
	max-width: 350px;
	gap: 5px;
}

.entry-content .cursor-custom-area .cursor-game-message.is-error,
.entry-content .cursor-custom-single-area .cursor-game-message.is-error {
	border: 1px solid var(--cursor-red-dark);
	font-size: 0.85em;
}

.entry-content .cursor-custom-area .cursor-step-item ul,
.entry-content .cursor-custom-single-area .cursor-step-item ul {
	font-size: 0.9em;
	margin-bottom: 10px;
}

.entry-content .cursor-custom-area .cursor-data-box.is-stack,
.entry-content .cursor-custom-single-area .cursor-data-box.is-stack {
	margin-bottom: 25px;
}

.entry-content .cursor-custom-area .cursor-note-center,
.entry-content .cursor-custom-single-area .cursor-note-center {
	font-size: 0.9em;
	color: var(--cursor-green);
	font-weight: bold;
	margin-top: 15px;
	text-align: center;
}

/* ==========================================================================
   Guide article — process steps, game messages & warning box (page + post)
   ========================================================================== */

.entry-content .cursor-custom-area .cursor-step-item,
.entry-content .cursor-custom-single-area .cursor-step-item {
	margin-bottom: 30px;
	border-left: 4px solid var(--cursor-amethyst);
	padding-left: 15px;
}

.entry-content .cursor-custom-area .cursor-step-item:last-child,
.entry-content .cursor-custom-single-area .cursor-step-item:last-child {
	margin-bottom: 10px;
}

.entry-content .cursor-custom-area .cursor-step-item__title,
.entry-content .cursor-custom-single-area .cursor-step-item__title {
	color: var(--cursor-purple-dark);
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	margin-bottom: 10px;
}

.entry-content .cursor-custom-area .cursor-step-item p,
.entry-content .cursor-custom-single-area .cursor-step-item p {
	font-size: 0.95em;
	line-height: 1.6;
	margin: 0;
}

.entry-content .cursor-custom-area .cursor-step-item__note,
.entry-content .cursor-custom-single-area .cursor-step-item__note {
	font-size: 0.85em;
	color: #666666;
	margin-top: 10px;
}

.entry-content .cursor-custom-area .cursor-game-message,
.entry-content .cursor-custom-single-area .cursor-game-message {
	background: #000000;
	padding: 10px;
	border-radius: 4px;
	margin-top: 10px;
	font-family: monospace;
	font-size: 0.9em;
	color: #ffffff;
	line-height: 1.5;
}

.entry-content .cursor-custom-area .cursor-game-message + .cursor-step-item__note,
.entry-content .cursor-custom-single-area .cursor-game-message + .cursor-step-item__note {
	margin-top: 10px;
}

.entry-content .cursor-custom-area .cursor-game-message + .cursor-game-message,
.entry-content .cursor-custom-single-area .cursor-game-message + .cursor-game-message {
	margin-top: 5px;
}

.entry-content .cursor-custom-area .cursor-game-message__success,
.entry-content .cursor-custom-single-area .cursor-game-message__success {
	color: #55ff55;
}

.entry-content .cursor-custom-area .cursor-game-message__warn,
.entry-content .cursor-custom-single-area .cursor-game-message__warn {
	color: #ff5555;
}

.entry-content .cursor-custom-area .cursor-game-message__item,
.entry-content .cursor-custom-single-area .cursor-game-message__item {
	color: #aaffaa;
}

.entry-content .cursor-custom-area .cursor-warning-box,
.entry-content .cursor-custom-single-area .cursor-warning-box {
	background-color: #fff5f5;
	border: 2px solid var(--cursor-red);
	padding: 20px;
	border-radius: 8px;
	margin: 25px auto;
	position: relative;
	width: 100%;
	max-width: var(--cursor-max-width);
	box-sizing: border-box;
}

.entry-content .cursor-custom-area .cursor-warning-box__header,
.entry-content .cursor-custom-single-area .cursor-warning-box__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(231, 76, 60, 0.3);
	padding-bottom: 8px;
	flex-wrap: wrap;
	gap: 8px;
}

.entry-content .cursor-custom-area .cursor-warning-box__title,
.entry-content .cursor-custom-single-area .cursor-warning-box__title {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--cursor-red);
	font-weight: bold;
	font-size: 1em;
}

.entry-content .cursor-custom-area .cursor-warning-box__badge,
.entry-content .cursor-custom-single-area .cursor-warning-box__badge {
	font-size: 0.75em;
	color: var(--cursor-red-dark);
	font-weight: bold;
	background: rgba(231, 76, 60, 0.1);
	padding: 2px 8px;
	border-radius: 4px;
}

.entry-content .cursor-custom-area .cursor-warning-box__lead,
.entry-content .cursor-custom-single-area .cursor-warning-box__lead {
	color: var(--cursor-red-dark);
	font-weight: bold;
	line-height: 1.6;
	margin: 0 0 10px;
	font-size: 0.95em;
}

.entry-content .cursor-custom-area .cursor-warning-box__body,
.entry-content .cursor-custom-single-area .cursor-warning-box__body {
	color: var(--cursor-text-muted);
	font-size: 0.85em;
	background: rgba(255, 255, 255, 0.5);
	padding: 10px;
	border-radius: 4px;
}

.entry-content .cursor-custom-area .cursor-warning-box__body p,
.entry-content .cursor-custom-single-area .cursor-warning-box__body p {
	margin-bottom: 8px;
}

.entry-content .cursor-custom-area .cursor-warning-box__body p:last-child,
.entry-content .cursor-custom-single-area .cursor-warning-box__body p:last-child {
	margin-bottom: 0;
}

/* ==========================================================================
   Guide article — navigation buttons (page + post)
   ========================================================================== */

.entry-content .cursor-custom-area .cursor-nav-buttons,
.entry-content .cursor-custom-single-area .cursor-nav-buttons {
	text-align: center;
	margin: 60px auto 40px;
	padding-top: 30px;
	border-top: 2px double rgba(75, 44, 94, 0.3);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	font-family: var(--cursor-font);
	width: 100%;
	max-width: var(--cursor-max-width);
	box-sizing: border-box;
}

/* ==========================================================================
   Responsive tweaks
   ========================================================================== */

@media (max-width: 768px) {
	.entry-content .cursor-custom-area .cursor-page-title {
		font-size: 1.6em !important;
		margin: 24px auto 20px !important;
	}

	.entry-content .cursor-custom-area .cursor-parchment-card,
	.entry-content .cursor-custom-area .cursor-roadmap-card,
	.entry-content .cursor-custom-single-area .cursor-parchment-card {
		padding: 20px;
		margin-bottom: 24px;
	}

	.entry-content .cursor-custom-area .cursor-roadmap-card__header,
	.entry-content .cursor-custom-single-area .cursor-section-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.entry-content .cursor-custom-area .cursor-btn--download,
	.entry-content .cursor-custom-area .cursor-btn--home,
	.entry-content .cursor-custom-single-area .cursor-btn--next,
	.entry-content .cursor-custom-single-area .cursor-btn--prev,
	.entry-content .cursor-custom-single-area .cursor-btn--overview {
		padding: 14px 24px;
		font-size: 1em;
		min-width: 0;
		width: 100%;
		max-width: 320px;
	}

	.entry-content .cursor-custom-area .cursor-parchment-card > .cursor-version-badge,
	.entry-content .cursor-custom-single-area .cursor-parchment-card > .cursor-version-badge {
		position: static !important;
		display: block;
		max-width: 100%;
		text-align: right;
		margin: 0 0 12px 0;
	}

	.entry-content .cursor-custom-area .cursor-parchment-card > .cursor-version-badge + .cursor-label,
	.entry-content .cursor-custom-single-area .cursor-parchment-card > .cursor-version-badge + .cursor-label {
		max-width: 100%;
	}
}

/* ==========================================================================
   Production preview skin (Local: black site background like lilygamelife.com)
   Applied via body.cursor-production-preview on Cursor template pages only.
   Parchment cards inside .cursor-custom-area keep their own colors.
   ========================================================================== */

body.cursor-production-preview {
	background-color: #000000 !important;
	color: #ffffff;
}

body.cursor-production-preview #raindrops,
body.cursor-production-preview #doc3,
body.cursor-production-preview #yui-main,
body.cursor-production-preview #container,
body.cursor-production-preview .yui-b,
body.cursor-production-preview .entry,
body.cursor-production-preview .entry-content {
	background-color: transparent;
	color: #ffffff;
}

body.cursor-production-preview #hd,
body.cursor-production-preview #ft,
body.cursor-production-preview .widget,
body.cursor-production-preview .sidebar,
body.cursor-production-preview #lsidebar,
body.cursor-production-preview #rsidebar {
	color: #ffffff;
}

body.cursor-production-preview .entry-meta,
body.cursor-production-preview .posted-on,
body.cursor-production-preview .postmetadata,
body.cursor-production-preview .entry-title,
body.cursor-production-preview .entry-title a,
body.cursor-production-preview .entry h1,
body.cursor-production-preview .entry h2:not(.cursor-page-title):not(.cursor-roadmap-card__title):not(.cursor-section-header h2) {
	color: #ffffff;
}

body.cursor-production-preview .entry-title a:hover,
body.cursor-production-preview a:hover {
	color: #d1a3ff;
}

body.cursor-production-preview .cursor-template-entry-content {
	background: transparent;
}