/**
 * Single Models — scoped styles v5.
 * Colors & geometry ported from the design SVG:
 *   --m-primary:  #3F35FF  (violet)
 *   --m-success:  #22C55E / #15803D
 *   --m-danger:   #F43F5E / #BE123C  (rose, not red)
 * All selectors live under `.single-models` (WP auto-adds on single CPT).
 * No resets, no globals, no Tailwind, no !important, mobile-first.
 *
 * Breakpoints (max-width):
 *   1024px — hero stacks, 5-col becomes 3-col, 3-col arch becomes 2-col
 *    768px — caps 2, uc 2, arch 1, decision 1, faq 1col, related 1col
 *    480px — everything 1 col, fonts shrink
 */

/* ═══════════════════════════════════════════════════════════════════════
 * DESIGN TOKENS (all scoped, no :root)
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models {
	--m-primary:       #3F35FF;
	--m-primary-dk:    #332ad6;
	--m-primary-soft:  #F3F3FF;
	--m-primary-alt:   #E8E7FF;

	--m-success:       #22C55E;
	--m-success-dk:    #15803D;
	--m-success-bg:    #F0FDF4;
	--m-success-bd:    #BBF7D0;

	--m-danger:        #F43F5E;
	--m-danger-dk:     #BE123C;
	--m-danger-bg:     #FFF1F2;
	--m-danger-bd:     #FECDD3;

	--m-t1:            #13151A;
	--m-t2:            #2D2D33;
	--m-t3:            #60646C;
	--m-t4:            #71717B;
	--m-t5:            #9CA3AF;

	--m-border:        #EBEBEB;
	--m-border-soft:   #F4F4F5;

	--m-bg:            #FFFFFF;
	--m-bg-subtle:     #FCFCFD;
	--m-bg-alt:        #FAFAFA;

	--m-radius:        8px;
	--m-radius-md:     12px;
	--m-radius-lg:     16px;

	--m-shadow-sm:     0 1px 2px rgba(13, 17, 23, 0.04);
	--m-shadow:        0 2px 4px rgba(13, 17, 23, 0.04), 0 1px 2px rgba(13, 17, 23, 0.03);

	--m-max:           1344px;
	--m-font:          'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* ═══════════════════════════════════════════════════════════════════════
 * BASE
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-main {
	font-family: var(--m-font);
	color: var(--m-t1);
	-webkit-font-smoothing: antialiased;
	line-height: 1.5;
}
.single-models .model-main *,
.single-models .model-main *::before,
.single-models .model-main *::after { box-sizing: border-box; }
.single-models .model-main ul,
.single-models .model-main ol { list-style: none; padding: 0; margin: 0; }
.single-models .model-dotted ul {    padding: 0 40px 47px;}
.single-models .model-container {
	max-width: var(--m-max);
	margin: 0 auto;
	padding: 0 24px;
}

/* ═══════════════════════════════════════════════════════════════════════
 * BUTTONS
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-family: inherit;
	font-weight: 600;
	font-size: 13px;
	padding: 11px 22px;
	border-radius: var(--m-radius);
	border: none;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	transition: background-color 0.15s ease;
}
.single-models .model-btn-primary {
	background: var(--m-primary);
	color: #fff;
}
.single-models .model-btn-primary:hover,
.single-models .model-btn-primary:focus-visible {
	background: var(--m-primary-dk);
	color: #fff;
}
.single-models .model-btn-lg {
	font-size: 14px;
	padding: 12px 28px;
	min-width: 197px;
	border-radius: 0;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 20px;
	font-family: 'Space Grotesk', sans-serif;
}

/* ═══════════════════════════════════════════════════════════════════════
 * BREADCRUMB
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-breadcrumb {
	padding: 40px 0 0;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #9CA3AF;
	flex-wrap: wrap;
}
.single-models .model-breadcrumb a {
	color: #9CA3AF;
	text-decoration: none;
	transition: color 0.15s;
}
.single-models .model-breadcrumb a:hover { color: var(--m-primary); }
.single-models .model-breadcrumb-sep { color: var(--m-t5); }
.single-models .model-breadcrumb-cur { color: var(--m-t1); font-weight: 500; }

/* ═══════════════════════════════════════════════════════════════════════
 * HERO  —  pixel-matched to Figma (S1 Hero, 1440×657)
 * SVG refs:
 *   • hero bg rect: 1440×657 fill=#FAFAFA
 *   • green pill:   245×25  rx=3.5  fill=#F0FDF4  stroke=#BBF7D0
 *   • badge:        h=24    rx=4    fill=#F4F4F5  (no stroke)
 *   • perf card:    459×392 rx=7.5  fill=white    stroke=#EBEBEB
 *   • button:       197×44          fill=#3F35FF
 *   • progress:     120×6   rx=3    track=#2D2D33 value=#22C55E
 * ═══════════════════════════════════════════════════════════════════════ */

