/* =========================================================
   長崎おでかけ案内ノート - Front Page
   適用範囲：トップページのみ
========================================================= */

body.home {
	--fp-color-primary: #096b72;
	--fp-color-primary-dark: #064c52;
	--fp-color-primary-soft: #dff2f1;
	--fp-color-accent: #e59a3a;
	--fp-color-accent-soft: #fff2df;
	--fp-color-ink: #17343a;
	--fp-color-text: #40585d;
	--fp-color-muted: #6e8387;
	--fp-color-border: #d9e6e7;
	--fp-color-surface: #ffffff;
	--fp-color-surface-alt: #f4f8f7;
	--fp-color-deep: #0a3940;
	--fp-content-width: 1160px;
	--fp-radius-small: 12px;
	--fp-radius-medium: 22px;
	--fp-radius-large: 34px;
	--fp-shadow-soft: 0 16px 45px rgba(17, 63, 70, 0.1);
	--fp-shadow-card: 0 10px 30px rgba(17, 63, 70, 0.08);
}

/* Cocoonのトップページ本文領域だけを全幅化 */
body.home #content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.home #content-in {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.home #main {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.home #sidebar {
	display: none !important;
}

body.home .fp-root,
body.home .fp-root * {
	box-sizing: border-box;
}

body.home .fp-root {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: var(--fp-color-surface);
	color: var(--fp-color-text);
	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		"Yu Gothic",
		Meiryo,
		sans-serif;
	font-size: 16px;
	line-height: 1.8;
}

body.home .fp-root h1,
body.home .fp-root h2,
body.home .fp-root h3,
body.home .fp-root p,
body.home .fp-root ul,
body.home .fp-root ol,
body.home .fp-root li,
body.home .fp-root figure {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

body.home .fp-root ul,
body.home .fp-root ol {
	list-style: none;
}

body.home .fp-root img {
	display: block;
	max-width: 100%;
	height: auto;
	border: 0;
	box-shadow: none;
}

body.home .fp-root a {
	color: inherit;
	text-decoration: none;
}

body.home .fp-root a:hover {
	text-decoration: none;
}

body.home .fp-root .fp-inner {
	width: min(100% - 48px, var(--fp-content-width));
	margin-inline: auto;
}

body.home .fp-root .fp-kicker,
body.home .fp-root .fp-section-label,
body.home .fp-root .fp-operator-label {
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

body.home .fp-root .fp-section-label {
	color: var(--fp-color-primary);
}

body.home .fp-root .fp-section-label-light {
	color: #9ed9d8;
}

body.home .fp-root .fp-section-heading {
	margin-bottom: 42px;
}

body.home .fp-root .fp-section-heading-center {
	max-width: 760px;
	margin-right: auto;
	margin-bottom: 46px;
	margin-left: auto;
	text-align: center;
}

body.home .fp-root .fp-section-heading-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
	gap: 44px;
	align-items: end;
}

body.home .fp-root .fp-section-heading-main {
	min-width: 0;
}

body.home .fp-root .fp-section-title {
	margin-top: 10px;
	color: var(--fp-color-ink);
	font-size: clamp(1.9rem, 3.4vw, 2.9rem);
	font-weight: 800;
	line-height: 1.34;
	letter-spacing: 0.01em;
}

body.home .fp-root .fp-section-description {
	margin-top: 17px;
	color: var(--fp-color-muted);
	font-size: 1rem;
	line-height: 1.9;
}

/* Hero */
body.home .fp-root .fp-hero {
	position: relative;
	padding: 82px 0 88px;
	background:
		radial-gradient(
			circle at 12% 18%,
			rgba(229, 154, 58, 0.18),
			transparent 25%
		),
		linear-gradient(
			135deg,
			#eff9f7 0%,
			#f8fbf8 55%,
			#fff6e8 100%
		);
}

body.home .fp-root .fp-hero::before {
	position: absolute;
	top: 0;
	right: 5%;
	width: 310px;
	height: 310px;
	border: 1px solid rgba(9, 107, 114, 0.12);
	border-radius: 50%;
	content: "";
	transform: translateY(-48%);
}

body.home .fp-root .fp-hero-layout {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns:
		minmax(0, 0.95fr)
		minmax(430px, 1.05fr);
	gap: 64px;
	align-items: center;
}

body.home .fp-root .fp-hero-copy {
	min-width: 0;
}

body.home .fp-root .fp-kicker {
	color: var(--fp-color-primary);
}

body.home .fp-root .fp-hero-title {
	margin-top: 18px;
	color: var(--fp-color-ink);
	font-size: clamp(2.45rem, 5vw, 4.4rem);
	font-weight: 850;
	line-height: 1.22;
	letter-spacing: 0.015em;
}

body.home .fp-root .fp-hero-lead {
	max-width: 650px;
	margin-top: 24px;
	color: var(--fp-color-text);
	font-size: clamp(1rem, 1.5vw, 1.12rem);
	line-height: 2;
}

body.home .fp-root .fp-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 34px;
}

