/* RAVATAR intake form pages (/intake/{specialty}/{slug}/). Loaded only on intake pages.
   Form page layout: Figma 736:942; specialty page /intake/{specialty}/: Figma 1052:7685 (20 October 2026). */

.rv-ik-page {
	--ik-bg-0: #0f1319;
	--ik-bg-1: #171b1f;
	--ik-bg-2: #212428;
	--ik-card: #2e3237;
	--ik-line: #373e46;
	--ik-text: #d4dce6;
	--ik-muted: #b0bed1;
	--ik-white: #fff;
	--ik-yellow: #ffca0b;
	--ik-ink: #17191c;
	--ik-radius: 42px;
	--ik-radius-s: 28px;
	--ik-gap: 36px;
	--ik-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3l5 5-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--ik-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	width: 100%;
	overflow-x: clip;
	color: var(--ik-text);
	font-family: Inter, sans-serif;
	font-weight: 300;
}

.rv-ik-page *,
.rv-ik-page *::before,
.rv-ik-page *::after {
	box-sizing: border-box;
}

.rv-ik-page .rv-ik {
	margin: 0;
	padding: 124px max(15px, calc((100% - 1170px) / 2));
}

.rv-ik-page .rv-ik-hero { position: relative; display: flex; align-items: center; min-height: 860px; overflow: hidden; background: var(--ik-bg-0); }
/* Form page order: hero, how, samples, related, faq, genesis (alternating). */
.rv-ik-page .rv-ik-asks,
.rv-ik-page .rv-ik-samples,
.rv-ik-page .rv-ik-faq { background: var(--ik-bg-1); }
.rv-ik-page .rv-ik-how,
.rv-ik-page .rv-ik-related,
.rv-ik-page .rv-ik-genesis,
.rv-ik-page .rv-ik-areas,
.rv-ik-page .rv-ik-find { background: var(--ik-bg-2); }
/* Specialty page order: hero, areas, faq, genesis. */

/* Type */
.rv-ik-page .rv-ik__h1 { margin: 0; font-family: inherit; font-size: 46px; font-weight: 500; line-height: 56px; color: var(--ik-white); }
.rv-ik-page .rv-ik__h2 { margin: 0; max-width: 944px; font-family: inherit; font-size: 46px; font-weight: 500; line-height: 46px; color: var(--ik-white); }
.rv-ik-page .rv-ik-how .rv-ik__h2 { line-height: 56px; }
.rv-ik-page .rv-ik-how .rv-ik__h2,
.rv-ik-page .rv-ik-genesis .rv-ik__h2 { max-width: 1170px; }
.rv-ik-page .rv-ik__accent { color: var(--ik-yellow); }
.rv-ik-page .rv-ik__lead { margin: 0; max-width: 944px; font-size: 22px; font-weight: 300; line-height: 32px; color: var(--ik-text); }
.rv-ik-page .rv-ik-how .rv-ik__lead { max-width: 1170px; }
.rv-ik-page .rv-ik__head { display: flex; flex-direction: column; gap: 24px; margin: 0 0 48px; }

/* Hero */
.rv-ik-page .rv-ik__htext { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 24px; width: 603px; max-width: 100%; }
/* Hero image (26 Oct 2026): same setup as the intake home page. The hero photo has its dark shadow built in
   on the left (ai-patient-intake-kiosk.webp, 1280x860), so the box is wider (75%) and only a short 120px blend hides the seam. */
.rv-ik-page .rv-ik__hmedia { position: absolute; top: 0; right: 0; bottom: 0; width: 75%; background: var(--ik-card); }
.rv-ik-page .rv-ik__hmedia::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 120px; background: linear-gradient(90deg, var(--ik-bg-0) 0%, rgba(15, 19, 25, 0) 100%); }
.rv-ik-page .rv-ik__hmedia__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rv-ik-page .rv-ik__hsub { margin: 0; max-width: 534px; font-size: 22px; font-weight: 300; line-height: 32px; color: var(--ik-text); }
.rv-ik-page .rv-ik__hdesc { margin: 0; max-width: 534px; font-size: 18px; font-weight: 300; line-height: 26px; color: var(--ik-text); }