/* Breadcrumb + hero share #FAFAFA full-bleed bg (per SVG rect 1440×657). */
.single-models .model-breadcrumb,
.single-models .model-hero {
	background: #FAFAFA;
	box-shadow: 0 0 0 100vmax #FAFAFA;
	clip-path: inset(0 -100vmax);
}
.single-models .model-hero {
	padding: 32px 0 80px;
}
.single-models .model-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 460px;
	gap: 64px;
	align-items: start;
}

/* Green "Powered by" pill — SVG rect 245×25 rx=3.5 */
.single-models .model-hero-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 14px;
	margin: 0 0 24px;
	background: #F0FDF4;
	color: var(--m-success-dk);
	border: 1px solid #BBF7D0;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
}
.single-models .model-hero-pill-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--m-success);
	flex-shrink: 0;
}

/* Title — specificity bump so theme h1 rules don't win */
.single-models .model-main .model-hero-title {
	font-size: clamp(36px, 4.2vw, 40px);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.03em;
	margin: 0 0 16px;
	color: var(--m-t1);
}

/* Badges */
.single-models .model-hero-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}
.single-models .model-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	background: #F4F4F5;
	color: var(--m-t1);
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
	height: 24px;
}
.single-models .model-badge-icon {
	width: 14px;
	height: 14px;
	color: var(--m-t1);
	flex-shrink: 0;
	stroke-width: 2;
}
.single-models .model-badge-more {
	color: var(--m-t4);
}

/* Description */
.single-models .model-hero-desc {
	max-width: 660px;
	margin: 32px 0 32px;
	font-size: 15px;
	line-height: 1.7;
	color: var(--m-t3);
}
.single-models .model-hero-desc p { margin: 0 0 16px; }
.single-models .model-hero-desc p:last-child { margin-bottom: 0; }

/* Hero CTA — tuned to design 195×42  */
.single-models .model-hero-left .model-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 32px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
	border-radius: 0;
	background: var(--m-primary);
	color: #fff;
	text-decoration: none;
	border: none;
	transition: background 0.15s ease;
	min-width: 197px;
	line-height: 20px;
	font-family: 'Space Grotesk', sans-serif;
}
.single-models .model-hero-left .model-btn:hover,
.single-models .model-hero-left .model-btn:focus-visible {
	background: var(--m-primary-dk);
	color: #fff;
}