body.home .fp-root .fp-button {
	display: inline-flex;
	min-height: 54px;
	align-items: center;
	justify-content: center;
	padding: 13px 25px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 0.96rem;
	font-weight: 750;
	line-height: 1.4;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		background-color 0.25s ease;
}

body.home .fp-root .fp-button::after {
	margin-left: 10px;
	content: "→";
	font-size: 1.08em;
}

body.home .fp-root .fp-button:hover {
	transform: translateY(-2px);
}

body.home .fp-root .fp-button-primary {
	background: var(--fp-color-primary);
	color: #ffffff;
	box-shadow: 0 10px 25px rgba(9, 107, 114, 0.22);
}

body.home .fp-root .fp-button-primary:hover {
	background: var(--fp-color-primary-dark);
	color: #ffffff;
	box-shadow: 0 14px 30px rgba(9, 107, 114, 0.28);
}

body.home .fp-root .fp-button-secondary {
	border-color: rgba(9, 107, 114, 0.24);
	background: rgba(255, 255, 255, 0.7);
	color: var(--fp-color-primary-dark);
}

body.home .fp-root .fp-button-secondary:hover {
	background: #ffffff;
	color: var(--fp-color-primary-dark);
	box-shadow: var(--fp-shadow-card);
}

body.home .fp-root .fp-hero-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 28px;
}

body.home .fp-root .fp-hero-tag {
	padding: 7px 13px;
	border: 1px solid rgba(9, 107, 114, 0.15);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.62);
	color: var(--fp-color-primary-dark);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.4;
}

body.home .fp-root .fp-hero-visual {
	position: relative;
	min-width: 0;
	padding: 0 0 34px 30px;
}

body.home .fp-root .fp-hero-image-frame {
	position: relative;
	overflow: hidden;
	border: 9px solid rgba(255, 255, 255, 0.8);
	border-radius: 46% 46% 24px 24px;
	box-shadow: 0 24px 60px rgba(16, 64, 70, 0.18);
}

body.home .fp-root .fp-hero-image-frame::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		transparent 58%,
		rgba(8, 48, 53, 0.18)
	);
	content: "";
	pointer-events: none;
}

