/* Futaba - Review Box Styles */
.futaba-box {
	border: 1px solid #e2e5e9;
	border-radius: 8px;
	padding: 20px 24px;
	margin: 24px 0;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	font-size: 15px;
	line-height: 1.7;
	color: #1f2328;
}

.futaba-box *,
.futaba-box *::before,
.futaba-box *::after {
	box-sizing: border-box;
}

.futaba-box__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 16px;
	border-bottom: 1px solid #eef0f3;
	padding-bottom: 12px;
	margin-bottom: 16px;
}

.futaba-box__name {
	margin: 0;
	font-size: 1.15em;
	font-weight: 700;
	line-height: 1.4;
}

.futaba-box__rating {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.futaba-stars {
	display: inline-block;
	font-size: 1.25em;
	letter-spacing: 0.05em;
	line-height: 1;
}

.futaba-star {
	display: inline-block;
}

.futaba-star--full {
	color: #f5a623;
}

.futaba-star--empty {
	color: #d6d9de;
}

.futaba-star--half {
	position: relative;
	color: #d6d9de;
}

.futaba-star--half::before {
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	overflow: hidden;
	color: #f5a623;
}

.futaba-box__rating-value {
	font-weight: 600;
	color: #333;
	font-size: 0.95em;
}

/* Meta (brand / model) */
ul.futaba-box__meta,
.futaba-box__meta {
	list-style: none !important;
	margin: 0 0 16px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
}

.futaba-box__meta li {
	list-style: none !important;
	padding-left: 0 !important;
	background: none;
	font-size: 0.95em;
}

.futaba-box__meta li::before,
.futaba-box__meta li::marker {
	content: none !important;
	display: none !important;
}

.futaba-box__meta-label {
	display: inline-block;
	background: #f1f3f5;
	color: #4a5058;
	padding: 3px 10px;
	border-radius: 4px;
	margin-right: 8px;
	font-weight: 800;
	font-size: 0.9em;
}

.futaba-box__meta-value {
	color: #1f2328;
}

/* Pros / Cons */
.futaba-box__points {
	margin-top: 8px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.futaba-box__pros,
.futaba-box__cons {
	padding: 0;
	background: none;
	border: none;
}

@media (min-width: 700px) {
	.futaba-box__points--split {
		grid-template-columns: 1fr 1fr;
		gap: 0;
	}
	.futaba-box__points--split .futaba-box__pros {
		padding-right: 28px;
		border-right: 1px solid #e5e7eb;
	}
	.futaba-box__points--split .futaba-box__cons {
		padding-left: 28px;
	}
}

.futaba-box__points-title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px 0;
	font-size: 1.02em;
	font-weight: 700;
	line-height: 1.3;
}

.futaba-box__pros .futaba-box__points-title {
	color: #2aa560;
}

.futaba-box__cons .futaba-box__points-title {
	color: #e06363;
}

.futaba-box__icon {
	width: 1.15em;
	height: 1.15em;
	flex-shrink: 0;
	display: inline-block;
}

.futaba-box__icon--check {
	color: #2aa560;
}

.futaba-box__icon--xmark,
.futaba-box__icon--info {
	color: #e06363;
}

/* Lists with colored dot bullets */
ul.futaba-box__list,
.futaba-box__list {
	list-style: none !important;
	margin: 0;
	padding: 0;
}

.futaba-box__list li {
	list-style: none !important;
	position: relative;
	padding-left: 22px !important;
	margin: 10px 0;
	line-height: 1.65;
}

.futaba-box__list li::marker {
	content: none !important;
	display: none !important;
}

.futaba-box__list li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 0.6em;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #d6d9de;
}

.futaba-box__list--pros li::before {
	background: #81c784;
}

.futaba-box__list--cons li::before {
	background: #e57373;
}

/* Theme: bordered - 良い点・気になる点それぞれを色付きカードで囲む */
.futaba-box--theme-bordered .futaba-box__pros,
.futaba-box--theme-bordered .futaba-box__cons {
	padding: 12px 14px;
	border-radius: 8px;
	border: 2px solid transparent;
}

.futaba-box--theme-bordered .futaba-box__pros {
	background: #e8f5e9;
	border-color: #4caf50;
}

.futaba-box--theme-bordered .futaba-box__cons {
	background: #fce4ec;
	border-color: #ec407a;
}

.futaba-box--theme-bordered .futaba-box__list--pros li::marker {
	color: #2e7d32;
}

.futaba-box--theme-bordered .futaba-box__list--cons li::marker {
	color: #c2185b;
}

.futaba-box--theme-bordered .futaba-box__list {
	margin: 0;
	padding-left: 1.2em;
}

.futaba-box--theme-bordered .futaba-box__list--pros li::before {
	background: #a5d6a7;
}

.futaba-box--theme-bordered .futaba-box__list--cons li::before {
	background: #f48fb1;
}

@media (min-width: 700px) {
	.futaba-box--theme-bordered .futaba-box__points--split {
		gap: 20px;
	}
}