* {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

#comparison.container {
	color: #1a1a18;
	line-height: 1.8;
	max-width: 780px;
	margin: 0 auto;
	padding: 0 1.25rem 4rem;
	font-size: 15px;

}

/* ヘッダー */
.article-header {
	padding: 2.5rem 0 2rem;
	border-bottom: 0.5px solid #ddddd5
}

.article-label {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	background: #E6F1FB;
	color: #0C447C;
	padding: 3px 10px;
	border-radius: 6px;
	margin-bottom: 12px
}

h1 {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4;
	color: #1a1a18;
	margin-bottom: 12px
}

.article-meta {
	font-size: 12px;
	color: #888780;
	display: flex;
	gap: 16px;
	flex-wrap: wrap
}

/* 目次 */
.toc {
	background: #f5f5f3;
	border-radius: 12px;
	padding: 1.25rem 1.5rem;
	margin: 2rem 0
}

.toc-title {
	font-size: 13px;
	font-weight: 600;
	color: #5f5e5a;
	margin-bottom: 10px
}

.toc ol {
	padding-left: 1.2rem
}

.toc li {
	font-size: 13px;
	margin-bottom: 5px
}

.toc a {
	color: #185FA5;
	text-decoration: none
}

.toc a:hover {
	text-decoration: underline
}

/* 見出し */
h2 {
	font-size: 20px;
	font-weight: 700;
	color: #1a1a18;
	margin: 2.5rem 0 1rem;
	padding-bottom: 8px;
	border-bottom: 2px solid #1a1a18
}

#comparison h3 {
	font-size: 16px;
	font-weight: 700;
	color: #1a1a18;
	margin: 1.75rem 0 0.75rem
}

/* 本文 */
#comparison p {
	margin-bottom: 1.1rem;
	color: #2a2a28
}

strong {
	font-weight: 700
}

/* リード文 */
.lead {
	font-size: 16px;
	line-height: 1.9;
	color: #2a2a28;
	padding: 1.5rem 0;
	border-bottom: 0.5px solid #ddddd5;
	margin-bottom: 0
}

/* 比較テーブル */
.compare-table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.25rem 0;
	font-size: 14px
}

.compare-table th {
	background: #1a1a18;
	color: #fff;
	padding: 10px 14px;
	text-align: center;
	font-weight: 600
}

.compare-table th:first-child {
	text-align: left
}

.compare-table td {
	padding: 10px 14px;
	border-bottom: 0.5px solid #ddddd5;
	vertical-align: middle
}

.compare-table td:first-child {
	font-weight: 600;
	color: #1a1a18;
	background: #f9f9f7
}

.compare-table tr:last-child td {
	border-bottom: none
}

.compare-table .highlight {
	color: #0F6E56;
	font-weight: 700
}

.compare-table .neutral {
	color: #888780
}

.badge-good {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	background: #E1F5EE;
	color: #085041;
	padding: 2px 8px;
	border-radius: 6px
}

.badge-neutral {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	background: #f5f5f3;
	color: #5f5e5a;
	padding: 2px 8px;
	border-radius: 6px
}

/* 路線別比較カード */
.route-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 1.25rem 0
}

.route-card {
	border: 0.5px solid #ddddd5;
	border-radius: 12px;
	padding: 1rem 1.25rem
}

.route-name {
	font-size: 13px;
	font-weight: 600;
	color: #5f5e5a;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 6px
}

.route-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 0;
	border-bottom: 0.5px solid #f0f0ee;
	font-size: 13px
}

.route-row:last-child {
	border-bottom: none
}

.route-label {
	color: #5f5e5a
}

.bus-val {
	color: #0F6E56;
	font-weight: 700
}

.shink-val {
	color: #888780
}

.saving-badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	background: #E6F1FB;
	color: #0C447C;
	padding: 2px 8px;
	border-radius: 6px;
	margin-top: 8px
}