/* Breadcrumb */
.rv-ik-page .rv-ik__crumb { font-size: 16px; line-height: 20px; color: var(--ik-muted); }
.rv-ik-page .rv-ik__crumb ol { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.rv-ik-page .rv-ik__crumb li { margin: 0; }
.rv-ik-page .rv-ik__crumb li + li::before { content: "/"; margin: 0 8px; }
.rv-ik-page .rv-ik__crumb a { color: var(--ik-muted); text-decoration: underline; text-underline-offset: 3px; }
.rv-ik-page .rv-ik__crumb a:hover { text-decoration: none; }
.rv-ik-page .rv-ik__crumb li[aria-current] { color: var(--ik-text); }

/* Buttons */
.rv-ik-page .rv-ik__btns { display: flex; flex-wrap: wrap; gap: 24px; padding-top: 12px; }
.rv-ik-page .rv-ik__btn { display: inline-flex; align-items: center; justify-content: center; padding: 15px 24px; border: 1px solid var(--ik-yellow); border-radius: 999px; font-family: inherit; font-size: 18px; font-weight: 600; line-height: 18px; text-decoration: none; white-space: nowrap; transition: background-color .3s ease, color .3s ease; }
.rv-ik-page .rv-ik__btn.is-y { background: var(--ik-yellow); color: var(--ik-ink); }
.rv-ik-page .rv-ik__btn.is-y:hover { background: transparent; color: var(--ik-yellow); }
.rv-ik-page .rv-ik__btn.is-o { background: transparent; color: var(--ik-yellow); }
.rv-ik-page .rv-ik__btn.is-o:hover { background: var(--ik-yellow); color: var(--ik-ink); }
.rv-ik-page a:focus-visible,
.rv-ik-page summary:focus-visible { outline: 2px solid var(--ik-yellow); outline-offset: 3px; }

/* Cards */
.rv-ik-page .rv-ik__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ik-gap); }
.rv-ik-page .rv-ik__card { display: flex; flex-direction: column; padding: 32px; border-radius: var(--ik-radius); background: var(--ik-card); overflow: hidden; }
.rv-ik-page .rv-ik__ct { margin: 0 0 16px; font-family: inherit; font-size: 22px; font-weight: 600; line-height: 28px; color: var(--ik-white); }
.rv-ik-page .rv-ik__ctext { margin: 0; font-size: 18px; font-weight: 300; line-height: 26px; color: var(--ik-text); }
.rv-ik-page .rv-ik__rel { min-height: 220px; }
.rv-ik-page .rv-ik__more { display: inline-flex; align-items: center; gap: 4px; margin-top: auto; padding-top: 16px; color: var(--ik-yellow); font-size: 18px; font-weight: 500; line-height: 18px; text-decoration: none; }
.rv-ik-page .rv-ik__more::after { content: ""; flex: 0 0 auto; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--ik-arrow) center / contain no-repeat; mask: var(--ik-arrow) center / contain no-repeat; }
.rv-ik-page .rv-ik__more:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Sample questions: two columns, filled top to bottom */
.rv-ik-page .rv-ik__qs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: column; gap: 0 var(--ik-gap); margin: 0; padding: 0; list-style: none; }
.rv-ik-page .rv-ik__qs li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0; padding: 16px 0; border-bottom: 1px solid var(--ik-line); }
.rv-ik-page .rv-ik__q { font-size: 18px; font-weight: 400; line-height: 26px; color: var(--ik-text); }
.rv-ik-page .rv-ik__tag { font-size: 14px; font-weight: 300; line-height: 14px; color: var(--ik-muted); }
.rv-ik-page .rv-ik__note { margin: 48px 0 0; font-size: 14px; font-weight: 400; line-height: 20px; color: var(--ik-muted); }