/* ═══════════════════════════════════════════════════════════════════════
 * API PERFORMANCE CARD (vertical dl stack)
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-perf-card {
	padding: 28px 32px;
	border: 1px solid #EBEBEB;
	border-radius: 7.5px;
	background: #FFFFFF;
	box-shadow: 0 1px 2px rgba(13, 17, 23, 0.04);
}
.single-models .model-perf-title {
	margin: 0 0 20px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--m-t4);
}
.single-models .model-perf-list {
	margin: 0;
	display: grid;
	gap: 0;
}
.single-models .model-perf-row {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: baseline;
	gap: 24px;
	padding: 18px 0;
	border-bottom: 1px solid #F3F4F6;
}
.single-models .model-perf-row:first-child { padding-top: 4px; }
.single-models .model-perf-row:last-child  { padding-bottom: 4px; border-bottom: none; }
.single-models .model-perf-label {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	color: #6B7280;
}
.single-models .model-perf-value {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	line-height: 1.15;
}
.single-models .model-main .model-perf-value strong {
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: -0.02em;
	color: var(--m-primary);
	line-height: 1.1;
}
.single-models .model-perf-value em {
	margin-top: 4px;
	font-size: 12px;
	font-style: normal;
	color: var(--m-t5);
}

.single-models .model-perf-row-uptime { align-items: center; }
.single-models .model-perf-value-uptime {
	flex-direction: row;
	align-items: center;
	gap: 12px;
}
.single-models .model-perf-bar {
	appearance: none;
	-webkit-appearance: none;
	border: none;
	width: 120px;
	height: 6px;
	border-radius: 3px;
	background: #2D2D33;
	overflow: hidden;
}
.single-models .model-perf-bar::-webkit-progress-bar { background: #2D2D33; border-radius: 3px; }
.single-models .model-perf-bar::-webkit-progress-value { background: #22C55E; border-radius: 3px; }
.single-models .model-perf-bar::-moz-progress-bar { background: #22C55E; border-radius: 3px; }
.single-models .model-main .model-perf-value-uptime strong {
	font-size: 16px;
	color: var(--m-success);
}

/* Hero responsive breakpoints  */
@media (max-width: 1280px) {
	.single-models .model-hero-grid {
		grid-template-columns: minmax(0, 1fr) 380px;
		gap: 48px;
	}
}
@media (max-width: 1024px) {
	.single-models .model-hero-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.single-models .model-perf-card { max-width: 520px; }
}
@media (max-width: 768px) {
	.single-models .model-hero { padding: 24px 0 40px; }
	.single-models .model-hero-badges { margin-bottom: 24px; }
	.single-models .model-hero-desc { margin-bottom: 28px; }
}

