/**
 * OSHIDA — the حقیقی/حقوقی interstitial. Owner: C4.
 *
 * @figma 1703:2813 Group 443, 1200.24 x 494 at (124.83, 581.71)
 * @figma 1557:1012 Frame 336, 572.45 x 494 at x=752.62 (physical right)
 * @figma 1557:1068 Frame 337, 572.45 x 493.81 at x=124.83 (physical left)
 *
 * Frame 1557:979 was NEVER RENDERED (docs/ai/figma-access.md), so this file
 * carries geometry only — no sampled colour exists for it. Everything visual
 * comes from cowork-path-picker.css, whose card was measured on a frame that
 * was rendered and whose boxes line up: the title + sub slot is 132 tall in
 * both (98 + 34), the CTA 450 x 72 against 454 x 74, 60px inline padding both.
 *
 * No column override here: 1557:1012 is both first in the layer tree and the
 * card at the inline start, so DOM and visual order already agree.
 */

.o-cowork-choice {
	--o-cowork-col: 1200px;
	--o-cowork-choice-lead: 100px; /* 581.71 - (243.20 + 238.51) */
	--o-cowork-choice-gutter: 55px; /* 1200.24 - 2 x 572.45 */

	padding-block-start: var(--o-cowork-choice-lead);
}

.o-cowork-choice__inner {
	max-inline-size: calc(var(--o-cowork-col) + var(--o-gutter) * 2);
}

.o-cowork-choice__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--o-cowork-choice-gutter);
}

/* 70 lead-in, 90 icon, 30, 132 title pair, 30, 72 CTA, 70 tail = 494. */
.o-cowork-choice .o-cowork-card {
	--o-cowork-card-pad-block: 70px;
}

@media (min-width: 900px) {
	.o-cowork-choice__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
	}
}

/* Below `lg`: the same stack the one mobile frame (2082:11958) draws for the
 * path picker, which is the same card in the same grid.
 * See docs/ai/responsive-decisions.md. */

@media (max-width: 899px) {
	.o-cowork-choice {
		--o-cowork-choice-lead: var(--o-space-3xl);
	}
}

@media (max-width: 599px) {
	.o-cowork-choice {
		--o-cowork-choice-lead: var(--o-space-xl);
		--o-cowork-choice-gutter: var(--o-space-md);
	}

	.o-cowork-choice .o-cowork-card {
		--o-cowork-card-pad-block: var(--o-space-lg);
	}
}