/* Two-column split with image */
.rv-ik-page .rv-ik__split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ik-gap); align-items: center; }
.rv-ik-page .rv-ik__ph { border-radius: var(--ik-radius); background: var(--ik-card); overflow: hidden; }
.rv-ik-page .rv-ik-how .rv-ik__ph { aspect-ratio: 16 / 9; }
.rv-ik-page .rv-ik__gimg { aspect-ratio: 680 / 392; }
.rv-ik-page .rv-ik__gimg:not(.is-placeholder) { background: none; border-radius: 0; }
.rv-ik-page .rv-ik__ph__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rv-ik-page .rv-ik__gimg .rv-ik__ph__img { object-fit: contain; }

.rv-ik-page .rv-ik__ticks { display: flex; flex-direction: column; gap: 32px; margin: 0; padding: 0; list-style: none; }
.rv-ik-page .rv-ik__ticks li { position: relative; margin: 0; padding-left: 32px; font-size: 18px; font-weight: 300; line-height: 26px; color: var(--ik-text); }
.rv-ik-page .rv-ik__ticks li strong { font-weight: 600; color: var(--ik-white); }
.rv-ik-page .rv-ik__ticks li::before { content: ""; position: absolute; top: 3px; left: 0; width: 20px; height: 20px; background: var(--ik-yellow); -webkit-mask: var(--ik-tick) center / contain no-repeat; mask: var(--ik-tick) center / contain no-repeat; }
.rv-ik-page .rv-ik__scope { margin: 48px 0 0; max-width: 944px; font-size: 16px; font-weight: 300; line-height: 26px; color: var(--ik-muted); }

/* Genesis */
.rv-ik-page .rv-ik-genesis .rv-ik__split { grid-template-columns: minmax(0, 530fr) minmax(0, 604fr); }
.rv-ik-page .rv-ik__gtext { display: flex; flex-direction: column; align-items: flex-start; gap: 40px; }
.rv-ik-page .rv-ik__steps { display: flex; flex-direction: column; gap: 24px; margin: 0; padding: 0; list-style: none; }
.rv-ik-page .rv-ik__steps li { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 18px; font-weight: 400; line-height: 26px; color: var(--ik-text); }
.rv-ik-page .rv-ik__num { flex: 0 0 32px; font-size: 22px; font-weight: 600; line-height: 28px; color: var(--ik-yellow); }

/* Directory tiles (4 + 1) */
.rv-ik-page .rv-ik__tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.rv-ik-page .rv-ik__tile { display: flex; flex-direction: column; gap: 4px; min-height: 104px; padding: 23px; border: 1px solid var(--ik-card); border-radius: var(--ik-radius-s); background: var(--ik-card); color: inherit; text-decoration: none; transition: border-color .3s ease; }
.rv-ik-page .rv-ik__tile:hover { border-color: var(--ik-yellow); }
.rv-ik-page .rv-ik__tt { font-size: 22px; font-weight: 500; line-height: 28px; color: var(--ik-white); }
.rv-ik-page .rv-ik__td { font-size: 16px; font-weight: 300; line-height: 24px; color: var(--ik-muted); }