/* シミュレーターセクション */
.simulator-section {
	background: #f5f5f3;
	border-radius: 16px;
	padding: 2rem 1.5rem;
	margin: 2.5rem 0
}

.simulator-section h2 {
	border-bottom: none;
	margin-top: 0;
	font-size: 18px
}

.simulator-section p {
	font-size: 13px;
	color: #5f5e5a;
	margin-bottom: 1.25rem
}

.simulator-wrap iframe {
	width: 100%;
	min-height: 820px;
	border: none;
	display: block;
	border-radius: 12px;
	overflow: hidden
}

@media(max-width:520px) {
	.simulator-wrap iframe {
		min-height: 1000px;
		border-radius: 0
	}
}

/* ポイントボックス */
.point-box {
	border-left: 3px solid #185FA5;
	padding: 1rem 1.25rem;
	background: #E6F1FB;
	border-radius: 0 10px 10px 0;
	margin: 1.25rem 0
}

.point-box p {
	color: #0C447C;
	margin-bottom: 0;
	font-size: 14px
}

.point-box strong {
	color: #042C53
}

.caution-box {
	border-left: 3px solid #993C1D;
	padding: 1rem 1.25rem;
	background: #FAECE7;
	border-radius: 0 10px 10px 0;
	margin: 1.25rem 0
}

.caution-box p {
	color: #7A2A10;
	margin-bottom: 0;
	font-size: 14px
}

/* 向いてる人セクション */
.fit-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 1.25rem 0
}

.fit-card {
	border-radius: 12px;
	padding: 1.25rem
}

.fit-card.bus {
	background: #E1F5EE;
	border: 0.5px solid #5DCAA5
}

.fit-card.shink {
	background: #f5f5f3;
	border: 0.5px solid #ddddd5
}

.fit-title {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px
}

.fit-title.bus {
	color: #085041
}

.fit-title.shink {
	color: #1a1a18
}

.fit-list {
	list-style: none;
	padding: 0
}

.fit-list li {
	font-size: 13px;
	color: #2a2a28;
	padding: 4px 0;
	display: flex;
	align-items: flex-start;
	gap: 6px;
	line-height: 1.5
}

.fit-list li::before {
	content: '✓';
	font-size: 12px;
	flex-shrink: 0;
	margin-top: 2px
}

.fit-card.bus .fit-list li::before {
	color: #0F6E56
}

.fit-card.shink .fit-list li::before {
	color: #888780
}

/* CTA */
.cta-box {
	margin: 2rem 0
}

.cta-link {
	display: flex;
	align-items: center;
	background: #fff;
	border: 0.5px solid #ddddd5;
	border-radius: 12px;
	overflow: hidden;
	text-decoration: none;
	transition: border-color 0.15s
}

.cta-link:hover {
	border-color: #1D9E75
}

.cta-bar {
	width: 5px;
	background: #1D9E75;
	align-self: stretch;
	flex-shrink: 0
}

.cta-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	padding: 14px 16px;
	gap: 16px
}

.cta-info {
	display: flex;
	align-items: center;
	gap: 10px
}

.cta-title {
	font-size: 15px;
	font-weight: 600;
	color: #1a1a18;
	margin-bottom: 2px
}

.cta-desc {
	font-size: 12px;
	color: #888780
}

.cta-action {
	display: flex;
	align-items: center;
	gap: 6px;
	background: #1D9E75;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 9px 16px;
	border-radius: 8px;
	white-space: nowrap;
	flex-shrink: 0
}

.cta-btn-icon {
	width: 44px;
	height: 44px;
	background: rgba(255, 255, 255, 0.25);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}

.cta-btn-text {
	flex: 1;
	font-size: 17px;
	font-weight: 700;
	color: #fff
}

.cta-btn-text em {
	color: #fff;
	font-style: normal;
	text-decoration: underline
}

