/* =============================================================
   sykimlaw — practice-hub.css
   Phase 8-2: Practice Hub Pages 전용 스타일
   Depends on: global.css, typography.css, cta-system.css
   Namespace: .sykim-hub-*
   Breakpoints: 599px (mobile) / 900px (tablet) / 1200px (desktop)
   ============================================================= */

/* ─────────────────────────────────────────────────────────────
   1. PAGE WRAPPER
   ───────────────────────────────────────────────────────────── */

.sykim-hub-page {
	background-color: #FFFFFF;
}

.sykim-hub-section {
	position: relative;
}

/* ─────────────────────────────────────────────────────────────
   2. HUB HERO
   Navy bg · text-only (no 2-col portrait)
   ───────────────────────────────────────────────────────────── */

.sykim-hub-hero {
	background-color: #0D1F3C;
}

.sykim-hub-hero__eyebrow {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gold-500);
	margin: 0;
}

.sykim-hub-hero__heading {
	font-family: var(--wp--preset--font-family--noto-serif-kr);
	font-size: clamp(1.875rem, 4vw, 2.875rem);
	font-weight: 700;
	line-height: 1.22;
	color: #FFFFFF;
	word-break: keep-all;
	margin: 0;
}

.sykim-hub-hero__lead {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: clamp(1rem, 0.5rem + 1.25vw, 1.0625rem);
	line-height: 1.87;
	color: rgba(255, 255, 255, 0.72);
	word-break: keep-all;
	margin: 0;
}

.sykim-hub-hero__actions {
	gap: 0.75rem !important;
}

.sykim-hub-hero__actions .wp-block-button__link {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	padding: 0.8125rem 1.5rem;
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none;
	word-break: keep-all;
	transition:
		background-color 0.18s ease,
		border-color 0.18s ease,
		color 0.18s ease,
		transform 0.18s ease;
}

.sykim-hub-btn--primary .wp-block-button__link {
	background-color: var(--wp--preset--color--gold-500);
	color: #0D1F3C;
	border: 1px solid var(--wp--preset--color--gold-500);
}

.sykim-hub-btn--primary .wp-block-button__link:hover {
	background-color: #D1AE42;
	border-color: #D1AE42;
	transform: translateY(-1px);
}

.sykim-hub-btn--ghost .wp-block-button__link {
	background-color: transparent;
	color: #FFFFFF;
	border: 1px solid rgba(255, 255, 255, 0.42);
}

.sykim-hub-btn--ghost .wp-block-button__link:hover {
	background-color: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.72);
}

.sykim-hub-hero__actions .wp-block-button__link:focus-visible {
	outline: 2px solid var(--wp--preset--color--gold-500);
	outline-offset: 3px;
}

/* ─────────────────────────────────────────────────────────────
   3. CORE SUMMARY GRID
   White bg · 3-col key takeaways
   ───────────────────────────────────────────────────────────── */

.sykim-hub-summary {
	background-color: #FFFFFF;
}

.sykim-hub-summary-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}

.sykim-hub-summary-card {
	background-color: #FAFBFC;
	border: 1px solid rgba(13, 31, 60, 0.08);
	border-top: 3px solid var(--wp--preset--color--gold-500);
	border-radius: 4px;
	padding: 1.75rem 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

.sykim-hub-summary-card__num {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 0.6875rem;
	font-weight: 600;
	color: var(--wp--preset--color--gold-500);
	letter-spacing: 0.1em;
	opacity: 0.8;
}

.sykim-hub-summary-card__title {
	font-family: var(--wp--preset--font-family--noto-serif-kr);
	font-size: 1rem;
	font-weight: 700;
	color: var(--wp--preset--color--navy-900);
	line-height: 1.4;
	word-break: keep-all;
	margin: 0;
}

.sykim-hub-summary-card__text {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.875rem;
	line-height: 1.78;
	color: rgba(45, 51, 65, 0.65);
	word-break: keep-all;
	margin: 0;
}

/* ─────────────────────────────────────────────────────────────
   4. ISSUE CARDS
   Light gray bg · 2×2 grid (4 cards)
   ───────────────────────────────────────────────────────────── */

.sykim-hub-issues {
	background-color: #F5F6F8;
}

.sykim-hub-section-header {
	margin-bottom: 2.75rem;
}

.sykim-hub-eyebrow {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gold-500);
	margin: 0;
}

