/**
 * Theme 26 — chrome responsive overrides.
 * Prefer clamp/grid first; breakpoints only where needed for nav.
 */

@media (max-width: 860px) {
	.fk-header__toggle {
		display: inline-flex;
		align-items: center;
	}

	.fk-header__panel {
		display: none;
		position: absolute;
		top: calc(var(--fk-header-h) + 2px);
		left: 0;
		right: 0;
		margin-left: 0;
		background: rgba(5, 5, 12, 0.96);
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
		border-bottom: 1px solid var(--fk-hairline-strong);
		padding: 24px var(--fk-gutter) 28px;
		flex-direction: column;
		align-items: flex-start;
		gap: 22px;
	}

	.fk-header.is-open .fk-header__panel {
		display: flex;
	}

	.fk-header__nav {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		margin-left: 0;
		width: 100%;
	}

	.fk-header__nav a {
		font-size: 18px;
	}

	.fk-header__email {
		padding-left: 0;
		border-left: 0;
		white-space: normal;
		word-break: break-word;
	}

	.fk-header__langs {
		padding-top: 4px;
	}

	/* Spine marker stacks above content when the left column collapses. */
	.fk-spine {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}

	.fk-spine__marker {
		padding-top: 0;
	}
}

@media (max-width: 480px) {
	.fk-header__brand img {
		height: 36px;
	}

	.fk-footer__legal {
		flex-direction: column;
		gap: 8px;
	}

	.fk-home-log__row {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
	}

	.fk-home-list__row {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
	}

	.fk-home-feature__spec {
		left: clamp(14px, 3vw, 42px);
		right: auto;
		bottom: clamp(10px, 2vw, 20px);
	}

	.fk-home-feature__title {
		bottom: clamp(36px, 6vw, 52px);
	}

	.fk-project-row {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}

	.fk-case-spec__row {
		grid-template-columns: minmax(0, 1fr);
		gap: 6px;
	}
}

@media (max-width: 640px) {
	.fk-studio__cap-row,
	.fk-notes__row {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
	}
}