.cta-btn-arrow {
	width: 36px;
	height: 36px;
	background: #EF9F27;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}

/* FAQ */
.faq-item {
	border-bottom: 0.5px solid #ddddd5;
	padding: 1.25rem 0
}

.faq-item:last-child {
	border-bottom: none
}

.faq-q {
	font-size: 15px;
	font-weight: 700;
	color: #1a1a18;
	margin-bottom: 8px;
	display: flex;
	gap: 10px
}

.faq-q::before {
	content: 'Q';
	font-size: 13px;
	font-weight: 700;
	background: #1a1a18;
	color: #fff;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 1px
}

.faq-a {
	font-size: 14px;
	color: #2a2a28;
	padding-left: 32px;
	line-height: 1.8
}

/* フッター注記 */
.article-note {
	font-size: 12px;
	color: #aaa;
	margin-top: 2rem;
	padding-top: 1rem;
	border-top: 0.5px solid #ddddd5;
	line-height: 1.8
}

@media(max-width:600px) {
	h1 {
		font-size: 20px
	}

	h2 {
		font-size: 17px
	}

	.route-grid,
	.fit-grid {
		grid-template-columns: 1fr
	}

	.compare-table {
		font-size: 11px;
		table-layout: fixed;
		width: 100%
	}

	.compare-table th,
	.compare-table td {
		padding: 6px 8px;
		word-break: break-all;
		line-height: 1.5
	}

	.compare-table th:first-child,
	.compare-table td:first-child {
		width: 28%
	}

	.compare-table th:not(:first-child),
	.compare-table td:not(:first-child) {
		width: 36%
	}

	.badge-good,
	.badge-neutral {
		font-size: 10px;
		padding: 1px 5px;
		display: inline-block
	}

	.simulator-section {
		padding: 1.25rem 1rem
	}
}

/* ===== シミュレーター ===== */
#simulator-embed {
	margin-top: 1rem;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

#simulator-embed {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans', 'Yu Gothic', sans-serif;
	background: #f5f5f3;
	color: #1a1a18;
	min-height: 100vh;
	padding: 2rem 1rem
}

#simulator-embed .wrap {
	max-width: 660px;
	margin: 0 auto
}

#simulator-embed .card {
	background: #fff;
	border: 0.5px solid #ddddd5;
	border-radius: 12px;
	padding: 1.25rem;
	margin-bottom: 1rem
}

h1 {
	font-size: 18px;
	font-weight: 600;
	color: #1a1a18;
	margin-bottom: 4px
}

#simulator-embed .sub {
	font-size: 13px;
	color: #888780;
	margin-bottom: 1.25rem;
	line-height: 1.5
}

#simulator-embed .form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 12px
}

#simulator-embed .form-group {
	display: flex;
	flex-direction: column;
	gap: 4px
}

#simulator-embed .form-group label {
	font-size: 12px;
	color: #5f5e5a;
	font-weight: 500
}

select {
	width: 100%;
	font-size: 13px;
	padding: 0 10px;
	height: 36px;
	border-radius: 8px;
	border: 0.5px solid #b0b0a8;
	background: #fff;
	color: #1a1a18;
	cursor: pointer
}

select:focus {
	outline: none;
	border-color: #378ADD;
	box-shadow: 0 0 0 2px rgba(55, 138, 221, 0.15)
}

#simulator-embed .pax-row {
	display: flex;
	align-items: center;
	gap: 10px
}

#simulator-embed .pax-btn {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	border: 0.5px solid #b0b0a8;
	background: #fff;
	cursor: pointer;
	font-size: 18px;
	color: #1a1a18;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}

#simulator-embed .pax-btn:hover {
	background: #f5f5f3
}

#simulator-embed .pax-val {
	font-size: 16px;
	font-weight: 600;
	color: #1a1a18;
	min-width: 28px;
	text-align: center
}

#simulator-embed .calc-btn {
	width: 100%;
	padding: 11px;
	border-radius: 8px;
	border: none;
	background: #1a1a18;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	margin-top: 8px
}