body.home .fp-root .fp-hero-image {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

body.home .fp-root .fp-hero-note {
	position: absolute;
	right: 18px;
	bottom: 0;
	width: min(310px, 72%);
	padding: 18px 20px;
	border-left: 4px solid var(--fp-color-accent);
	border-radius: var(--fp-radius-small);
	background: #ffffff;
	box-shadow: var(--fp-shadow-soft);
}

body.home .fp-root .fp-hero-note-label {
	display: block;
	color: var(--fp-color-accent);
	font-size: 0.68rem;
	font-weight: 850;
	letter-spacing: 0.14em;
}

body.home .fp-root .fp-hero-note-text {
	display: block;
	margin-top: 5px;
	color: var(--fp-color-ink);
	font-size: 0.85rem;
	font-weight: 650;
	line-height: 1.65;
}

/* Questions */
body.home .fp-root .fp-question-section {
	padding: 92px 0;
	background: var(--fp-color-surface);
}

body.home .fp-root .fp-question-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

body.home .fp-root .fp-question-item {
	position: relative;
	display: flex;
	min-height: 290px;
	flex-direction: column;
	padding: 30px;
	border: 1px solid var(--fp-color-border);
	border-radius: var(--fp-radius-medium);
	background: var(--fp-color-surface);
	box-shadow: 0 8px 25px rgba(17, 63, 70, 0.04);
	transition:
		transform 0.25s ease,
		border-color 0.25s ease,
		box-shadow 0.25s ease;
}

body.home .fp-root .fp-question-item:hover {
	border-color: rgba(9, 107, 114, 0.35);
	box-shadow: var(--fp-shadow-card);
	transform: translateY(-5px);
}

body.home .fp-root .fp-question-number {
	display: inline-flex;
	width: 46px;
	height: 46px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--fp-color-primary-soft);
	color: var(--fp-color-primary);
	font-size: 0.78rem;
	font-weight: 850;
}

body.home .fp-root .fp-question-title {
	margin-top: 22px;
	color: var(--fp-color-ink);
	font-size: 1.24rem;
	font-weight: 800;
	line-height: 1.5;
}

body.home .fp-root .fp-question-text {
	margin-top: 12px;
	color: var(--fp-color-muted);
	font-size: 0.94rem;
	line-height: 1.85;
}

body.home .fp-root .fp-text-link {
	display: inline-flex;
	align-items: center;
	margin-top: auto;
	padding-top: 24px;
	color: var(--fp-color-primary);
	font-size: 0.88rem;
	font-weight: 800;
}

body.home .fp-root .fp-text-link::after {
	margin-left: 8px;
	content: "→";
	transition: transform 0.2s ease;
}

body.home .fp-root .fp-question-item:hover .fp-text-link::after {
	transform: translateX(4px);
}

/* Categories */
body.home .fp-root .fp-category-section {
	padding: 96px 0 108px;
	background: var(--fp-color-surface-alt);
}

body.home .fp-root .fp-category-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

body.home .fp-root .fp-category-item {
	display: flex;
	overflow: hidden;
	min-width: 0;
	flex-direction: column;
	border: 1px solid rgba(9, 107, 114, 0.1);
	border-radius: var(--fp-radius-medium);
	background: var(--fp-color-surface);
	box-shadow: 0 8px 28px rgba(17, 63, 70, 0.05);
	transition:
		transform 0.28s ease,
		box-shadow 0.28s ease;
}

body.home .fp-root .fp-category-item:hover {
	box-shadow: var(--fp-shadow-soft);
	transform: translateY(-7px);
}

body.home .fp-root .fp-category-image-wrap {
	position: relative;
	overflow: hidden;
}

body.home .fp-root .fp-category-image {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	transition: transform 0.45s ease;
}

body.home .fp-root .fp-category-item:hover .fp-category-image {
	transform: scale(1.045);
}

body.home .fp-root .fp-category-eyebrow {
	position: absolute;
	bottom: 12px;
	left: 12px;
	max-width: calc(100% - 24px);
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(7, 57, 64, 0.82);
	color: #ffffff;
	font-size: 0.62rem;
	font-weight: 850;
	line-height: 1.3;
	letter-spacing: 0.11em;
}

body.home .fp-root .fp-category-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 23px 22px 24px;
}

body.home .fp-root .fp-category-name {
	color: var(--fp-color-ink);
	font-size: 1.08rem;
	font-weight: 800;
	line-height: 1.55;
}

body.home .fp-root .fp-category-description {
	margin-top: 10px;
	color: var(--fp-color-muted);
	font-size: 0.86rem;
	line-height: 1.8;
}

body.home .fp-root .fp-category-link {
	display: inline-flex;
	align-items: center;
	margin-top: auto;
	padding-top: 19px;
	color: var(--fp-color-primary);
	font-size: 0.82rem;
	font-weight: 800;
}