/* Home page (/intake/): specialty chips and fixed-height cards */
.rv-ik-page .rv-ik__chips { display: flex; flex-wrap: wrap; gap: 12px; margin: 48px 0 0; padding: 0; list-style: none; }
.rv-ik-page .rv-ik__chips li { margin: 0; padding: 8px 12px; border-radius: 999px; background: #262d33; color: var(--ik-muted); font-size: 18px; font-weight: 400; line-height: 18px; white-space: nowrap; }
.rv-ik-page .rv-ik-who .rv-ik__card { min-height: 202px; }
.rv-ik-page .rv-ik-home-hero .rv-ik__htext { gap: 24px; }

/* Specialty page (/intake/{specialty}/): area chips work as tabs (Figma 1052:7685) */
.rv-ik-page .rv-ik__achips { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 48px; padding: 0; list-style: none; }
.rv-ik-page .rv-ik__achips li { margin: 0; }
.rv-ik-page .rv-ik__achip { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; background: #262d33; color: var(--ik-text); font-size: 18px; font-weight: 400; line-height: 24px; text-decoration: none; white-space: nowrap; transition: background-color .2s ease, color .2s ease; }
.rv-ik-page .rv-ik__acount { font-size: 16px; color: var(--ik-muted); }
.rv-ik-page .rv-ik__achip:hover { background: var(--ik-card); color: var(--ik-white); }
.rv-ik-page .rv-ik__areas.is-tabs .rv-ik__achip.is-on { background: var(--ik-yellow); color: var(--ik-ink); font-weight: 500; }
.rv-ik-page .rv-ik__areas.is-tabs .rv-ik__achip.is-on .rv-ik__acount { color: var(--ik-ink); }
.rv-ik-page .rv-ik__apanels { display: flex; flex-direction: column; gap: 24px; }
.rv-ik-page .rv-ik__apanel { padding: 40px 48px; border-radius: var(--ik-radius-s); background: var(--ik-bg-1); scroll-margin-top: 120px; }
.rv-ik-page .rv-ik__apanel[hidden] { display: none; }
.rv-ik-page .rv-ik__aph { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin: 0 0 24px; }
.rv-ik-page .rv-ik__aht { margin: 0; font-family: inherit; font-size: 28px; font-weight: 500; line-height: 36px; color: var(--ik-white); }
.rv-ik-page .rv-ik__acnt { font-size: 18px; font-weight: 400; line-height: 26px; color: var(--ik-muted); }
.rv-ik-page .rv-ik__alist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: column; gap: 0 48px; margin: 0; padding: 0; list-style: none; }
.rv-ik-page .rv-ik__alist li { margin: 0; }
.rv-ik-page .rv-ik__alist a { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--ik-line); color: var(--ik-text); font-size: 18px; font-weight: 400; line-height: 26px; text-decoration: none; transition: color .2s ease; }
.rv-ik-page .rv-ik__alist a::after { content: ""; flex: 0 0 auto; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--ik-arrow) center / contain no-repeat; mask: var(--ik-arrow) center / contain no-repeat; }
.rv-ik-page .rv-ik__alist a:hover { color: var(--ik-yellow); }
.rv-ik-page .rv-ik__adraft { font-size: 14px; color: var(--ik-muted); }
/* Planned forms without a page: listed, not a link */
.rv-ik-page .rv-ik__asoon { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--ik-line); color: #7d8896; font-size: 18px; font-weight: 400; line-height: 26px; cursor: default; }
.rv-ik-page .rv-ik__asoontag { flex: 0 0 auto; padding: 2px 10px; border: 1px solid var(--ik-line); border-radius: 999px; color: #7d8896; font-size: 13px; font-weight: 400; line-height: 18px; white-space: nowrap; }
/* Area with nothing to open yet: still a tab (to read the list), but dimmed */
.rv-ik-page .rv-ik__achip.is-soon { color: #8e99a6; }
.rv-ik-page .rv-ik__achip.is-soon .rv-ik__acount { color: #8a95a2; }
.rv-ik-page .rv-ik__areas.is-tabs .rv-ik__achip.is-soon.is-on { background: #3a4048; color: var(--ik-text); }
.rv-ik-page .rv-ik__areas.is-tabs .rv-ik__achip.is-soon.is-on .rv-ik__acount { color: var(--ik-muted); }

/* FAQ: native details, all open by default, independent */
.rv-ik-page .rv-ik__faqh { margin: 0 0 64px; }
.rv-ik-page .rv-ik__faqs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ik-gap); align-items: start; }
.rv-ik-page .rv-ik__faqcol { display: flex; flex-direction: column; gap: 16px; }
.rv-ik-page .rv-ik__faq { margin: 0; border-radius: var(--ik-radius-s); background: var(--ik-card); overflow: hidden; }
.rv-ik-page .rv-ik__faq summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 24px; font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--ik-white); list-style: none; cursor: pointer; }
.rv-ik-page .rv-ik__faq summary::-webkit-details-marker { display: none; }
.rv-ik-page .rv-ik__faq summary::before { content: none; }
.rv-ik-page .rv-ik__faq summary::after { content: ""; flex: 0 0 auto; width: 20px; height: 20px; background: var(--ik-muted); -webkit-mask: var(--ik-arrow) center / contain no-repeat; mask: var(--ik-arrow) center / contain no-repeat; transform: rotate(90deg); transition: transform .25s ease; }
.rv-ik-page .rv-ik__faq[open] summary::after { transform: rotate(-90deg); }
.rv-ik-page .rv-ik__faq p { margin: 0; padding: 0 24px 24px; font-size: 18px; font-weight: 400; line-height: 26px; color: var(--ik-text); }

