/* Отличия клона агентства от каркаса. */

/* Внутренние страницы: светлый первый экран высотой 700px, как на оригинале. */
@media (min-width: 1025px) {
	.gs-hero--light {
		display: flex;
		align-items: center;
		min-height: var(--gs-hero-min-height, 700px);
		box-sizing: border-box;
	}
}

/* Форма на странице контактов: ширина и отступы. */
.gs-form-wrap {
	max-width: 760px;
	margin-top: var(--gs-space-3);
}

.gs-section--form .gs-field__label {
	font-size: 14px;
}

/* Главная и внутренние страницы: после последней секции 50px до подвала. */
.gs-main {
	padding-bottom: 50px;
}

/* Первый экран главной: 800px, заголовок 60/75, отступы внутри колонок. */
@media (min-width: 1025px) {
	.gs-front .gs-hero--dark {
		padding-block: 0;
	}
}

.gs-hero__title {
	line-height: 1.25;
}

.gs-hero__subtitle {
	max-width: none;
}

/* Ссылка «смотреть больше продуктов». */
.gs-section--explore {
	padding-block: 15px;
	text-align: center;
}

.gs-explore__link {
	display: inline-block;
	font-size: 21px;
	font-weight: 500;
	line-height: 27px;
	color: var(--gs-color-accent);
}

.gs-explore__link:hover {
	color: var(--gs-color-primary);
}

/* Карточка-логотип в сетке услуг: светлая, без иконки. */
.gs-service-card--logo {
	align-items: center;
	justify-content: center;
	gap: 15px;
	background: var(--gs-color-secondary);
	color: var(--gs-color-primary);
	text-align: center;
}

.gs-service-card--logo:hover {
	background: var(--gs-color-secondary);
}

.gs-service-card__logo {
	width: 128px;
	height: 128px;
	margin: 0;
	object-fit: contain;
}

.gs-service-card__brand {
	margin: 0;
	font-family: var(--gs-font-heading);
	font-size: 35px;
	font-weight: 800;
	line-height: 35px;
	color: var(--gs-color-primary);
}

.gs-service-card__tagline {
	margin: 0;
	font-family: var(--gs-font-heading);
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	color: var(--gs-color-primary);
}

/* Логотип в шапке агентства — 50×50. */
.gs-header__brand img {
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.gs-header__actions .gs-button--outline {
	background: var(--gs-color-white);
}

/* Кнопки шапки: 40px высотой, как на живом сайте. */
.gs-header__actions .gs-button {
	min-height: 40px;
}

/* Языковой переключатель — компактный, перед кнопками. */
.gs-lang__list {
	gap: 6px;
}

.gs-lang__link {
	font-size: 11px;
	line-height: 16px;
}

/* Кнопка в подвале: рамка светлая, радиус 3px. */
.gs-footer__cta-inner .gs-button {
	border-radius: 3px;
	font-weight: 400;
	min-width: 247px;
}

/* Карточки услуг на главной — ссылки, рамки нет. */
a.gs-service-card {
	text-decoration: none;
}

/* Вступление внутренних страниц: картинка + текст + теги. */
.gs-section--intro {
	padding-block: 0;
}

.gs-intro {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 0;
	padding-top: 70px;
}

.gs-intro__figure {
	margin: 0;
	padding: 10px;
}

.gs-intro__image {
	width: 462px;
	max-width: 100%;
	height: auto;
}

.gs-intro__body {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 10px;
}

.gs-intro__body p {
	margin: 0;
	font-size: 21px;
	font-weight: 500;
	line-height: 27px;
	color: var(--gs-color-primary);
}

.gs-tags--buttons {
	gap: 10px;
}

.gs-tag-button {
	display: inline-flex;
	align-items: center;
	padding: 12px 24px;
	background: var(--gs-color-accent);
	border-radius: var(--gs-radius-button);
	color: var(--gs-color-white);
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
}

/* Компактные карточки фич (страница About). */
.gs-section--features-compact {
	padding-block: 10px;
}

.gs-section--features-compact .gs-grid {
	padding: 10px;
}

.gs-section--features-compact .gs-feature-card {
	justify-content: flex-start;
	gap: 34px;
	min-height: 179px;
}

/* Простой нумерованный список с красной линией. */
.gs-section--numbered-simple {
	padding-block: 0;
}

.gs-section--numbered-simple .gs-media {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 0;
	padding: 10px 0;
}

.gs-section--numbered-simple .gs-numbered {
	gap: 5px;
}

.gs-section--numbered-simple .gs-numbered__item {
	display: grid;
	grid-template-columns: 14px minmax(0, 1fr);
	gap: 20px;
	align-items: center;
	padding: 10px;
}

.gs-section--numbered-simple .gs-numbered__marker {
	display: block;
	width: 14px;
	height: 20px;
	border-radius: 0;
	background: none;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	color: var(--gs-color-primary);
}

.gs-section--numbered-simple .gs-numbered__body {
	padding: 10px 5px 10px 10px;
}

.gs-section--numbered-simple .gs-numbered__title {
	margin: 0;
	font-family: var(--gs-font-text);
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
	color: var(--gs-color-primary);
}

.gs-section--numbered-simple .gs-numbered__text {
	display: none;
}

.gs-section--numbered-simple .gs-media__figure {
	display: flex;
	align-items: center;
	justify-content: center;
}

.gs-section--numbered-simple .gs-media__image {
	width: 385px;
	max-width: 100%;
	height: auto;
}

/* Контакты: карточки каналов и форма с иллюстрацией. */
.gs-section--contacts {
	padding-block: 0;
}

.gs-section--contacts .gs-grid {
	gap: 20px;
	padding: 10px 0;
}

.gs-contact-card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-height: 326px;
	padding: 20px;
}