/* ═══════════════════════════════════════════════════════════════════════
 * TABS
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-tabs {
	border-bottom: 1px solid var(--m-border);
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: saturate(180%) blur(10px);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	position: sticky;
	top: 0;
	z-index: 30;
}
.single-models .model-tabs-inner {
	display: flex;
	gap: 32px;
	overflow-x: auto;
	scrollbar-width: none;
}
.single-models .model-tabs-inner::-webkit-scrollbar { display: none; }
.single-models .model-tab-link {
	display: inline-block;
	padding: 20px 0;
	font-size: 15px;
	font-weight: 500;
	color: #6B7280;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.15s, border-color 0.15s;
}
.single-models .model-tab-link:hover { color: var(--m-t1); }
.single-models .model-tab-link.is-active {
	color: var(--m-t1);
	border-bottom-color: var(--m-t1);
	font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════════════════
 * SECTIONS
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-section { padding: 64px 0; }
.single-models .model-section + .model-section { border-top: 1px solid var(--m-border-soft); }

.single-models .model-section-label {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #6B7280;
	margin: 0 0 16px;
	font-family: 'Rethink Sans', sans-serif;
}
.single-models .model-section-label-center { text-align: center; }
.single-models .model-main .model-section-title {
	font-size: clamp(26px, 3vw, 36px);
	font-weight: 400;
	letter-spacing: -2px;
	line-height: 1.15;
	margin: 0 0 32px;
	color: var(--m-t1);
}
.single-models .model-section-title-center { text-align: center; }
.single-models .model-section-subtitle {
	font-size: 15px;
	color: var(--m-t3);
	margin: -8px 0 32px;
	max-width: 720px;
}

/* ═══════════════════════════════════════════════════════════════════════
 * ABOUT + I/O
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-about-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 380px;
	gap: 64px;
	align-items: start;
}
.single-models .model-about-desc {
	font-size: 15px;
	line-height: 1.75;
	color: var(--m-t3);
}
.single-models .model-about-desc p { margin: 0 0 14px; }
.single-models .model-about-desc p:last-child { margin-bottom: 0; }
.single-models .model-about-desc strong { color: var(--m-t1); font-weight: 600; }
.single-models .model-about-desc a { color: var(--m-primary); }

.single-models .model-main .model-io-heading {
	font-size: 20px;
	font-weight: 500;
	color: var(--m-t1);
	margin: 0 0 16px;
	letter-spacing: 0;
	font-family: 'Rethink Sans', sans-serif;
}
.single-models .model-io-card {
	border: 1px solid #E5E7EB;
	border-radius: 0;
	padding: 0;
	background: var(--m-bg);
}
.single-models .model-io-block {
	padding: 24px;
}
.single-models .model-io-block + .model-io-block {
	border-top: 1px solid #E5E7EB;
	background: #FAFAFA;
}
.single-models .model-io-label {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #6B7280;
	margin: 0 0 14px;
	font-family: 'Rethink Sans', sans-serif;
}
.single-models .model-io-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: var(--m-t2);
	padding: 6px 0;
}
.single-models .model-io-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	color: var(--m-t4);
	stroke-width: 1.6;
}

/* ═══════════════════════════════════════════════════════════════════════
 * CAPABILITIES (no tinted squares — plain icons + column dividers)
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-caps-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 19px;
	margin-top: 24px;
}
.single-models .model-cap {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
	max-width: 220.8px;
}
.single-models .model-cap+.model-cap {
	max-width: 244.8px;
	border-left: 1px solid #EBEBEB;
	padding-left: 24px;
}

.single-models .model-cap-icon {
	display: inline-flex;
	width: 24px;
	height: 24px;
	color: var(--m-t2);
	margin-bottom: 20px;
}
.single-models .model-cap-icon svg { width: 100%; height: 100%; }
.single-models .model-main .model-cap-name {
	font-size: 20px;
	font-weight: 400;
	color: #09090B;
	margin: 0 0 8px;
	letter-spacing: -0.96px;
}
.single-models .model-cap-desc {
	font-size: 14px;
	line-height: 140%;
	color: var(--m-t3);
	margin: 0;
}

/* ═══════════════════════════════════════════════════════════════════════
 * DOT-GRID BACKGROUND (reused by use-cases and final-cta)
 * SVG stroke color: #D8D8D8 on 36×36 cells
 * Grid centered so cards sized to 36n px align with grid lines
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-dotted {
	background-color: var(--m-bg);
	background-image:
		linear-gradient(#D8D8D8 1px, transparent 1px),
		linear-gradient(90deg, #D8D8D8 1px, transparent 1px);
	background-size: 35px 36px;
	background-position: center 0;
}
.single-models .model-dotted.model-final {
	background-size: 35.1px 31.6px;
}

/* ═══════════════════════════════════════════════════════════════════════
 * USE CASES (boxed white card with internal grid lines)
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-use-cases-wrap { padding: 73px 0; }
.single-models .model-use-cases-card {
	background: var(--m-bg);
	border: none;
	border-radius: 0;
	padding: 48px 0 0;
	max-width: 1154px;
	margin: 0 auto;
}
.single-models .model-use-cases-card .model-section-label { margin-bottom: 16px; }
.single-models .model-use-cases-card .model-section-title { margin-bottom: 40px; font-size: 40px; }

.single-models .model-uc-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-left: none;
}
.single-models .model-uc-item {
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 16px;
	border-right: 1px solid #E5E7EB;
	border-bottom: 1px solid #E5E7EB;
}
.single-models .model-uc-item:nth-child(3n) { border-right: none; }
.single-models .model-uc-item:nth-last-child(-n+3) { border-bottom: none; }
.single-models .model-uc-icon {
	width: 24px;
	height: 24px;
	color: var(--m-t2);
	flex-shrink: 0;
	display: inline-flex;
}
.single-models .model-uc-icon svg { width: 100%; height: 100%; }
.single-models .model-uc-title {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.5px;
	color: #09090B;
	font-family: "Space Grotesk", sans-serif;
}

/* ═══════════════════════════════════════════════════════════════════════
 * TABLES (pricing + specs)
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-table-wrap {
	border: 1px solid #E5E7EB;
	border-radius: 0;
	overflow-x: auto;
	margin-top: 24px;
}
.single-models .model-data-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}
.single-models .model-data-table th {
	background: #FFFFFF;
	font-size: 14px;
	font-weight: 420;
	letter-spacing: 0.25px;
	line-height: 140%;
	text-transform: uppercase;
	color: var(--m-t4)!important;
	padding: 22px 24px;
	text-align: left;
	border-bottom: 1px solid #E5E7EB;
	font-family: "Space Grotesk", sans-serif;
}
.single-models .model-data-table td {
	padding: 16px 24px;
	border-bottom: 1px solid #E5E7EB;
	color: var(--m-t2);
	font-weight: 500;
	vertical-align: middle;
}
.single-models .model-data-table tbody tr:last-child td { border-bottom: none; }

/* Pricing BEST row — cells stay white, only text color changes + badge */
.single-models .model-data-table tr.is-best td {
	background-color: #3F35FF0F;
	color: var(--m-primary);
	font-weight: 600;
}
.single-models .model-data-table tr.is-best td:first-child { color: var(--m-primary); background-color: #3F35FF0F; }
.single-models .model-badge-best {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 20px;
	padding: 0;
	border-radius: 0;
	background: #3F35FF;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	margin-left: 8px;
	vertical-align: middle;
	line-height: 1;
}

/* Specs highlighted column (QWEN3-VL FLASH) — solid violet per SVG */
.single-models .model-data-table th.is-highlighted,
.single-models .model-data-table td.is-highlighted {
	background: #3F35FF0F;
	color: #13151A;
}
.single-models #pricing .model-data-table tbody tr:nth-child(even) td:not(.is-highlighted) {
	background: #FFFFFF;
}
.single-models .model-data-table tbody tr:nth-child(even) td:not(.is-highlighted) {
	background: #FAFAFA;
}
.single-models .model-metric-name { font-weight: 600; color: var(--m-t1); }