#simulator-embed .calc-btn:hover {
	opacity: 0.85
}

.result-area {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 1.25rem
}

.result-highlight {
	border-radius: 12px;
	padding: 1rem 1.25rem;
	background: #E6F1FB;
	border: 0.5px solid #85B7EB
}

.rh-label {
	font-size: 11px;
	color: #0C447C;
	margin-bottom: 4px;
	font-weight: 500
}

.rh-main {
	font-size: 24px;
	font-weight: 700;
	color: #042C53
}

.rh-sub {
	font-size: 12px;
	color: #185FA5;
	margin-top: 3px
}

.result-row {
	background: #fff;
	border: 0.5px solid #ddddd5;
	border-radius: 10px;
	padding: 10px 14px
}

.result-row.is-bus {
	border-color: #1D9E75;
	background: #E1F5EE
}

.rr-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 7px;
	flex-wrap: wrap;
	gap: 4px
}

.rr-left {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap
}

.rr-name {
	font-size: 13px;
	font-weight: 600;
	color: #1a1a18
}

.rr-name.bus-name {
	color: #085041
}

.badge {
	font-size: 10px;
	font-weight: 600;
	padding: 2px 7px;
	border-radius: 6px;
	white-space: nowrap
}

.badge-bus {
	background: #E6F1FB;
	color: #0C447C
}

.badge-save {
	background: #EAF3DE;
	color: #27500A
}

.badge-over {
	background: #FCEBEB;
	color: #791F1F
}

.rr-cost {
	font-size: 15px;
	font-weight: 700;
	color: #1a1a18;
	white-space: nowrap
}

.rr-cost.bus-cost {
	color: #085041
}

.bar-wrap {
	background: #f5f5f3;
	border-radius: 3px;
	height: 5px;
	overflow: hidden;
	margin-bottom: 6px
}

.bar-fill {
	height: 5px;
	border-radius: 3px
}

.rr-detail {
	font-size: 11px;
	color: #888780;
	line-height: 1.5
}

.empty {
	font-size: 13px;
	color: #aaa;
	text-align: center;
	padding: 2rem 0
}

.disclaimer {
	background: #f5f5f3;
	border-radius: 10px;
	padding: 12px 14px;
	margin-top: 1rem
}

.disclaimer-title {
	font-size: 11px;
	font-weight: 600;
	color: #5f5e5a;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	gap: 4px
}

.disclaimer-#simulator-embed {
	font-size: 11px;
	color: #888780;
	line-height: 1.7
}

.update-info {
	font-size: 10px;
	color: #aaa;
	margin-top: 6px;
	text-align: right
}

@media(max-width:520px) {
	#simulator-embed {
		padding: 0.75rem
	}

	#simulator-embed .wrap {
		padding: 0
	}

	#simulator-embed .card {
		padding: 1rem
	}

	h1 {
		font-size: 16px
	}

	#simulator-embed .sub {
		font-size: 12px
	}

	#simulator-embed .form-grid {
		grid-template-columns: 1fr
	}

	.rh-main {
		font-size: 20px
	}

	.rr-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 3px
	}

	.rr-left {
		flex-wrap: wrap
	}

	.rr-cost {
		font-size: 14px
	}

	.rr-name {
		font-size: 12px
	}

	.rr-detail {
		font-size: 10px
	}

	.badge {
		font-size: 9px;
		padding: 1px 5px
	}

	select {
		font-size: 14px
	}
}

@media(max-width:360px) {
	#simulator-embed {
		padding: 0.5rem
	}

	#simulator-embed .card {
		padding: 0.875rem
	}

	h1 {
		font-size: 15px
	}

	#simulator-embed .pax-btn {
		width: 34px;
		height: 34px;
		font-size: 16px
	}

	.rh-main {
		font-size: 18px
	}
}