.gs-contact-card__icon {
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 10px;
}

.gs-contact-card__svg {
	width: 24px;
	height: 24px;
}

.gs-contact-card__title {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	color: var(--gs-color-primary);
}

.gs-contact-card__text {
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	color: var(--gs-color-primary);
}

.gs-contact-card__value {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: var(--gs-color-primary);
}

.gs-contact-card__text strong {
	font-weight: 700;
}

.gs-contact-card .gs-button {
	align-self: flex-start;
	margin-top: auto;
}

.gs-section--form {
	padding-block: 0;
}

.gs-form-layout {
	display: grid;
	grid-template-columns: minmax(0, 456px) minmax(0, 684px);
	gap: 0;
	padding: 10px 0;
}

.gs-form-layout__figure {
	margin: 0;
	padding: 10px;
}

.gs-form-layout__image {
	width: 436px;
	max-width: 100%;
	height: auto;
}

.gs-form-layout__panel {
	padding: 10px 10px 4px;
	min-width: 0;
}

.gs-form-layout .gs-form__fields {
	gap: 20px 16px;
}

.gs-form-layout .gs-field {
	gap: 6px;
	margin-bottom: 0;
}

.gs-form-layout .gs-field__label {
	font-size: 14px;
	line-height: 18px;
}

.gs-form-layout textarea.gs-field__input {
	min-height: 90px;
}

.gs-form-layout .gs-form__captcha {
	margin-top: 20px;
}

.gs-form-layout .gs-form__actions {
	margin-top: 20px;
}

.gs-form-layout form {
	padding-bottom: 7px;
}

.gs-form-layout .gs-form-wrap {
	max-width: none;
	margin-top: 0;
}

/* Нумерованный список с красной линией и описаниями (страницы услуг). */
.gs-section--numbered-bars {
	padding-block: 0;
}

.gs-section--numbered-bars .gs-media {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 0;
	padding: 10px 0;
}

.gs-section--numbered-bars .gs-numbered {
	gap: 10px;
}

.gs-section--numbered-bars .gs-numbered__item {
	display: grid;
	grid-template-columns: 14px minmax(0, 1fr);
	gap: 20px;
	align-items: center;
	padding: 10px;
}

.gs-section--numbered-bars .gs-numbered__marker {
	display: block;
	width: 14px;
	height: 20px;
	border-radius: 0;
	background: none;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	color: var(--gs-color-primary);
}