body.home .fp-root .fp-category-link::after {
	margin-left: 7px;
	content: "↗";
	font-size: 0.94em;
}

/* Guide */
body.home .fp-root .fp-guide-section {
	position: relative;
	padding: 104px 0;
	background:
		linear-gradient(
			90deg,
			rgba(255, 255, 255, 0.025) 1px,
			transparent 1px
		),
		linear-gradient(
			rgba(255, 255, 255, 0.025) 1px,
			transparent 1px
		),
		var(--fp-color-deep);
	background-size: 34px 34px;
	color: #ffffff;
}

body.home .fp-root .fp-guide-layout {
	display: grid;
	grid-template-columns:
		minmax(0, 0.8fr)
		minmax(480px, 1.2fr);
	gap: 78px;
	align-items: center;
}

body.home .fp-root .fp-guide-title {
	margin-top: 12px;
	color: #ffffff;
	font-size: clamp(2rem, 3.8vw, 3.25rem);
	font-weight: 800;
	line-height: 1.4;
}

body.home .fp-root .fp-guide-lead {
	margin-top: 24px;
	color: rgba(255, 255, 255, 0.76);
	font-size: 1rem;
	line-height: 2;
}

body.home .fp-root .fp-guide-list {
	display: grid;
	gap: 14px;
}

body.home .fp-root .fp-guide-item {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	gap: 22px;
	align-items: start;
	padding: 26px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.075);
	backdrop-filter: blur(5px);
}

body.home .fp-root .fp-guide-step {
	padding-top: 3px;
	color: #f2b867;
	font-size: 0.7rem;
	font-weight: 850;
	letter-spacing: 0.12em;
}

body.home .fp-root .fp-guide-item-title {
	color: #ffffff;
	font-size: 1.08rem;
	font-weight: 800;
	line-height: 1.5;
}

body.home .fp-root .fp-guide-item-text {
	margin-top: 7px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.88rem;
	line-height: 1.8;
}

/* Articles */
body.home .fp-root .fp-articles-section {
	padding: 100px 0 110px;
	background: #ffffff;
}

body.home .fp-root .fp-articles-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	align-items: start;
}

body.home .fp-root .fp-article-panel {
	min-width: 0;
	padding: 30px;
	border: 1px solid var(--fp-color-border);
	border-radius: var(--fp-radius-medium);
	background: #ffffff;
	box-shadow: var(--fp-shadow-card);
}

body.home .fp-root .fp-article-panel-heading {
	display: flex;
	align-items: center;
	gap: 13px;
	margin-bottom: 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--fp-color-border);
}

body.home .fp-root .fp-article-panel-mark {
	display: inline-flex;
	min-width: 74px;
	height: 29px;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 999px;
	background: var(--fp-color-accent-soft);
	color: #aa6410;
	font-size: 0.62rem;
	font-weight: 850;
	line-height: 1;
	letter-spacing: 0.09em;
}

body.home .fp-root .fp-article-panel-title {
	color: var(--fp-color-ink);
	font-size: 1.33rem;
	font-weight: 800;
	line-height: 1.45;
}

body.home .fp-root .fp-article-feed {
	min-width: 0;
}

body.home .fp-root .fp-article-feed a {
	color: var(--fp-color-ink);
}

body.home .fp-root .fp-article-feed a:hover {
	color: var(--fp-color-primary);
}

body.home .fp-root .fp-article-feed img {
	border-radius: 10px;
}

body.home .fp-root .fp-article-feed > *:last-child {
	margin-bottom: 0;
}

/* Editorial policy */
body.home .fp-root .fp-policy-section {
	padding: 95px 0;
	background: linear-gradient(
		180deg,
		#f4f8f7 0%,
		#edf6f4 100%
	);
}

body.home .fp-root .fp-policy-layout {
	display: grid;
	grid-template-columns:
		minmax(0, 0.8fr)
		minmax(0, 1.2fr);
	gap: 64px;
	align-items: start;
}

