/* FaqsV1 — module-specific styles. The design (Figma 13605:19035 / Pages FAQ harvest) splits the
   accordion card into two palettes: a Color Palette/bg card (white in the default primary-light
   section) with an alternate-dark question bar (white question text + chevron). No catalog
   utility expresses a per-summary palette flip, so the split is authored here with palette vars. */

.faq.v1 {

	/* Media half — design 13605:19035 "video" frame (a63/a74/a111/a120): poster under a 30% black
	   overlay, a 96px ringed play glyph and a "Play Video" label (Color Palette/video overlay). */
	.vid-popup {

		.fg-img-btn {
			padding: 0;
			background: none;

		}

		.ply-btn {
			z-index: 1;
			width: 3.5rem; /* 96px play glyph from the design */
			height: 3.5rem;
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: var(--btn-pry);
			color: var(--btn-pry-txt);
			border: none;

			svg {
				font-size: 1.33rem;
				margin-left: 0.35rem; /* optical centering of the triangle */
			}

			&::after {
				content: "Play Video";
				position: absolute;
				top: calc(100% + 1rem);
				left: 50%;
				transform: translateX(-50%);
				font-family: var(--fnt-t);
				font-size: var(--btn-s);
				font-weight: var(--btn-w);
				line-height: var(--btn-lh);
				white-space: nowrap;
				color: var(--white);
			}
		}
	}
}

/* tuner: unsnapped tokenGap insets from the design — question/answer bar box padding 25px all sides,
   question-text-to-chevron x gap 10px. No token exists; FaqItem currently carries the -30 step. */

/* tuner: not layout — the -84px y gap on the three collapsed accordions is a Figma collapsed-state
   artifact, and the 5.05px logo-frame x gap sits inside a hidden node. Neither is ever authored. */

/* tuner: the button's leading-icon vector fill is an untokenized near-black on a hidden alternate
   state of the shared button component. Carried as evidence only; no colour is authored here. */