.sykim-hub-heading {
	font-family: var(--wp--preset--font-family--noto-serif-kr);
	font-size: clamp(1.5rem, 2.6vw, 2rem);
	font-weight: 700;
	line-height: 1.3;
	color: var(--wp--preset--color--navy-900);
	word-break: keep-all;
	margin: 0.5rem 0 0;
}

.sykim-hub-heading--white {
	color: #FFFFFF;
}

.sykim-hub-lead {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: clamp(1rem, 0.5rem + 1vw, 1.0625rem);
	line-height: 1.85;
	color: rgba(45, 51, 65, 0.65);
	word-break: keep-all;
	margin: 1rem 0 0;
}

.sykim-hub-issues-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.125rem;
}

.sykim-hub-issue-card {
	background-color: #FFFFFF;
	border: 1px solid rgba(13, 31, 60, 0.08);
	border-left: 3px solid var(--wp--preset--color--navy-900);
	border-radius: 0 4px 4px 0;
	padding: 1.5rem 1.625rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.sykim-hub-issue-card__label {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 0.6875rem;
	font-weight: 600;
	color: var(--wp--preset--color--gold-500);
	letter-spacing: 0.08em;
}

.sykim-hub-issue-card__title {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--wp--preset--color--navy-900);
	line-height: 1.4;
	word-break: keep-all;
	margin: 0;
}

.sykim-hub-issue-card__text {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.875rem;
	line-height: 1.75;
	color: rgba(45, 51, 65, 0.62);
	word-break: keep-all;
	margin: 0;
}

/* ─────────────────────────────────────────────────────────────
   5. DAMAGE / CALCULATION SECTION
   White bg · structured item list
   ───────────────────────────────────────────────────────────── */

.sykim-hub-damage {
	background-color: #FFFFFF;
}

.sykim-hub-damage-list {
	display: grid;
	gap: 0;
	border: 1px solid rgba(13, 31, 60, 0.08);
	border-radius: 4px;
	overflow: hidden;
	margin-top: 2.5rem;
}

.sykim-hub-damage-item {
	display: grid;
	grid-template-columns: 10rem 1fr;
	gap: 0;
	border-bottom: 1px solid rgba(13, 31, 60, 0.07);
}

.sykim-hub-damage-item:last-child {
	border-bottom: none;
}

.sykim-hub-damage-item__name {
	background-color: #F5F6F8;
	padding: 1.125rem 1.375rem;
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--wp--preset--color--navy-900);
	line-height: 1.55;
	word-break: keep-all;
	border-right: 1px solid rgba(13, 31, 60, 0.07);
	display: flex;
	align-items: flex-start;
}

.sykim-hub-damage-item__desc {
	background-color: #FFFFFF;
	padding: 1.125rem 1.5rem;
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.875rem;
	line-height: 1.75;
	color: rgba(45, 51, 65, 0.72);
	word-break: keep-all;
	margin: 0;
}

/* ─────────────────────────────────────────────────────────────
   6. WHY ATTORNEY SECTION
   Navy bg · checklist
   ───────────────────────────────────────────────────────────── */

.sykim-hub-why {
	background-color: #0D1F3C;
}

.sykim-hub-checklist {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.875rem;
	margin-top: 2.5rem;
}

.sykim-hub-checklist-item {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	padding: 1.25rem 1.375rem;
	background-color: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 4px;
}

.sykim-hub-checklist-item__marker {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: rgba(184, 150, 46, 0.15);
	border: 1.5px solid var(--wp--preset--color--gold-500);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.125em;
}

.sykim-hub-checklist-item__marker::after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--gold-500);
}

.sykim-hub-checklist-item__text {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.9375rem;
	line-height: 1.68;
	color: rgba(255, 255, 255, 0.82);
	word-break: keep-all;
	margin: 0;
}

/* ─────────────────────────────────────────────────────────────
   7. RELATED POSTS AREA
   White bg · 3-col card grid (reuses .sykim-related-card)
   ───────────────────────────────────────────────────────────── */

.sykim-hub-posts {
	background-color: #FFFFFF;
}