.gs-section--numbered-bars .gs-numbered__body {
	padding: 0 5px 0 10px;
}

.gs-section--numbered-bars .gs-numbered__title {
	margin: 0 0 7px;
	font-family: var(--gs-font-text);
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
	color: var(--gs-color-primary);
}

.gs-section--numbered-bars .gs-numbered__text {
	margin: 0;
	font-size: 14px;
	line-height: 15px;
	color: var(--gs-color-text);
}

.gs-section--numbered-bars .gs-media__figure {
	display: flex;
	align-items: center;
	justify-content: center;
}

.gs-media__figure--stack {
	flex-direction: column;
	gap: 20px;
}

.gs-media__figure--stack .gs-media__image {
	flex: 0 0 auto;
}

/* Блок основателя. */
.gs-section--founder {
	padding-block: 0;
}

.gs-founder {
	padding: 80px 5px 50px;
}

.gs-founder__title {
	margin: 0;
	font-size: 35px;
	font-weight: 700;
	line-height: 35px;
	color: var(--gs-color-primary);
}

.gs-founder__text {
	margin-top: 20px;
	font-size: 21px;
	font-weight: 500;
	line-height: 27px;
	color: var(--gs-color-primary);
}

.gs-founder__text p {
	margin: 0;
}

.gs-founder__tagline {
	margin: 20px 0 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 27px;
	color: var(--gs-color-primary);
}

/* Страница услуг: компактные карточки экспертизы 367×263. */.gs-section--cards-expertise .gs-grid {
	gap: 20px;
	padding: 10px 0;
}

.gs-section--cards-expertise {
	padding-bottom: 2px;
}

.gs-section--cards-expertise .gs-service-card {
	gap: 15px;
	min-height: 263px;
	padding: 25px;
}

.gs-section--cards-expertise .gs-service-card--logo {
	padding: 20px;
}

.gs-section--cards-expertise .gs-service-card__icon {
	width: 48px;
	height: 48px;
	margin-bottom: 0;
	padding: 12px;
}

.gs-section--cards-expertise .gs-service-card__svg {
	width: 24px;
	height: 24px;
}

.gs-section--cards-expertise .gs-service-card__logo {
	width: 96px;
	height: 96px;
}

.gs-section--cards-expertise .gs-service-card--logo .gs-service-card__brand {
	font-size: 35px;
	line-height: 35px;
}

.gs-section--cards-expertise .gs-service-card--logo .gs-service-card__tagline {
	font-size: 20px;
	line-height: 20px;
}

/* FAQ: подсказка справа или слева задаётся базовыми классами. */

/* Страницы услуг: компактные тёмные карточки 360×306. */
.gs-section--cards-compact .gs-grid {
	gap: 30px;
	padding: 0;
}

.gs-section--cards-compact .gs-service-card {
	min-height: 306px;
}

/* Блог: первый экран 400 px и сетка статей.
   Внешний вид карточки задаёт базовая тема (components.css). */
.gs-section--blog {
	padding-block: 0;
}

.gs-section--blog .gs-grid {
	padding: 70px 0 0;
}

/* Пагинация блога: как в Elementor на globus.studio. */
.gs-section--blog .gs-blog-pagination {
	margin-top: 20px;
	font-family: var(--gs-font-text);
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
}

.gs-section--blog .gs-blog-pagination .page-numbers {
	margin: 0 5px;
	color: #c36;
}

.gs-section--blog .gs-blog-pagination .page-numbers.current,
.gs-section--blog .gs-blog-pagination .page-numbers.dots,
.gs-section--blog .gs-blog-pagination .page-numbers.prev,
.gs-section--blog .gs-blog-pagination .page-numbers.next {
	color: #333;
}

.gs-section--blog .gs-blog-pagination a.page-numbers:hover,
.gs-section--blog .gs-blog-pagination a.page-numbers:focus-visible {
	color: #336;
}