/* Tablet */
@media (max-width: 1024px) {
	.rv-ik-page .rv-ik { padding: 80px 24px; }
	.rv-ik-page .rv-ik__h2 { font-size: 36px; line-height: 1.2; }
	.rv-ik-page .rv-ik__lead { font-size: 20px; line-height: 30px; }
	.rv-ik-page .rv-ik-hero { flex-direction: column; align-items: stretch; gap: 32px; min-height: 0; padding-top: 56px; padding-bottom: 56px; }
	.rv-ik-page .rv-ik__hmedia { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--ik-radius-s); overflow: hidden; }
	.rv-ik-page .rv-ik__hmedia::after { display: none; }
	.rv-ik-page .rv-ik__h1 { font-size: 40px; line-height: 48px; }
	.rv-ik-page .rv-ik__cards,
	.rv-ik-page .rv-ik__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rv-ik-page .rv-ik__split,
	.rv-ik-page .rv-ik-genesis .rv-ik__split,
	.rv-ik-page .rv-ik__faqs { grid-template-columns: minmax(0, 1fr); }
	.rv-ik-page .rv-ik-how .rv-ik__h2 { line-height: 1.2; }
	.rv-ik-page .rv-ik__qs { grid-template-columns: minmax(0, 1fr); grid-template-rows: none !important; grid-auto-flow: row; }
	.rv-ik-page .rv-ik__alist { grid-template-columns: minmax(0, 1fr); grid-template-rows: none !important; grid-auto-flow: row; }
	.rv-ik-page .rv-ik__apanel { padding: 32px; }
}