.sykim-hub-posts .sykim-related-card {
	background-color: #FFFFFF;
	border: 1px solid rgba(13, 31, 60, 0.09);
	border-top: 2px solid rgba(13, 31, 60, 0.1);
	border-radius: 4px;
	padding: 1.5rem 1.375rem;
	transition:
		border-top-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
	height: 100%;
}

.sykim-hub-posts .sykim-related-card:hover {
	border-top-color: var(--wp--preset--color--gold-500);
	box-shadow: 0 6px 24px rgba(13, 31, 60, 0.09);
	transform: translateY(-3px);
}

.sykim-hub-posts__more-link {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--wp--preset--color--navy-900);
	text-decoration: none;
}

.sykim-hub-posts__more-link:hover {
	color: var(--wp--preset--color--gold-500);
}

/* ─────────────────────────────────────────────────────────────
   8. FAQ SECTION
   Light gray bg · details/summary accordion
   ───────────────────────────────────────────────────────────── */

.sykim-hub-faq {
	background-color: #F5F6F8;
}

.sykim-hub-faq-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	border: 1px solid rgba(13, 31, 60, 0.09);
	border-radius: 4px;
	overflow: hidden;
	margin-top: 2.5rem;
}

.sykim-hub-faq-item {
	border-bottom: 1px solid rgba(13, 31, 60, 0.07);
	background-color: #FFFFFF;
}

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

.sykim-hub-faq-item__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.375rem 1.625rem;
	cursor: pointer;
	list-style: none;
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 1rem;
	font-weight: 700;
	color: var(--wp--preset--color--navy-900);
	line-height: 1.5;
	word-break: keep-all;
	user-select: none;
	-webkit-user-select: none;
}

.sykim-hub-faq-item__question::-webkit-details-marker {
	display: none;
}

.sykim-hub-faq-item__question::marker {
	display: none;
}

.sykim-hub-faq-item__question::after {
	content: "+";
	flex-shrink: 0;
	font-family: var(--wp--preset--font-family--inter);
	font-size: 1.25rem;
	font-weight: 400;
	color: var(--wp--preset--color--gold-500);
	transition: transform 0.2s ease;
	line-height: 1;
}

.sykim-hub-faq-item[open] > .sykim-hub-faq-item__question::after {
	content: "−";
}

.sykim-hub-faq-item__question:focus-visible {
	outline: 2px solid var(--wp--preset--color--gold-500);
	outline-offset: -2px;
}

.sykim-hub-faq-item__answer {
	padding: 0 1.625rem 1.5rem;
}

.sykim-hub-faq-item__answer p {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.9375rem;
	line-height: 1.85;
	color: rgba(45, 51, 65, 0.75);
	word-break: keep-all;
	margin: 0;
}

/* ─────────────────────────────────────────────────────────────
   9. PRACTICE HUB CTA
   Navy bg · area-specific messaging
   ───────────────────────────────────────────────────────────── */

.sykim-hub-cta {
	background-color: #0D1F3C;
}

.sykim-hub-cta__highlight {
	font-family: var(--wp--preset--font-family--noto-serif-kr);
	font-size: clamp(1.125rem, 0.5rem + 1.75vw, 1.5rem);
	font-weight: 600;
	line-height: 1.62;
	color: rgba(255, 255, 255, 0.85);
	border-left: 2px solid var(--wp--preset--color--gold-500);
	padding-left: 1.375rem;
	word-break: keep-all;
	margin: 0;
}

.sykim-hub-cta__text {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: clamp(0.9375rem, 0.5rem + 1vw, 1rem);
	line-height: 1.87;
	color: rgba(255, 255, 255, 0.58);
	word-break: keep-all;
	margin: 0;
}

.sykim-hub-cta__actions {
	gap: 0.75rem !important;
}

.sykim-hub-cta__actions .wp-block-button__link {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	padding: 0.8125rem 1.5rem;
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none;
	word-break: keep-all;
	transition:
		background-color 0.18s ease,
		border-color 0.18s ease,
		color 0.18s ease,
		transform 0.18s ease;
}

.sykim-hub-cta__btn--primary .wp-block-button__link {
	background-color: var(--wp--preset--color--gold-500);
	color: #0D1F3C;
	border: 1px solid var(--wp--preset--color--gold-500);
}