/* Адаптив новых блоков клона. */
@media (max-width: 1024px) {
	.gs-intro {
		grid-template-columns: minmax(0, 1fr);
		padding-top: 40px;
	}

	.gs-intro__image {
		width: 100%;
	}

	.gs-form-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.gs-form-layout__image {
		width: 100%;
	}

	.gs-case-row {
		grid-template-columns: minmax(0, 1fr);
	}

	.gs-case-row__media,
	.gs-case-row--media-start .gs-case-row__media {
		order: 0;
	}

	.gs-section--numbered-simple .gs-media,
	.gs-section--numbered-bars .gs-media {
		grid-template-columns: minmax(0, 1fr);
	}

	.gs-section--numbered-simple .gs-media__image,
	.gs-section--numbered-bars .gs-media__image {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.gs-intro__body p {
		font-size: 18px;
		line-height: 26px;
	}

	.gs-tag-button {
		padding: 10px 16px;
		font-size: 12px;
	}

	.gs-founder {
		padding: 40px 5px 32px;
	}

	.gs-founder__title {
		font-size: 28px;
		line-height: 30px;
	}

	.gs-founder__text {
		font-size: 18px;
		line-height: 26px;
	}
}

@media (max-width: 1024px) {
	.gs-header__actions {
		display: none;
	}
}

@media (max-width: 767px) {
	.gs-hero__actions .gs-button {
		width: auto;
	}
}

/* Ряды кейсов: высоты оригинала (текст может переноситься иначе). */
@media (min-width: 1025px) {
	.gs-section--cases .gs-case-row:nth-child(1) { min-height: 532px; }
	.gs-section--cases .gs-case-row:nth-child(2) { min-height: 490px; }
	.gs-section--cases .gs-case-row:nth-child(3) { min-height: 490px; }
	.gs-section--cases .gs-case-row:nth-child(4) { min-height: 490px; }
	.gs-section--cases .gs-case-row:nth-child(5) { min-height: 448px; }
}

/* How We Work: красная линия начинается справа от номера и идёт по высоте
   заголовка с текстом, как на оригинале. */
.gs-steps__inner {
	margin: 0;
	padding: 0;
	border-inline-start: 0;
}

.gs-steps__body {
	padding: 10px 5px 10px 10px;
}

.gs-steps__title {
	font-size: 16px;
	line-height: 18px;
}

.gs-steps__text {
	font-size: 14px;
	line-height: 15px;
}

/* Светлые карточки возможностей на внутренних страницах: 3–4 колонки,
   иконка без круга, крупный заголовок Montserrat. */
.gs-section--features-capabilities .gs-grid {
	gap: 30px;
	padding: 10px 0;
}

.gs-section--features-capabilities .gs-feature-card {
	justify-content: flex-start;
	gap: 15px;
	min-height: 285px;
	padding: 35px;
}

.gs-section--features-capabilities .gs-feature-card__icon {
	width: 36px;
	height: 36px;
	margin: 0 0 10px;
	border-radius: 0;
	background: none;
	color: var(--gs-color-primary);
}

.gs-section--features-capabilities .gs-feature-card__svg {
	width: 36px;
	height: 36px;
}

.gs-section--features-capabilities .gs-feature-card__title {
	margin: 0;
	font-size: 26px;
	font-weight: 500;
	line-height: 26px;
}

.gs-section--features-capabilities .gs-feature-card__text {
	margin: 0;
	font-size: 14px;
	line-height: 21px;
	color: var(--gs-color-primary);
}

@media (max-width: 1024px) {
	.gs-section--features-capabilities .gs-feature-card {
		min-height: 0;
	}
}

/* Web Development: ряды «две тёмные карточки + изображение». */
.gs-section--focus-rows {
	padding-block: 0;
}

.gs-focus-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	align-items: center;
	margin-top: 40px;
}

.gs-focus-row__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding: 10px;
}

.gs-focus-card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-height: 345px;
	padding: 30px;
	border-radius: var(--gs-radius-card);
	background: var(--gs-color-primary);
	color: var(--gs-color-secondary);
}

.gs-focus-card__title {
	margin: 0;
	font-family: var(--gs-font-heading);
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	color: var(--gs-color-secondary);
}