/* ═══════════════════════════════════════════════════════════════════════
 * USAGE BANNER (violet-tinted, single row)
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-usage {
	background: #F3F3FF;
	border-radius: 0;
	padding: 24px 32px;
	margin-top: 32px;
	min-height: 96px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 150px;
}
.single-models .model-usage-label {
	margin: 0;
	font-weight: 500;
	color: var(--m-primary);
	font-size: 18px;
	flex-shrink: 0;
}
.single-models .model-usage-stats {
	margin: 0;
	display: flex;
	gap: 20px;
	flex: 1;
	flex-wrap: wrap;
}
.single-models .model-usage-stat {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.single-models .model-usage-stat+.model-usage-stat {
	padding-left: 19px;
	border-left: 1px solid #E5E7EB;
}
.single-models .model-usage-value {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	color: var(--m-primary);
	letter-spacing: -0.5px;
	line-height: 1.1;
	font-family: 'Space Grotesk', sans-serif;
}
.single-models .model-usage-sub {
	margin: 0;
	font-size: 14px;
	color: var(--m-t4);
	font-family: 'Space Grotesk', sans-serif;
}
.single-models .model-usage-cta { flex-shrink: 0; }

/* ═══════════════════════════════════════════════════════════════════════
 * ARCHITECTURE (cards with grid dividers)
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-arch-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border: 1px solid #E5E7EB;
	border-radius: var(--m-radius-md);
	overflow: hidden;
	background: var(--m-bg);
}
.single-models .model-arch-card {
	padding: 24px;
	display: flex;
	flex-direction: column;
	border-right: 1px solid #E5E7EB;
	border-bottom: 1px solid #E5E7EB;
}
.single-models .model-arch-card:nth-child(3n) { border-right: none; }
.single-models .model-arch-card:nth-last-child(-n+3) { border-bottom: none; }

.single-models .model-arch-icon {
	display: inline-flex;
	width: 24px;
	height: 24px;
	color: var(--m-t2);
	margin-bottom: 24px;
}
.single-models .model-arch-icon svg { width: 100%; height: 100%; }
.single-models .model-main .model-arch-name {
	font-size: 20px;
	font-weight: 400;
	line-height: 120%;
	color: var(--m-t1);
	margin: 0 0 8px;
	letter-spacing: -0.96px;
}
.single-models .model-arch-desc {
	font-size: 14px;
	line-height: 140%;
	color: var(--m-t3);
	margin: 0 0 24px;
	flex: 1;
}
.single-models .model-arch-tag {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: var(--m-success-dk);
	background: #DCFCE7;
	border: none;
	padding: 4px 10px;
	border-radius: 4px;
	align-self: flex-start;
	margin-top: auto;
}

/* ═══════════════════════════════════════════════════════════════════════
 * DECISION GUIDE (green / rose panels with outline-circle ✓ ✕)
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-decision-grid {
	display: grid;
	grid-template-columns: 632fr 624fr;
	gap: 24px;
	margin-top: 24px;
}
.single-models .model-decision-box {
	padding: 32px;
	border-radius: 0;
}
.single-models .model-decision-box-use {
	background: #DCFCE7;
	border: none;
}
.single-models .model-decision-box-avoid {
	background: #FFF1F2;
	border: none;
}
.single-models .model-main .model-decision-title {
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 24px;
	letter-spacing: -0.3px;
}
.single-models .model-decision-box-use   .model-decision-title { color: var(--m-success-dk); }
.single-models .model-decision-box-avoid .model-decision-title { color: var(--m-danger-dk); }

.single-models .model-decision-list {
	margin: 0;
	display: grid;
	gap: 12px;
}
.single-models .model-decision-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 15px;
	line-height: 100%;
}
.single-models .model-decision-list-use li {
	color: var(--m-success-dk);
}
.single-models .model-decision-list-avoid li {
	color: var(--m-danger-dk);
}
.single-models .model-decision-list li::before {
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1.5px solid;
	flex-shrink: 0;
	margin-top: 1px;
	background-repeat: no-repeat;
	background-position: center;
	box-sizing: border-box;
}
.single-models .model-decision-list-use li::before {
	border-color: var(--m-success);
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><polyline points='2,6 5,9 10,3' stroke='%2322C55E' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-size: 10px;
}
.single-models .model-decision-list-avoid li::before {
	border-color: var(--m-danger);
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><line x1='3' y1='3' x2='9' y2='9' stroke='%23F43F5E' stroke-width='2' stroke-linecap='round'/><line x1='9' y1='3' x2='3' y2='9' stroke='%23F43F5E' stroke-width='2' stroke-linecap='round'/></svg>");
	background-size: 8px;
}

/* ═══════════════════════════════════════════════════════════════════════
 * FAQ (2-col: header on left, list on right; whole <summary> is hitbox)
 * SVG: section bg rect 1440×973 fill=#FAFAFA
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models #faq.model-section {
	background: #FAFAFA;
	box-shadow: 0 0 0 100vmax #FAFAFA;
	clip-path: inset(0 -100vmax);
}
.single-models .model-faq-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 632px);
	gap: 48px;
	align-items: start;
}
.single-models .model-faq-list {
	display: grid;
	gap: 12px;
}
.single-models .model-faq-item { list-style: none; }
.single-models .model-faq-details {
	background: var(--m-bg);
	border: 1px solid #E5E7EB;
	border-radius: 0;
	transition: border-color 0.15s;
}
.single-models .model-faq-details[open] { border-color: var(--m-primary); }

.single-models .model-main .model-faq-q {
	padding: 24px 24px;
	cursor: pointer;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	list-style: none;
	font-size: 20px;
	font-weight: 400;
	color: var(--m-t1);
	user-select: none;
	line-height: 120%;
}
.single-models .model-main .model-faq-q::-webkit-details-marker { display: none; }
.single-models .model-main .model-faq-q::marker { content: ""; }
.single-models .model-main .model-faq-q:hover { color: var(--m-primary); }

.single-models .model-faq-chevron {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	color: var(--m-primary);
	display: inline-flex;
	transition: transform 0.2s;
	margin-top: 2px;
}
.single-models .model-faq-chevron svg { width: 100%; height: 100%; }
.single-models .model-faq-details[open] .model-faq-chevron { transform: rotate(90deg); }

.single-models .model-faq-q-text { flex: 1;  font-family: 'Space Grotesk', sans-serif; }
.single-models .model-faq-a {
	padding: 0 24px 20px 24px;
	font-size: 14px;
	line-height: 1.7;
	color: var(--m-t3);
}
.single-models .model-faq-a p { margin: 0 0 8px; }
.single-models .model-faq-a p:last-child { margin-bottom: 0; }

/* ═══════════════════════════════════════════════════════════════════════
 * RELATED RESOURCES (2×2 text-only cards)
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-related-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 32px;
}
.single-models .model-related-item { list-style: none; }
.single-models .model-related-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 200px;
	padding: 24px;
	border: 1px solid #E5E7EB;
	border-radius: 0;
	background: var(--m-bg);
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s, box-shadow 0.15s;
}
.single-models .model-related-card:hover {
	border-color: var(--m-primary);
	box-shadow: var(--m-shadow);
}
.single-models .model-related-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 70px;
}
.single-models .model-related-cat {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 32px;
	padding: 7px 11px;
	background: #E8E7FF;
	color: var(--m-primary);
	border-radius: 0;
	font-size: 15px;
	font-weight: 500;
}
.single-models .model-related-date {
	font-size: 13px;
	color: var(--m-t4);
}
.single-models .model-main .model-related-title {
	font-size: 24px;
	font-weight: 400;
	color: #09090B;
	line-height: 120%;
	margin: 0;
	letter-spacing: -2px;
	max-width: 440px;
}

/* ═══════════════════════════════════════════════════════════════════════
 * FINAL CTA (dot-grid light, dark title, violet button)
 * ═══════════════════════════════════════════════════════════════════════ */