/* ===== メインバナー ===== */
.hero-banner {
	margin: 1.5rem 0 2rem;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

.hero-banner img {
	width: 100%;
	height: auto;
}

/* ===== Simulator ===== */
#sim-embed {
	margin-top: 1rem
}

#sim-embed {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans', 'Yu Gothic', sans-serif;
	background: #f5f5f3;
	color: #1a1a18;
	padding: 2rem 1rem
}

#sim-embed .wrap {
	max-width: 660px;
	margin: 0 auto
}

#sim-embed .card {
	background: #fff;
	border: 0.5px solid #ddddd5;
	border-radius: 12px;
	padding: 1.25rem;
	margin-bottom: 1rem
}

h1 {
	font-size: 18px;
	font-weight: 600;
	color: #1a1a18;
	margin-bottom: 4px
}

#sim-embed .sub {
	font-size: 13px;
	color: #888780;
	margin-bottom: 1.25rem;
	line-height: 1.5
}

#sim-embed .form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 12px
}

.route-row {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 8px;
	margin-bottom: 12px;
	align-items: end
}

.swap-btn {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 0.5px solid #b0b0a8;
	background: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #5f5e5a;
	font-size: 14px;
	transition: background 0.15s, color 0.15s;
	flex-shrink: 0;
	margin-bottom: 1px
}

.swap-btn:hover {
	background: #1a1a18;
	color: #fff;
	border-color: #1a1a18
}

#sim-embed .form-group {
	display: flex;
	flex-direction: column;
	gap: 4px
}

#sim-embed .form-group label {
	font-size: 12px;
	color: #5f5e5a;
	font-weight: 500
}

select {
	width: 100%;
	font-size: 13px;
	padding: 0 10px;
	height: 36px;
	border-radius: 8px;
	border: 0.5px solid #b0b0a8;
	background: #fff;
	color: #1a1a18;
	cursor: pointer
}

select:focus {
	outline: none;
	border-color: #378ADD;
	box-shadow: 0 0 0 2px rgba(55, 138, 221, 0.15)
}

#sim-embed .pax-row {
	display: flex;
	align-items: center;
	gap: 10px
}

#sim-embed .pax-btn {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	border: 0.5px solid #b0b0a8;
	background: #fff;
	cursor: pointer;
	font-size: 18px;
	color: #1a1a18;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}

#sim-embed .pax-btn:hover {
	background: #f5f5f3
}

#sim-embed .pax-val {
	font-size: 16px;
	font-weight: 600;
	color: #1a1a18;
	min-width: 28px;
	text-align: center
}

#sim-embed .calc-btn {
	width: 100%;
	padding: 11px;
	border-radius: 8px;
	border: none;
	background: #1a1a18;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	margin-top: 8px
}

#sim-embed .calc-btn:hover {
	opacity: 0.85
}

#sim-embed .result-area {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 1.25rem
}

#sim-embed .result-highlight {
	border-radius: 12px;
	padding: 1rem 1.25rem;
	background: #E6F1FB;
	border: 0.5px solid #85B7EB
}

#sim-embed .rh-label {
	font-size: 11px;
	color: #0C447C;
	margin-bottom: 4px;
	font-weight: 500
}

#sim-embed .rh-main {
	font-size: 24px;
	font-weight: 700;
	color: #042C53
}

#sim-embed .rh-sub {
	font-size: 12px;
	color: #185FA5;
	margin-top: 3px
}

#sim-embed .result-row {
	background: #fff;
	border: 0.5px solid #ddddd5;
	border-radius: 10px;
	padding: 10px 14px
}

#sim-embed .result-row.is-bus {
	border-color: #1D9E75;
	background: #E1F5EE
}

#sim-embed .rr-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 7px;
	flex-wrap: wrap;
	gap: 4px
}

#sim-embed .rr-left {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap
}

#sim-embed .rr-name {
	font-size: 13px;
	font-weight: 600;
	color: #1a1a18
}