.gs-focus-card__text {
	margin: 0;
	font-size: 14px;
	line-height: 21px;
	color: var(--gs-color-secondary);
}

.gs-focus-row__media {
	margin: 0;
	padding: 10px;
}

.gs-focus-row__image {
	width: 100%;
	height: auto;
	border-radius: var(--gs-radius-card);
}

.gs-focus-row__logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 10px;
}

.gs-focus-row--reverse .gs-focus-row__cards {
	order: 2;
}

.gs-focus-row--reverse .gs-focus-row__media {
	order: 1;
}

@media (max-width: 767px) {
	.gs-focus-row {
		grid-template-columns: minmax(0, 1fr);
	}

	.gs-focus-row__cards {
		grid-template-columns: minmax(0, 1fr);
	}

	.gs-focus-row--reverse .gs-focus-row__cards,
	.gs-focus-row--reverse .gs-focus-row__media {
		order: 0;
	}

	.gs-focus-card {
		min-height: 0;
	}
}

@media (max-width: 767px) {
	/* Заголовки секций: 30/35 и подзаголовок 16/24, как на живом сайте. */
	.gs-section-heading {
		padding: 10px 0 20px;
	}

	.gs-section-heading__title {
		font-size: 30px;
		line-height: 35px;
	}

	.gs-section-heading__subtitle {
		margin-top: 10px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
	}

	/* Карточки услуг: автовысота, компактные отступы и мелкий текст. */
	.gs-section--services .gs-grid {
		gap: 10px;
	}

	.gs-section--services .gs-service-card {
		gap: 15px;
		min-height: 0;
		padding: 15px;
	}

	.gs-section--services .gs-service-card--logo {
		padding: 15px;
	}

	.gs-section--services .gs-service-card__logo {
		width: 96px;
		height: 96px;
	}

	.gs-section--services .gs-service-card__title {
		font-size: 26px;
		line-height: 26px;
	}

	.gs-section--services .gs-service-card__text {
		margin-bottom: 14px;
		font-size: 12px;
		line-height: 14px;
	}

	/* Четыре преимущества на главной — две колонки. */
	.gs-front .gs-section--features .gs-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 5px;
		padding: 0;
	}

	.gs-front .gs-section--features .gs-feature-card {
		gap: 20px;
		min-height: 0;
		padding: 10px;
	}

	.gs-front .gs-section--features .gs-feature-card__title {
		font-size: 18px;
		line-height: 18px;
	}

	.gs-front .gs-section--features .gs-feature-card__text {
		margin-top: 18px;
		margin-bottom: 14px;
		font-size: 12px;
		line-height: 18px;
	}

	/* How We Work: список на всю ширину, картинка под ним. */
	.gs-section--steps .gs-media,
	.gs-section--steps.gs-section--reverse .gs-media {
		grid-template-columns: minmax(0, 1fr);
	}

	.gs-section--steps .gs-media__body,
	.gs-section--steps.gs-section--reverse .gs-media__body {
		order: 1;
		padding: 0 10px;
	}

	.gs-section--steps .gs-media__figure,
	.gs-section--steps.gs-section--reverse .gs-media__figure {
		order: 2;
		padding: 20px 10px 0;
	}

	.gs-section--steps .gs-media__image {
		width: 263px;
		max-width: 100%;
	}

	.gs-steps__item {
		padding: 10px 10px 10px 3px;
	}

	.gs-steps__inner {
		gap: 10px;
	}

	/* CTA на мобильном: без картинки, как на оригинале. */
	.gs-cta__figure {
		display: none;
	}

	.gs-cta {
		margin-block: 40px 0;
	}

	.gs-cta__inner {
		gap: 0;
		padding: 40px 0 20px;
	}

	.gs-cta__content {
		gap: 10px;
		padding: 10px;
	}

	.gs-cta__title {
		padding: 0;
		font-size: 30px;
		line-height: 35px;
	}

	.gs-cta__text {
		padding: 0;
		font-size: 14px;
		line-height: 16px;
	}

	/* Карточки продуктов: без принудительной высоты. */
	.gs-section--projects .gs-project-card {
		min-height: 0;
	}

	/* Карточки-ссылки: компактные, как на оригинале. */
	.gs-link-card {
		gap: 20px;
		min-height: 96px;
		padding: 15px;
	}

	.gs-link-card__title {
		font-size: 14px;
		line-height: 16px;
	}

	.gs-link-card__text {
		font-size: 12px;
		line-height: 14px;
	}

	/* FAQ: компактные строки аккордеона, как на оригинале. */
	.gs-accordion__summary {
		padding: 12px 0 12px 10px;
		font-size: 13px;
		line-height: 16px;
	}

	.gs-accordion__answer {
		padding: 8px 10px 6px 10px;
		font-size: 12px;
		line-height: 16px;
	}
}

