/* Growth Optimax Blog — Responsive overrides */

@media (min-width: 480px) {
	.go-horizontal {
		grid-template-columns: 150px 1fr;
	}
}

@media (min-width: 768px) {
	:root {
		--go-pad: 24px;
	}

	.go-header__utility {
		display: block;
	}

	.go-header-cta {
		display: inline-flex;
	}

	.go-horizontal {
		grid-template-columns: 200px 1fr;
		gap: 1.25rem;
	}

	.go-horizontal__excerpt {
		display: block;
	}

	.go-card-grid,
	.go-related__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.go-featured-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.go-featured--lead {
		grid-column: 1 / -1;
	}

	/* Lead grid: hero + right rail side by side on tablet */
	.go-lead {
		grid-template-columns: minmax(0, 1fr) 260px;
	}

	.go-lead__rail--left {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem 1.25rem;
	}

	.go-lead__rail--left .go-card--rail-thumb {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.go-lead__center {
		order: 0;
	}

	.go-lead__secondary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.5rem;
	}

	.go-category-section__grid {
		grid-template-columns: 1.4fr 1fr;
	}

	.go-category-section__grid .go-featured--lead {
		grid-column: auto;
		grid-row: 1 / span 4;
	}

	.go-footer__columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.go-footer__baseline {
		align-items: flex-start;
	}

	.go-video-section__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.go-post-nav {
		grid-template-columns: 1fr 1fr;
	}

	.go-post-nav__link--next {
		text-align: right;
	}
}

@media (min-width: 1024px) {
	:root {
		--go-pad: 32px;
	}

	.go-menu-toggle {
		visibility: hidden;
		pointer-events: none;
	}

	.go-primary-nav {
		display: block;
	}

	.go-footer__columns {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 2rem 2.5rem;
	}

	.go-footer__column--newsletter {
		grid-column: auto;
	}

	.go-video-section__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.5rem 2rem;
	}

	.go-featured-grid {
		grid-template-columns: 1.4fr 1fr;
		gap: 2rem;
	}

	.go-featured--lead {
		grid-column: 1;
		grid-row: 1 / span 4;
		border-bottom: 0;
		padding-right: 2rem;
		border-right: 1px solid var(--go-border-light);
	}

	/* Lead grid: three editorial zones with vertical dividers */
	.go-lead {
		grid-template-columns: 260px minmax(0, 1fr) 300px;
		gap: 2rem;
		align-items: start;
	}

	.go-lead__rail--left {
		grid-column: auto;
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.go-lead__rail--left .go-card--rail-thumb {
		border-bottom: 1px solid var(--go-border-light);
		padding-bottom: 0.9rem;
		grid-template-columns: 88px 1fr;
	}

	.go-lead__center {
		padding: 0 2rem;
		border-left: 1px solid var(--go-border-light);
		border-right: 1px solid var(--go-border-light);
	}

	.go-lead__secondary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.go-card-grid,
	.go-related__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.go-popular-section .go-card-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	/* Single: sticky TOC sidebar matching screenshot */
	.go-single__layout.has-toc {
		grid-template-columns: minmax(280px, 340px) minmax(0, 900px);
		gap: clamp(2rem, 5vw, 4.5rem);
		align-items: start;
		justify-content: center;
	}

	.go-single__toc-mobile {
		display: none;
	}

	.go-single__toc-desktop {
		display: block;
	}

	.go-toc--desktop {
		position: sticky;
		top: var(--go-header-offset);
		max-height: calc(100vh - var(--go-header-offset) - 24px);
	}

	.go-toc--desktop .go-toc__card {
		max-height: inherit;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		padding: 1.35rem 1.4rem;
		border-radius: 20px;
	}

	.go-toc--desktop .go-toc__nav {
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	.go-author-box,
	.go-single__footer,
	.go-comments,
	.go-related {
		max-width: none;
	}

	.go-related {
		grid-column: 1 / -1;
	}

	/* Sticky social rail replaces the inline footer share row */
	.go-single__layout-inner {
		display: grid;
		grid-template-columns: 1fr 56px;
		gap: 1.5rem;
		align-items: start;
	}

	.go-single__social-rail {
		display: block;
		position: sticky;
		top: 140px;
	}

	.go-single__footer-share {
		display: none;
	}

	.go-big-story {
		grid-template-columns: 1.1fr 1fr;
	}
}

@media (max-width: 1023px) {
	.go-big-story,
	.go-big-story--align-center {
		grid-template-columns: 1fr;
		text-align: left;
		padding: 1.75rem;
	}

	.go-big-story--align-center .go-big-story__body {
		margin: 0;
	}

	.go-swiper__nav {
		width: 30px;
		height: 30px;
	}
}

@media (min-width: 1280px) {
	.go-featured--lead .go-featured__title {
		font-size: clamp(2.6rem, 4vw, 4.5rem);
	}

	.go-category-section__grid {
		grid-template-columns: 1.5fr repeat(2, minmax(0, 1fr));
	}

	.go-category-section__grid .go-featured--lead {
		grid-row: 1 / span 2;
	}

	.go-card-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 1023px) {
	.go-single__toc-desktop {
		display: none !important;
	}
}

@media (max-width: 359px) {
	.go-horizontal {
		grid-template-columns: 1fr;
	}

	.go-header__row {
		min-height: 46px;
	}

	.go-brand__title {
		font-size: 1.1rem;
	}
}
