/* VM Sport — UKK/FAQ-lohko. Accordion-tyylit kopioitu vm-catalog.css:stä,
   koska vm-catalog.css ei lataudu artikkelisivuilla. */
.vm-blog-faq {
	margin: 40px 0;
}
.vm-blog-faq h2 {
	scroll-margin-top: 80px;
}
.vm-blog-faq .vm-faq {
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-width: none;
}
.vm-blog-faq .vm-faq-item {
	background: var(--vm-bg, #fff);
	border: 1px solid var(--vm-border-subtle, #dedede);
}
.vm-blog-faq .vm-faq-q {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: transparent;
	border: 0;
	padding: 16px 18px;
	text-align: left;
	font-family: var(--vm-font-body, "Work Sans", sans-serif);
	font-weight: 600;
	font-size: 1rem;
	color: var(--vm-fg, #000);
	cursor: pointer;
}
.vm-blog-faq .vm-faq-q:hover { color: var(--vm-brand, #2D5C87); }
.vm-blog-faq .vm-faq-q svg {
	flex-shrink: 0;
	transition: transform var(--vm-dur-fast, 120ms) var(--vm-ease-out, ease-out);
}
.vm-blog-faq .vm-faq-item.open .vm-faq-q { color: var(--vm-brand, #2D5C87); }
.vm-blog-faq .vm-faq-item.open .vm-faq-q svg { transform: rotate(180deg); }
.vm-blog-faq .vm-faq-a {
	padding: 0 18px 18px;
	font-size: var(--vm-fs-15, 0.9375rem);
	line-height: 1.6;
	color: var(--vm-fg, #000);
}
.vm-blog-faq .vm-faq-a p { margin: 0 0 0.6em; }
.vm-blog-faq .vm-faq-a p:last-child { margin: 0; }
.vm-blog-faq-empty {
	color: var(--vm-fg-muted, #5a5a5a);
	font-size: var(--vm-fs-14, 0.875rem);
	border: 1px dashed var(--vm-border, #d1d1d1);
	padding: 16px 18px;
}

/* Täysleveillä lohkosivuilla (huolto, ale...) FAQ rajoittuu sisältöleveyteen.
   Blogissa kapea palsta rajaa jo valmiiksi — max-width ei haittaa siellä. */
.vm-blog-faq {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: content-box;
}
.vm-blog-body .vm-blog-faq {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}