/* >= 1240px: 3-column (default via reader-layout). */

/* 960-1239px: hide right TOC, keep sidebar + content */
@media (max-width: 1239px) {
	.docs-layout {
		grid-template-columns: var(--docs-sidebar-width) minmax(0, 1fr);
	}

	.docs-toc {
		display: none;
	}
}

/* < 960px: single column, sidebar drawer, TOC collapsible */
@media (max-width: 959px) {
	.docs-layout {
		display: block;
	}

	.docs-sidebar {
		display: none;
	}

	.docs-menu-btn {
		display: inline-flex;
	}

	.docs-topbar-controls {
		gap: 2px;
	}

	.docs-main {
		padding: 0 16px 40px;
	}

	.docs-article-title {
		font-size: 1.7rem;
	}

	.docs-mobile-toc-toggle {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		margin: 24px 0 8px;
		border: 1px solid var(--docs-border);
		background: var(--docs-surface);
		border-radius: var(--docs-radius-sm);
		padding: 8px 14px;
		color: var(--docs-text);
		font: inherit;
		cursor: pointer;
		width: 100%;
		justify-content: space-between;
	}

	.docs-toc {
		position: static;
		height: auto;
		display: none;
		border-left: 0;
		padding: 0 0 16px;
	}

	.docs-toc.is-open {
		display: block;
	}

	.docs-home-search {
		min-width: 0;
		width: 100%;
		justify-content: center;
	}
}

/* < 640px: mobile optimized */
@media (max-width: 639px) {
	.docs-topbar-inner {
		padding: 0 12px;
		gap: 10px;
	}

	.docs-topbar-controls {
		gap: 0;
	}

	.docs-account {
		display: none;
	}

	.docs-home {
		padding: 24px 16px 48px;
	}

	.docs-home-title {
		font-size: 1.8rem;
	}

	.docs-guides-grid {
		grid-template-columns: 1fr;
	}

	.docs-article {
		padding-top: 20px;
	}

	.docs-prev-next {
		grid-template-columns: 1fr;
	}

	.docs-guide-landing {
		padding: 24px 16px 64px;
	}

	.docs-guide-title {
		font-size: 1.9rem;
	}

	.docs-guide-chapter a {
		flex-wrap: wrap;
		gap: 6px;
	}

	.docs-guide-chapter-file {
		margin-left: 0;
		width: 100%;
	}

	.docs-search-backdrop {
		padding: 8vh 8px 8px;
	}

	.docs-footer-inner {
		flex-direction: column;
		gap: 8px;
	}
}