body.home .fp-root .fp-policy-points {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

body.home .fp-root .fp-policy-item {
	padding: 25px 22px;
	border: 1px solid rgba(9, 107, 114, 0.12);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.78);
}

body.home .fp-root .fp-policy-icon {
	display: inline-flex;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--fp-color-primary-soft);
	color: var(--fp-color-primary);
	font-size: 0.72rem;
	font-weight: 850;
}

body.home .fp-root .fp-policy-item-title {
	margin-top: 17px;
	color: var(--fp-color-ink);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.55;
}

body.home .fp-root .fp-policy-item-text {
	margin-top: 8px;
	color: var(--fp-color-muted);
	font-size: 0.85rem;
	line-height: 1.8;
}

/* Operator */
body.home .fp-root .fp-operator-section {
	padding: 78px 0 90px;
	background: #ffffff;
}

body.home .fp-root .fp-operator-box {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 44px;
	align-items: center;
	padding: 38px 46px;
	border: 1px solid var(--fp-color-border);
	border-radius: var(--fp-radius-medium);
	background: #ffffff;
	box-shadow: 0 12px 38px rgba(17, 63, 70, 0.07);
}

body.home .fp-root .fp-operator-logo-wrap {
	display: flex;
	min-height: 128px;
	align-items: center;
	justify-content: center;
	padding: 18px;
	border-radius: 16px;
	background: #f7faf9;
}

body.home .fp-root .fp-operator-logo {
	max-width: 210px;
	max-height: 105px;
	object-fit: contain;
}

body.home .fp-root .fp-operator-label {
	color: var(--fp-color-primary);
}

body.home .fp-root .fp-operator-title {
	margin-top: 9px;
	color: var(--fp-color-ink);
	font-size: clamp(1.45rem, 2.6vw, 2.05rem);
	font-weight: 800;
	line-height: 1.5;
}

body.home .fp-root .fp-operator-text {
	margin-top: 13px;
	color: var(--fp-color-muted);
	font-size: 0.96rem;
	line-height: 1.95;
}

/* Focus */
body.home .fp-root a:focus-visible {
	outline: 3px solid rgba(229, 154, 58, 0.8);
	outline-offset: 4px;
}

/* Tablet */
@media screen and (max-width: 1024px) {
	body.home .fp-root .fp-hero {
		padding: 68px 0 78px;
	}

	body.home .fp-root .fp-hero-layout {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(360px, 0.88fr);
		gap: 42px;
	}

	body.home .fp-root .fp-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.home .fp-root .fp-guide-layout {
		grid-template-columns: 1fr;
		gap: 46px;
	}

	body.home .fp-root .fp-guide-copy {
		max-width: 760px;
	}

	body.home .fp-root .fp-policy-layout {
		grid-template-columns: 1fr;
		gap: 36px;
	}
}

