/* Process guides and Solutions hub — lightweight, static-first technical UI. */
.gtl-artwork-guide__intro,
.gtl-artwork-guide__section,
.gtl-artwork-guide__checklist,
.gtl-artwork-hub__routes,
.gtl-artwork-hub__common,
.gtl-solutions-hub__intro,
.gtl-solutions-hub__pathways,
.gtl-solutions-hub__journey {
	padding-block: var(--gtl-section-space, 72px);
}

.gtl-artwork-guide__section--soft,
.gtl-artwork-hub__common,
.gtl-solutions-hub__pathways {
	background: rgba(217, 217, 217, .32);
}

.gtl-artwork-guide__narrow { max-width: 920px; }
.gtl-solutions-hub > .gtl-hero h1 {
	max-width: none;
	font-size: clamp(2.4rem, 4.35vw, 3.55rem);
}
.gtl-artwork-guide__split {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
	align-items: center;
	gap: clamp(32px, 5vw, 72px);
}
.gtl-artwork-guide__lede,
.gtl-artwork-guide__intro p,
.gtl-solutions-hub__intro p { max-width: 72ch; font-size: clamp(1.05rem, 1.2vw, 1.22rem); }
.gtl-artwork-guide__list,
.gtl-artwork-guide__checklist ul,
.gtl-solutions-hub__pathways ul { margin: 28px 0 0; padding: 0; list-style: none; }
.gtl-artwork-guide__list li,
.gtl-artwork-guide__checklist li,
.gtl-solutions-hub__pathways li {
	position: relative;
	padding: 12px 0 12px 30px;
	border-bottom: 1px solid rgba(102, 102, 102, .25);
}
.gtl-artwork-guide__list li::before,
.gtl-artwork-guide__checklist li::before,
.gtl-solutions-hub__pathways li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1.15em;
	width: 12px;
	height: 6px;
	border-left: 2px solid #E2001A;
	border-bottom: 2px solid #E2001A;
	transform: rotate(-45deg);
}
.gtl-artwork-guide__checklist { color: #FFFFFF; background: #111111; }
.gtl-artwork-guide__checklist .gtl-eyebrow { color: #E2001A; }
.gtl-artwork-guide__checklist h2,
.gtl-artwork-guide__checklist p { color: #FFFFFF; }
.gtl-artwork-guide__checklist li { border-color: rgba(255,255,255,.2); }
.gtl-artwork-guide__reassurance {
	margin-top: 28px;
	padding: 18px 20px;
	border-left: 4px solid #E2001A;
	background: rgba(217, 217, 217, .16);
}

.gtl-operation-legend { display: grid; gap: 12px; padding: 0; margin: 28px 0 0; list-style: none; }
.gtl-operation-legend li { display: flex; align-items: center; gap: 14px; font-weight: 700; }
.gtl-operation-legend span { display: block; width: 62px; height: 5px; background: #111111; }
.gtl-operation-legend .is-cut span { background: #E2001A; }
.gtl-operation-legend .is-score span { background: #0047AB; }

.gtl-artwork-diagram { margin: 0; padding: 18px; border: 1px solid #D9D9D9; background: #FFFFFF; }
.gtl-artwork-diagram svg { display: block; width: 100%; height: auto; overflow: visible; }
.gtl-artwork-diagram figcaption { margin-top: 10px; color: #666666; font-size: .82rem; }
.gtl-artwork-diagram text { fill: #111111; font: 700 17px/1.2 sans-serif; letter-spacing: .04em; }
.gtl-artwork-diagram .diagram-surface { fill: #F4F4F4; stroke: #666666; stroke-width: 2; }
.gtl-artwork-diagram .diagram-leader,
.gtl-artwork-diagram .diagram-route path { fill: none; stroke: #666666; stroke-width: 2; }
.gtl-artwork-diagram .diagram-input rect,
.gtl-artwork-diagram .diagram-route rect,
.gtl-artwork-diagram .diagram-output rect { fill: #FFFFFF; stroke: #111111; stroke-width: 2; }
.gtl-artwork-diagram .diagram-route rect { fill: #F4F4F4; }
.gtl-artwork-diagram .diagram-output rect { fill: #111111; }
.gtl-artwork-diagram .diagram-output text { fill: #FFFFFF; }
.gtl-artwork-diagram .diagram-output text:last-child { fill: #111111; font-size: 13px; }

/* The Solutions pathway remains static; process motion is owned by v0.6.0. */

.gtl-artwork-hub__grid,
.gtl-solutions-hub__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
.gtl-artwork-hub__grid article,
.gtl-solutions-hub__grid article { padding: clamp(24px, 3vw, 36px); border-top: 4px solid #E2001A; background: #FFFFFF; box-shadow: 0 12px 34px rgba(17,17,17,.08); }
.gtl-artwork-hub__grid a,
.gtl-solutions-hub__grid a,
.gtl-solution-page__guide-links a,
.gtl-form-guide a,
.gtl-capability-page__guide-link a { color: #111111; font-weight: 750; text-decoration-thickness: 2px; text-decoration-color: #E2001A; text-underline-offset: 4px; }
.gtl-artwork-hub__grid a:hover,
.gtl-artwork-hub__grid a:focus-visible,
.gtl-solutions-hub__grid a:hover,
.gtl-solutions-hub__grid a:focus-visible,
.gtl-solution-page__guide-links a:hover,
.gtl-solution-page__guide-links a:focus-visible,
.gtl-form-guide a:hover,
.gtl-form-guide a:focus-visible { color: #E2001A; }
.gtl-solutions-hub__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gtl-solutions-hub__grid article nav,
.gtl-solution-page__guide-links,
.gtl-form-guide nav { display: flex; flex-wrap: wrap; gap: 12px 20px; }
.gtl-solutions-hub__grid article nav { padding-top: 18px; border-top: 1px solid #D9D9D9; }
.gtl-solutions-hub__grid article nav a { font-size: .88rem; }
.gtl-solutions-hub__journey { color: #FFFFFF; background: #111111; }
.gtl-solutions-hub__journey h2 { color: #FFFFFF; }
.gtl-solutions-hub__journey ol { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; margin: 34px 0 0; padding: 0; list-style: none; background: #666666; }
.gtl-solutions-hub__journey li { min-height: 190px; padding: 26px 22px; background: #111111; border-top: 4px solid #E2001A; }
.gtl-solutions-hub__journey strong,
.gtl-solutions-hub__journey span { display: block; }
.gtl-solutions-hub__journey span { margin-top: 14px; color: #D9D9D9; }
.gtl-solution-page__guide-links { align-items: center; margin-top: 30px; padding-top: 22px; border-top: 1px solid #D9D9D9; }

.gtl-form-guide { margin-bottom: 28px; padding: clamp(22px, 3vw, 32px); border-left: 4px solid #E2001A; background: rgba(217,217,217,.32); }
.gtl-form-guide h2 { font-size: clamp(1.25rem, 2vw, 1.65rem); }
.gtl-form-guide p:last-child { margin-bottom: 0; }

@media (max-width: 900px) {
	.gtl-artwork-guide__split { grid-template-columns: 1fr; }
	.gtl-artwork-hub__grid,
	.gtl-solutions-hub__grid { grid-template-columns: 1fr; }
	.gtl-solutions-hub__journey ol { grid-template-columns: 1fr 1fr; }
	.gtl-solutions-hub__journey li { min-height: 0; }
}
@media (max-width: 600px) {
	.gtl-artwork-guide__intro,
	.gtl-artwork-guide__section,
	.gtl-artwork-guide__checklist,
	.gtl-artwork-hub__routes,
	.gtl-artwork-hub__common,
	.gtl-solutions-hub__intro,
	.gtl-solutions-hub__pathways,
	.gtl-solutions-hub__journey { padding-block: var(--gtl-section-space-compact, 48px); }
	.gtl-artwork-diagram { padding: 8px; overflow-x: auto; }
	.gtl-artwork-diagram svg { min-width: 0; }
	.gtl-solutions-hub__journey ol { grid-template-columns: 1fr; }
	.gtl-form-guide nav { display: grid; }
}
@media (prefers-reduced-motion: reduce) {
	.gtl-artwork-diagram * { animation: none !important; transition: none !important; }
}