.sykim-hub-cta__btn--primary .wp-block-button__link:hover {
	background-color: #D1AE42;
	border-color: #D1AE42;
	transform: translateY(-1px);
}

.sykim-hub-cta__btn--ghost .wp-block-button__link {
	background-color: transparent;
	color: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(255, 255, 255, 0.32);
}

.sykim-hub-cta__btn--ghost .wp-block-button__link:hover {
	background-color: rgba(255, 255, 255, 0.07);
	border-color: rgba(255, 255, 255, 0.6);
}

.sykim-hub-cta__actions .wp-block-button__link:focus-visible {
	outline: 2px solid var(--wp--preset--color--gold-500);
	outline-offset: 3px;
}

/* ─────────────────────────────────────────────────────────────
   10. INTERNAL LINK CLUSTER
   White bg · 4-card row linking to other practice areas
   ───────────────────────────────────────────────────────────── */

.sykim-hub-internal {
	background-color: #FFFFFF;
}

.sykim-hub-internal-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	margin-top: 2.5rem;
}

.sykim-hub-internal-card {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: 1.375rem 1.25rem 1.25rem;
	background-color: #FAFBFC;
	border: 1px solid rgba(13, 31, 60, 0.08);
	border-bottom: 2px solid rgba(13, 31, 60, 0.08);
	border-radius: 4px;
	text-decoration: none;
	transition:
		border-bottom-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.sykim-hub-internal-card:hover {
	border-bottom-color: var(--wp--preset--color--gold-500);
	box-shadow: 0 4px 16px rgba(13, 31, 60, 0.08);
	transform: translateY(-2px);
}

.sykim-hub-internal-card:focus-visible {
	outline: 2px solid var(--wp--preset--color--gold-500);
	outline-offset: 2px;
	border-radius: 4px;
}

.sykim-hub-internal-card__label {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 0.6875rem;
	font-weight: 600;
	color: var(--wp--preset--color--gold-500);
	letter-spacing: 0.08em;
}

.sykim-hub-internal-card__title {
	font-family: var(--wp--preset--font-family--noto-serif-kr);
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--wp--preset--color--navy-900);
	line-height: 1.42;
	word-break: keep-all;
	margin: 0;
}

.sykim-hub-internal-card:hover .sykim-hub-internal-card__title {
	color: var(--wp--preset--color--gold-500);
}

.sykim-hub-internal-card__arrow {
	font-size: 0.8125rem;
	color: rgba(13, 31, 60, 0.35);
	margin-top: auto;
	transition: transform 0.15s ease, color 0.15s ease;
}

.sykim-hub-internal-card:hover .sykim-hub-internal-card__arrow {
	color: var(--wp--preset--color--gold-500);
	transform: translateX(3px);
}

/* ─────────────────────────────────────────────────────────────
   11. RESPONSIVE
   ───────────────────────────────────────────────────────────── */

@media (max-width: 900px) {
	/* 3-col summary → 2-col */
	.sykim-hub-summary-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* 4-col internal → 2-col */
	.sykim-hub-internal-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Damage table: stacked on tablet */
	.sykim-hub-damage-item {
		grid-template-columns: 8rem 1fr;
	}
}

@media (max-width: 599px) {
	/* Hero actions: stack vertically */
	.sykim-hub-hero__actions,
	.sykim-hub-cta__actions {
		flex-direction: column;
		align-items: stretch !important;
	}

	.sykim-hub-hero__actions .wp-block-button,
	.sykim-hub-hero__actions .wp-block-button__link,
	.sykim-hub-cta__actions .wp-block-button,
	.sykim-hub-cta__actions .wp-block-button__link {
		width: 100%;
	}

	/* All grids → single column */
	.sykim-hub-summary-grid,
	.sykim-hub-issues-grid,
	.sykim-hub-checklist,
	.sykim-hub-internal-grid {
		grid-template-columns: 1fr;
	}

	/* Damage table: full-width stacked */
	.sykim-hub-damage-item {
		grid-template-columns: 1fr;
	}

	.sykim-hub-damage-item__name {
		border-right: none;
		border-bottom: 1px solid rgba(13, 31, 60, 0.07);
		padding: 0.875rem 1.125rem;
	}

	.sykim-hub-damage-item__desc {
		padding: 0.875rem 1.125rem;
	}

	/* FAQ question padding */
	.sykim-hub-faq-item__question {
		padding: 1.125rem 1.25rem;
		font-size: 0.9375rem;
	}

	.sykim-hub-faq-item__answer {
		padding: 0 1.25rem 1.25rem;
	}

	/* Section header margin */
	.sykim-hub-section-header {
		margin-bottom: 2rem;
	}
}