@media screen and (max-width: 834px) {
	body.home .fp-root .fp-inner {
		width: min(100% - 40px, var(--fp-content-width));
	}

	body.home .fp-root .fp-hero-layout {
		grid-template-columns: 1fr;
	}

	body.home .fp-root .fp-hero-copy {
		max-width: 700px;
	}

	body.home .fp-root .fp-hero-visual {
		max-width: 680px;
		margin: 0 auto;
		padding-left: 0;
	}

	body.home .fp-root .fp-question-grid {
		grid-template-columns: 1fr;
	}

	body.home .fp-root .fp-question-item {
		min-height: 0;
	}

	body.home .fp-root .fp-section-heading-split {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	body.home .fp-root .fp-articles-grid {
		grid-template-columns: 1fr;
	}

	body.home .fp-root .fp-policy-points {
		grid-template-columns: 1fr;
	}

	body.home .fp-root .fp-operator-box {
		grid-template-columns: 190px minmax(0, 1fr);
		gap: 30px;
		padding: 32px;
	}
}

/* Smartphone */
@media screen and (max-width: 600px) {
	body.home .fp-root .fp-inner {
		width: calc(100% - 32px);
	}

	body.home .fp-root .fp-hero {
		padding: 52px 0 62px;
	}

	body.home .fp-root .fp-hero::before {
		width: 210px;
		height: 210px;
	}

	body.home .fp-root .fp-hero-layout {
		gap: 38px;
	}

	body.home .fp-root .fp-hero-title {
		font-size: clamp(2rem, 10vw, 3rem);
		line-height: 1.28;
	}

	body.home .fp-root .fp-hero-title br {
		display: none;
	}

	body.home .fp-root .fp-hero-lead {
		margin-top: 19px;
		font-size: 0.96rem;
		line-height: 1.9;
	}

	body.home .fp-root .fp-hero-actions {
		display: grid;
		grid-template-columns: 1fr;
		margin-top: 27px;
	}

	body.home .fp-root .fp-button {
		width: 100%;
		min-height: 52px;
	}

	body.home .fp-root .fp-hero-visual {
		padding-bottom: 50px;
	}

	body.home .fp-root .fp-hero-image-frame {
		border-width: 6px;
		border-radius: 38% 38% 18px 18px;
	}

	body.home .fp-root .fp-hero-note {
		right: 10px;
		width: calc(100% - 28px);
		padding: 15px 16px;
	}

	body.home .fp-root .fp-question-section,
	body.home .fp-root .fp-category-section,
	body.home .fp-root .fp-articles-section {
		padding: 72px 0;
	}

	body.home .fp-root .fp-guide-section {
		padding: 76px 0;
	}

	body.home .fp-root .fp-policy-section {
		padding: 70px 0;
	}

	body.home .fp-root .fp-operator-section {
		padding: 60px 0 72px;
	}

	body.home .fp-root .fp-section-heading,
	body.home .fp-root .fp-section-heading-center {
		margin-bottom: 32px;
		text-align: left;
	}

	body.home .fp-root .fp-section-title {
		font-size: 1.82rem;
	}

	body.home .fp-root .fp-section-description {
		font-size: 0.94rem;
		line-height: 1.85;
	}

	body.home .fp-root .fp-question-item {
		padding: 24px;
	}

	body.home .fp-root .fp-category-grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	body.home .fp-root .fp-category-item {
		display: grid;
		grid-template-columns: 128px minmax(0, 1fr);
		align-items: stretch;
	}

	body.home .fp-root .fp-category-image-wrap {
		min-height: 100%;
	}

	body.home .fp-root .fp-category-image {
		height: 100%;
		min-height: 170px;
		aspect-ratio: auto;
		object-fit: cover;
	}

	body.home .fp-root .fp-category-eyebrow {
		display: none;
	}

	body.home .fp-root .fp-category-body {
		padding: 19px 17px 18px;
	}

	body.home .fp-root .fp-category-name {
		font-size: 1rem;
	}

	body.home .fp-root .fp-category-description {
		display: -webkit-box;
		overflow: hidden;
		font-size: 0.8rem;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	body.home .fp-root .fp-category-link {
		padding-top: 13px;
	}

	body.home .fp-root .fp-guide-title {
		font-size: 1.9rem;
	}

	body.home .fp-root .fp-guide-item {
		grid-template-columns: 1fr;
		gap: 8px;
		padding: 21px;
	}

	body.home .fp-root .fp-article-panel {
		padding: 22px 18px;
		border-radius: 18px;
	}

	body.home .fp-root .fp-article-panel-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 9px;
	}

	body.home .fp-root .fp-operator-box {
		grid-template-columns: 1fr;
		gap: 24px;
		padding: 25px 22px;
	}

	body.home .fp-root .fp-operator-logo-wrap {
		min-height: 108px;
	}
}

@media screen and (max-width: 390px) {
	body.home .fp-root .fp-category-item {
		grid-template-columns: 108px minmax(0, 1fr);
	}

	body.home .fp-root .fp-category-body {
		padding: 16px 14px;
	}

	body.home .fp-root .fp-category-description {
		-webkit-line-clamp: 2;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.home .fp-root *,
	body.home .fp-root *::before,
	body.home .fp-root *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}