/*
 * faq/lignes — transposition de `.faq--colonnes` (maquette Astro ADJ). Aucun runtime :
 * <details> ouvre et ferme, la croix tourne d'un huitieme de tour sous `[open]`.
 * Engagement 5 : aucun hexadecimal.
 */
.ivy-faq--lignes {
	--ivy-page-gutter: clamp( 20px, 5vw, 64px );
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 48px;
	align-items: start;
	padding: clamp( 80px, 9vw, 120px ) max( var( --ivy-page-gutter ), calc( ( 100% - 1280px ) / 2 ) );
}

.ivy-faq--lignes .ivy-faq__eyebrow {
	display: block;
	margin-bottom: 14px;
	color: var( --ivy-eyebrow-color, var( --ivy-accent-text, var( --ivy-accent, currentcolor ) ) );
	font-size: var( --ivy-font-label );
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.ivy-faq--lignes .ivy-faq__title { margin: 0; color: var( --ivy-title-color, var( --ivy-accent, currentcolor ) ); font-family: var( --ivy-font-titre, inherit ); font-weight: 400; line-height: 1.12; }
.ivy-faq--lignes .ivy-faq__text { margin-top: 14px; color: var( --ivy-text-color, var( --ivy-ink, currentcolor ) ); }
.ivy-faq--lignes .ivy-faq__text p { margin: 0; font-size: inherit; }

.ivy-faq--lignes .ivy-faq__list { border-top: 1px solid var( --ivy-line, currentcolor ); }
.ivy-faq--lignes .ivy-faq__item { border-bottom: 1px solid var( --ivy-line, currentcolor ); }
.ivy-faq--lignes .ivy-faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 72px;
	padding: 18px 0;
	color: var( --ivy-item_question-color, var( --ivy-accent, currentcolor ) );
	font-family: var( --ivy-font-titre, inherit );
	font-size: var( --ivy-font-h4 );
	line-height: 1.3;
	list-style: none;
	cursor: pointer;
	-webkit-text-stroke: var( --ivy-title-stroke, 0 ) currentcolor;
	paint-order: stroke fill;
}
.ivy-faq--lignes .ivy-faq__question::-webkit-details-marker { display: none; }
.ivy-faq--lignes .ivy-faq__icon {
	flex: none;
	width: 14px;
	height: 14px;
	background:
		linear-gradient( var( --ivy-item_icon-color, var( --ivy-support, currentcolor ) ), var( --ivy-item_icon-color, var( --ivy-support, currentcolor ) ) ) center / 100% 1.5px no-repeat,
		linear-gradient( var( --ivy-item_icon-color, var( --ivy-support, currentcolor ) ), var( --ivy-item_icon-color, var( --ivy-support, currentcolor ) ) ) center / 1.5px 100% no-repeat;
	transition: transform 260ms cubic-bezier( .22, 1, .36, 1 );
}
.ivy-faq--lignes .ivy-faq__item[open] .ivy-faq__icon { transform: rotate( 45deg ); }
.ivy-faq--lignes .ivy-faq__question:focus-visible { outline: 2px solid currentcolor; outline-offset: 3px; }
.ivy-faq--lignes .ivy-faq__answer { padding: 0 0 24px; color: var( --ivy-item_answer-color, var( --ivy-ink, currentcolor ) ); }
.ivy-faq--lignes .ivy-faq__answer p { margin: 0; font-size: inherit; }

@media ( max-width: 960px ) {
	.ivy-faq--lignes { grid-template-columns: 1fr; gap: 24px; }
}
