/* ------------------------------------------------------------
   20. SUGGESTED PROPOSALS - carousel + detail modal
   Reuses the 7c carousel shell (arrows, drag, seamless loop)
   with `ord-cases--proposal` sizing; clicking a card opens the
   proposal detail in the shared `.ord-modal` (17b) shell.
   ------------------------------------------------------------ */
.ord-proposals-section {
	background: var(--paper);
	overflow: clip;
}

.ord-cases--proposal .ord-cases-group {
	gap: 22px;
	padding-right: 22px;
	padding-left: 22px;
}

.ord-cases--proposal .ord-case-card {
	flex: 0 0 300px;
	width: 300px;
}

@media (min-width: 640px) {
	.ord-cases--proposal .ord-case-card {
		flex-basis: 340px;
		width: 340px;
	}
}

.ord-proposal-card {
	cursor: pointer;
}

.ord-proposal-open {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	align-self: flex-start;
	margin-top: 6px;
	padding: 0 0 3px;
	font-family: inherit;
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--ink);
	background: none;
	border: 0;
	border-bottom: 2px solid var(--ink);
	cursor: pointer;
	transition: gap 0.16s ease;
}

.ord-proposal-card:hover .ord-proposal-open,
.ord-proposal-open:hover {
	gap: 12px;
}

.ord-proposal-open:focus-visible {
	outline: 3px solid var(--violet);
	outline-offset: 3px;
}

.ord-proposal-modal-card {
	max-width: 620px;
	padding: 22px 22px 18px;
}

.ord-proposal-detail[hidden] {
	display: none;
}

.ord-proposal-detail-title {
	margin: 0 0 10px;
	font-family: var(--ord-font-heading);
	font-size: 1.35rem;
	line-height: 1.25;
}

.ord-proposal-detail-tag--violet { background: #ede9fe; }
.ord-proposal-detail-tag--mint { background: #fff4cc; }
.ord-proposal-detail-tag--amber { background: #ffe9a8; }
.ord-proposal-detail-tag--coral { background: #e6dcff; }
.ord-proposal-detail-tag--sky { background: #f4efff; }
.ord-proposal-detail-tag--lime { background: #fdf8e3; }
.ord-proposal-detail-tag--rose { background: #f1ecff; }

.ord-proposal-detail-summary {
	margin: 0 0 16px;
	font-size: 0.92rem;
	line-height: 1.6;
	color: var(--muted);
}

.ord-proposal-detail-heading {
	margin: 16px 0 8px;
	font-family: var(--ord-font-heading);
	font-size: 0.95rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.ord-proposal-detail-list {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.ord-proposal-detail-meta {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 18px;
	padding: 14px;
	background: var(--mist);
	border: 2px dashed var(--ink);
	border-radius: 12px;
}

.ord-proposal-detail-meta-row {
	display: flex;
	flex-direction: column;
	gap: 3px;
	font-size: 0.87rem;
	line-height: 1.5;
}

.ord-proposal-detail-meta-row strong {
	font-size: 0.7rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--muted);
}

.ord-proposal-detail-cta {
	margin-top: 18px;
}

.ord-proposal-detail-note {
	margin: 10px 0 0;
	font-size: 0.76rem;
	line-height: 1.5;
	color: var(--muted);
}