#sim-embed .rr-name.bus-name {
	color: #085041
}

#sim-embed .badge {
	font-size: 10px;
	font-weight: 600;
	padding: 2px 7px;
	border-radius: 6px;
	white-space: nowrap
}

#sim-embed #sim-embed .badge-bus {
	background: #E6F1FB;
	color: #0C447C
}

#sim-embed #sim-embed .badge-save {
	background: #EAF3DE;
	color: #27500A
}

#sim-embed #sim-embed .badge-over {
	background: #FCEBEB;
	color: #791F1F
}

#sim-embed .rr-cost {
	font-size: 15px;
	font-weight: 700;
	color: #1a1a18;
	white-space: nowrap
}

#sim-embed .rr-cost.bus-cost {
	color: #085041
}

#sim-embed .bar-wrap {
	background: #f5f5f3;
	border-radius: 3px;
	height: 5px;
	overflow: hidden;
	margin-bottom: 6px
}

#sim-embed .bar-fill {
	height: 5px;
	border-radius: 3px
}

#sim-embed .rr-detail {
	font-size: 11px;
	color: #888780;
	line-height: 1.5
}

#sim-embed .empty {
	font-size: 13px;
	color: #aaa;
	text-align: center;
	padding: 2rem 0
}

#sim-embed .disclaimer {
	background: #f5f5f3;
	border-radius: 10px;
	padding: 12px 14px;
	margin-top: 1rem
}

#sim-embed #sim-embed .disclaimer-title {
	font-size: 11px;
	font-weight: 600;
	color: #5f5e5a;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	gap: 4px
}

#sim-embed .disclaimer-#sim-embed {
	font-size: 11px;
	color: #888780;
	line-height: 1.7
}

#sim-embed .update-info {
	font-size: 10px;
	color: #aaa;
	margin-top: 6px;
	text-align: right
}

@media(max-width:520px) {
	#sim-embed {
		padding: 0.75rem
	}

	.book-btn {
		width: 100%;
		font-size: 12px;
		padding: 8px 12px
	}

	#sim-embed .wrap {
		padding: 0
	}

	#sim-embed .card {
		padding: 1rem
	}

	h1 {
		font-size: 16px
	}

	#sim-embed .sub {
		font-size: 12px
	}

	#sim-embed .form-grid {
		grid-template-columns: 1fr
	}

	.route-row {
		grid-template-columns: 1fr;
		gap: 4px
	}

	.swap-btn {
		width: 32px;
		height: 32px;
		margin: 0 auto;
		transform: rotate(90deg)
	}

	#sim-embed .rh-main {
		font-size: 20px
	}

	#sim-embed .rr-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 3px
	}

	#sim-embed .rr-left {
		flex-wrap: wrap
	}

	#sim-embed .rr-cost {
		font-size: 14px
	}

	#sim-embed .rr-name {
		font-size: 12px
	}

	#sim-embed .rr-detail {
		font-size: 10px
	}

	#sim-embed .badge {
		font-size: 9px;
		padding: 1px 5px
	}

	select {
		font-size: 14px
	}
}

@media(max-width:360px) {
	#sim-embed {
		padding: 0.5rem
	}

	#sim-embed .card {
		padding: 0.875rem
	}

	h1 {
		font-size: 15px
	}

	#sim-embed .pax-btn {
		width: 34px;
		height: 34px;
		font-size: 16px
	}

	#sim-embed .rh-main {
		font-size: 18px
	}
}

.ref-label {
	font-size: 10px;
	font-weight: 400;
	color: #888;
	margin-left: 3px
}

.book-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 10px;
	padding: 9px 16px;
	background: #1D9E75;
	color: #fff;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.15s;
	max-width: 100%;
	box-sizing: border-box
}

.book-btn:hover {
	background: #178a64
}

.book-btn i {
	font-size: 14px;
	flex-shrink: 0
}