/* Мобильный hero: картинка скрыта, высота и типографика как на globus.studio. */
@media (max-width: 767px) {
	.gs-hero {
		padding-block: 0;
	}

	.gs-hero__inner {
		min-height: 350px;
		padding-block: 10px;
		align-items: stretch;
	}

	.gs-front .gs-hero__inner {
		min-height: 550px;
	}

	.gs-hero__figure {
		display: none;
	}

	.gs-hero__content {
		gap: 20px;
	}

	.gs-front .gs-hero__content {
		gap: 30px;
	}

	.gs-hero__title {
		font-size: 30px;
		line-height: 35px;
	}

	.gs-hero__heading {
		font-size: 20px;
		line-height: 22px;
	}

	.gs-hero__subtitle,
	.gs-hero__text {
		font-size: 14px;
		line-height: 16px;
		font-weight: 500;
	}

	.gs-hero__tags {
		font-size: 10px;
		line-height: 15px;
		font-weight: 300;
	}

	.gs-hero__actions .gs-button {
		padding: 10px;
		font-size: 10px;
		line-height: 10px;
	}

	.gs-feature-card__title {
		overflow-wrap: break-word;
	}
}

/* Реестры на странице Projects: репозитории GitHub и пакеты.
   Новые классы, существующие компоненты не переопределяются. */
.gs-section--repositories,
.gs-section--packages {
	padding-block: 40px 30px;
}

.gs-section--repositories .gs-section-heading,
.gs-section--packages .gs-section-heading {
	padding: 0 10px;
}

.gs-registry-group + .gs-registry-group {
	margin-top: var(--gs-space-4);
}

.gs-section--packages .gs-registry-group:first-of-type {
	margin-top: var(--gs-space-3);
}

.gs-registry-group__title {
	margin: 0;
	padding: 0 10px 8px;
	font-family: var(--gs-font-heading);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--gs-color-primary);
}

.gs-registry-list {
	display: grid;
	gap: 0 var(--gs-space-5);
	margin: 0;
	padding: 0 10px;
	list-style: none;
}

.gs-registry-list--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gs-registry-list--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gs-registry-item {
	min-width: 0;
	padding: 12px 0;
	border-bottom: 1px solid var(--gs-color-border);
}

.gs-registry-item__head {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px 10px;
}

a.gs-registry-item__head {
	color: var(--gs-color-primary);
	text-decoration: none;
}

a.gs-registry-item__head:hover,
a.gs-registry-item__head:focus {
	color: var(--gs-color-accent);
}

.gs-registry-item__title {
	min-width: 0;
	overflow-wrap: break-word;
	font-family: var(--gs-font-heading);
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
}

.gs-registry-item__version,
.gs-registry-item__meta {
	font-family: var(--gs-font-text);
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gs-color-muted);
}

.gs-registry-item__text {
	display: -webkit-box;
	margin: 4px 0 0;
	overflow: hidden;
	font-family: var(--gs-font-text);
	font-size: 13px;
	line-height: 18px;
	color: var(--gs-color-muted);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

@media (max-width: 1024px) {
	.gs-registry-list--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.gs-registry-list--2,
	.gs-registry-list--3 {
		grid-template-columns: minmax(0, 1fr);
	}

	.gs-registry-item__text {
		-webkit-line-clamp: 3;
	}
}