.single-models .model-final { padding: 96px 0 112px; }
.single-models .model-final-inner {
	text-align: center;
	padding: 40px 0;
}
.single-models .model-final .model-final-inner {
	min-height: 283px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
}
.single-models .model-final .model-btn {
	width: 237px;
	height: 44px;
	padding: 0;
	border-radius: 0;
}
.single-models .model-main .model-final-title {
	font-size: clamp(32px, 4vw, 56px);
	font-weight: 400;
	color: #17171B;
	letter-spacing: -3px;
	line-height: 100%;
	margin: 0 0 32px;
}
.single-models .model-final-sub {
	margin: 20px 0 0;
	font-size: 14px;
	color: var(--m-t4);
}

/* ═══════════════════════════════════════════════════════════════════════
 * RESPONSIVE
 * ═══════════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
	.single-models .model-hero-grid { grid-template-columns: 1fr; gap: 32px; }
	.single-models .model-about-grid { grid-template-columns: 1fr; gap: 40px; }
	.single-models .model-caps-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.single-models .model-arch-grid { grid-template-columns: 1fr 1fr; }
	.single-models .model-arch-card:nth-child(3n) { border-right: 1px solid #E5E7EB; }
	.single-models .model-arch-card:nth-child(2n) { border-right: none; }
	.single-models .model-arch-card:nth-last-child(-n+3) { border-bottom: 1px solid #E5E7EB; }
	.single-models .model-arch-card:nth-last-child(-n+2) { border-bottom: none; }
	.single-models .model-faq-grid { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 768px) {
	.single-models .model-section { padding: 48px 0; }
	.single-models .model-caps-grid { grid-template-columns: 1fr 1fr; }
	.single-models .model-uc-grid { grid-template-columns: 1fr 1fr; }
	.single-models .model-arch-grid { grid-template-columns: 1fr; }
	.single-models .model-arch-card { border-right: none; border-bottom: 1px solid #E5E7EB; }
	.single-models .model-arch-card:last-child { border-bottom: none; }
	.single-models .model-decision-grid { grid-template-columns: 1fr; }
	.single-models .model-related-grid { grid-template-columns: 1fr; }
	.single-models .model-usage {
		flex-direction: column;
		align-items: flex-start;
	}
	.single-models .model-usage-stats {
		width: 100%;
		justify-content: space-between;
		gap: 16px;
	}
	.single-models .model-usage-cta { align-self: stretch; }
	.single-models .model-usage-cta.model-btn { width: 100%; }
	.single-models .model-use-cases-card { padding: 36px 24px 24px; }
}

@media (max-width: 480px) {
	.single-models .model-container { padding: 0 16px; }
	.single-models .model-hero { padding: 20px 0 32px; }
	.single-models .model-main .model-hero-title { font-size: 32px; }
	.single-models .model-caps-grid { grid-template-columns: 1fr; }
	.single-models .model-uc-grid { grid-template-columns: 1fr; }
	.single-models .model-main .model-section-title { font-size: 24px; }
	.single-models .model-main .model-final-title { font-size: 28px; }
	.single-models .model-data-table { font-size: 12px; }
	.single-models .model-data-table th,
	.single-models .model-data-table td { padding: 12px 14px; }
	.single-models .model-perf-card { padding: 20px; }
	.single-models .model-usage { padding: 20px; }
	.single-models .model-usage-stats { gap: 14px; }
	.single-models .model-usage-value { font-size: 19px; }
	.single-models .model-use-cases-wrap { padding: 48px 0; }
}