/* ===========================================================================
   BLEUM ATELIER — page-faq.css
   =========================================================================== */

.faq-wrap { max-width: 780px; }
.faq-head { margin-bottom: clamp(28px, 4vw, 44px); }
.faq-head .eyebrow { margin-bottom: 10px; }

.faq-list { display: flex; flex-direction: column; }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary {
	list-style: none; cursor: pointer; position: relative;
	padding: 20px 44px 20px 0; font-weight: 600; font-size: 1.08rem; color: var(--ink);
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
	content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
	font-size: 1.6rem; line-height: 1; color: var(--brass-d); font-weight: 400;
}
.faq-item[open] summary::after { content: "\2212"; }
.faq-item summary:hover { color: var(--brass-d); }
.faq-answer { padding: 0 0 22px; color: var(--muted); max-width: 66ch; }
.faq-answer p { margin: 0; }

.faq-cta {
	margin-top: clamp(40px, 6vw, 64px); padding-top: clamp(28px, 4vw, 40px);
	border-top: 1px solid var(--line);
	display: flex; flex-direction: column; align-items: flex-start; gap: 16px;
}
.faq-cta p { font-family: var(--font-display); font-size: clamp(1.3rem, 2.4vw, 1.7rem); color: var(--ink); }