/* Mobile (375 frames) */
@media (max-width: 767px) {
	.rv-ik-page .rv-ik { padding: 56px 16px; }
	.rv-ik-page .rv-ik-hero { padding-top: 40px; }
	.rv-ik-page .rv-ik__h1 { font-size: 32px; line-height: 36px; }
	.rv-ik-page .rv-ik__h2 { font-size: 28px; line-height: 36px; }
	.rv-ik-page .rv-ik-how .rv-ik__h2 { line-height: 36px; }
	.rv-ik-page .rv-ik__lead,
	.rv-ik-page .rv-ik__hsub { font-size: 18px; line-height: 26px; }
	.rv-ik-page .rv-ik__hdesc { font-size: 16px; line-height: 24px; }
	.rv-ik-page .rv-ik__btns { gap: 12px; }
	.rv-ik-page .rv-ik__head { margin-bottom: 32px; }
	.rv-ik-page .rv-ik__cards,
	.rv-ik-page .rv-ik__tiles { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.rv-ik-page .rv-ik__card { padding: 24px; border-radius: var(--ik-radius-s); }
	.rv-ik-page .rv-ik__tile { min-height: 0; }
	.rv-ik-page .rv-ik-who .rv-ik__card { min-height: 0; }
	.rv-ik-page .rv-ik__chips { gap: 8px; margin-top: 32px; }
	.rv-ik-page .rv-ik__chips li { font-size: 16px; line-height: 16px; }
	.rv-ik-page .rv-ik__rel { min-height: 0; }
	.rv-ik-page .rv-ik__ctext,
	.rv-ik-page .rv-ik__td,
	.rv-ik-page .rv-ik__q,
	.rv-ik-page .rv-ik__ticks li,
	.rv-ik-page .rv-ik__steps li { font-size: 16px; line-height: 24px; }
	.rv-ik-page .rv-ik__qs li { flex-direction: column; align-items: flex-start; gap: 4px; }
	.rv-ik-page .rv-ik__note,
	.rv-ik-page .rv-ik__scope { margin-top: 32px; }
	.rv-ik-page .rv-ik__split { gap: 24px; }
	.rv-ik-page .rv-ik__ph { border-radius: var(--ik-radius-s); }
	.rv-ik-page .rv-ik__gimg { aspect-ratio: 343 / 198; }
	.rv-ik-page .rv-ik__ticks { gap: 24px; }
	.rv-ik-page .rv-ik__gtext { gap: 32px; }
	.rv-ik-page .rv-ik__faqs { gap: 16px; }
	.rv-ik-page .rv-ik__faqh { margin-bottom: 32px; }
	.rv-ik-page .rv-ik__faq summary { padding: 20px; font-size: 16px; }
	.rv-ik-page .rv-ik__faq p { padding: 0 20px 20px; font-size: 16px; line-height: 24px; }
	.rv-ik-page .rv-ik__achips { gap: 8px; margin-bottom: 32px; }
	.rv-ik-page .rv-ik__achip { padding: 8px 14px; font-size: 16px; line-height: 22px; }
	.rv-ik-page .rv-ik__acount { font-size: 14px; }
	.rv-ik-page .rv-ik__apanel { padding: 24px 20px; }
	.rv-ik-page .rv-ik__aph { margin-bottom: 8px; }
	.rv-ik-page .rv-ik__aht { font-size: 22px; line-height: 28px; }
	.rv-ik-page .rv-ik__acnt { font-size: 16px; line-height: 24px; }
	.rv-ik-page .rv-ik__alist a,
	.rv-ik-page .rv-ik__asoon { padding: 16px 0; font-size: 16px; line-height: 24px; }
	.rv-ik-page .rv-ik__asoontag { font-size: 12px; padding: 1px 8px; }
}

@media (prefers-reduced-motion: reduce) {
	.rv-ik-page .rv-ik__btn,
	.rv-ik-page .rv-ik__tile,
	.rv-ik-page .rv-ik__achip,
	.rv-ik-page .rv-ik__alist a,
	.rv-ik-page .rv-ik__faq summary::after { transition: none; }
}

.rv-ik-page .screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.rv-ik-page .rv-ik__ct a { color: inherit; text-decoration: underline; text-decoration-color: var(--ik-yellow); text-underline-offset: 5px; }
.rv-ik-page .rv-ik__ct a:hover { color: var(--ik-yellow); }

/* Home page section backgrounds (Figma 772:3178) */
.rv-ik-page.rv-ik-home .rv-ik-asks,
.rv-ik-page.rv-ik-home .rv-ik-who,
.rv-ik-page.rv-ik-home .rv-ik-find { background: var(--ik-bg-1); }
.rv-ik-page.rv-ik-home .rv-ik-how,
.rv-ik-page.rv-ik-home .rv-ik-genesis,
.rv-ik-page.rv-ik-home .rv-ik-faq { background: var(--ik-bg-2); }

@media (min-width: 1025px) {
.rv-ik-page .rv-ik__faqs { align-items: start; row-gap: 16px; }
.rv-ik-page .rv-ik__faq[open] { align-self: stretch; }
.rv-ik-page .rv-ik__faqcol { display:contents; }
.rv-ik-page .rv-ik__faqcol:first-child > .rv-ik__faq {grid-column: 1; }
.rv-ik-page .rv-ik__faqcol:last-child > .rv-ik__faq {grid-column: 2; }
.rv-ik-page .rv-ik__faqcol > .rv-ik__faq:nth-child(1) {grid-row: 1; }
.rv-ik-page .rv-ik__faqcol > .rv-ik__faq:nth-child(2) {grid-row: 2; }
.rv-ik-page .rv-ik__faqcol > .rv-ik__faq:nth-child(3) {grid-row: 3; }
.rv-ik-page .rv-ik__faqcol > .rv-ik__faq:nth-child(4) {grid-row: 4; }
}

/* Hero: keep 860px on large monitors, fit the screen on laptops (desktop only; tablet/mobile rule sets min-height: 0). */
@media (min-width: 1025px) {
.rv-ik-page .rv-ik-hero { min-height: min(860px, calc(100vh - 160px)); }
}