/* ---------------------------------------------------------------------------
   FAQ  —  pattern agenda/faq
   Ports `.faq` from marketing docs/index.html onto the core details block.
   The section is constrained to 900px so `.faq-list` gets the mockup's width
   without an alignment hack; `.agenda-section-head` keeps its own 760px cap.
--------------------------------------------------------------------------- */
.agenda-faq .faq-list {
	max-width: 900px;
}

.agenda-faq .faq-item {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 0 22px;
	/* the mockup's 12px margin-bottom is the .faq-list group's blockGap */
}

.agenda-faq .faq-item summary {
	position: relative;
	cursor: pointer;
	list-style: none;
	font-family: var(--wp--preset--font-family--roboto-slab);
	font-weight: 600;
	font-size: 1.08rem;
	padding: 21px 40px 21px 0;
}
.agenda-faq .faq-item summary::-webkit-details-marker {
	display: none;
}

/* +/– indicator replaces the default disclosure triangle. */
.agenda-faq .faq-item summary::after {
	content: "+";
	position: absolute;
	right: 0;
	color: var(--green);
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 1.4rem;
}
.agenda-faq .faq-item[open] summary::after {
	content: "–";
}

.agenda-faq .faq-item p {
	margin: 0;
	padding: 0 40px 21px 0;
	color: var(--muted);
}

/* Border, padding, muted colour and top margin come from the block attributes
   (same shape as patterns/book.php); nothing extra is needed here. */