/* ─────────────────────────────────────────────────────────────
   12. FAQ PAGE — ALTERNATE SECTION + MORE LINKS
   ───────────────────────────────────────────────────────────── */

/* Alternate (white) background variant for alternating FAQ sections */
.sykim-hub-faq--alt {
	background-color: #FFFFFF;
}

.sykim-hub-faq--alt .sykim-hub-faq-item {
	background-color: #FAFBFC;
}

/* "More" link row below FAQ list */
.sykim-hub-faq-list__more {
	margin-top: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0;
}

.sykim-hub-faq-list__more a {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--wp--preset--color--navy-900);
	text-decoration: underline;
	text-decoration-color: rgba(13, 31, 60, 0.25);
	text-underline-offset: 3px;
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.sykim-hub-faq-list__more a:hover {
	color: var(--wp--preset--color--gold-500);
	text-decoration-color: var(--wp--preset--color--gold-500);
}

/* ─────────────────────────────────────────────────────────────
   13. STATIC DOCUMENT PAGES (privacy, disclaimer)
   ───────────────────────────────────────────────────────────── */

.sykim-static-page {
	background-color: #FFFFFF;
}

.sykim-static-content {
	background-color: #FFFFFF;
}

.sykim-static-doc {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.sykim-static-section {
	padding: 2rem 0;
	border-bottom: 1px solid rgba(13, 31, 60, 0.07);
}

.sykim-static-section:last-child {
	border-bottom: none;
}

.sykim-static-section--note {
	background-color: #F5F6F8;
	border-radius: 4px;
	padding: 1.25rem 1.5rem;
	margin-top: 1rem;
	border-bottom: none;
}

.sykim-static-section--note p {
	font-size: 0.875rem;
	color: rgba(45, 51, 65, 0.58);
	margin: 0;
}

.sykim-static-heading {
	font-family: var(--wp--preset--font-family--noto-serif-kr);
	font-size: clamp(1.0625rem, 0.5rem + 1.25vw, 1.25rem);
	font-weight: 700;
	color: var(--wp--preset--color--navy-900);
	line-height: 1.4;
	word-break: keep-all;
	margin: 0 0 1rem;
}

.sykim-static-doc p {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.9375rem;
	line-height: 1.87;
	color: rgba(45, 51, 65, 0.75);
	word-break: keep-all;
	margin: 0 0 0.875rem;
}

.sykim-static-doc p:last-child {
	margin-bottom: 0;
}

.sykim-static-doc ul,
.sykim-static-doc ol {
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-size: 0.9375rem;
	line-height: 1.87;
	color: rgba(45, 51, 65, 0.75);
	word-break: keep-all;
	padding-left: 1.375rem;
	margin: 0.5rem 0 0.875rem;
}

.sykim-static-doc li {
	margin-bottom: 0.375rem;
}

.sykim-static-doc a {
	color: var(--wp--preset--color--navy-900);
	text-decoration: underline;
	text-decoration-color: rgba(13, 31, 60, 0.3);
	text-underline-offset: 3px;
}

.sykim-static-doc a:hover {
	color: var(--wp--preset--color--gold-500);
}

.sykim-static-doc strong {
	font-weight: 700;
	color: var(--wp--preset--color--navy-900);
}

/* ─────────────────────────────────────────────────────────────
   14. REDUCED MOTION
   ───────────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
	.sykim-hub-summary-card,
	.sykim-hub-issue-card,
	.sykim-hub-checklist-item,
	.sykim-hub-internal-card,
	.sykim-hub-faq-item__question::after {
		transition: none;
	}

	.sykim-hub-internal-card:hover,
	.sykim-hub-posts .sykim-related-card:hover {
		transform: none;
	}

	.sykim-hub-internal-card:hover .sykim-hub-internal-card__arrow {
		transform: none;
	}
}