@media (min-width: 1440px) {
	.sbo-container {
		max-width: 1240px;
	}
}

@media (max-width: 1180px) {
	.sbo-header-inner {
		min-height: 68px;
	}

	.sbo-brand {
		order: 1;
	}

	.sbo-header-cta {
		order: 2;
	}

	.sbo-menu-toggle {
		display: block;
		order: 3;
	}

	.sbo-nav {
		background: var(--sbo-surface);
		border: 1px solid var(--sbo-border);
		border-radius: 0;
		box-shadow: var(--sbo-shadow);
		display: none;
		inset: 0 0 auto auto;
		max-height: 100vh;
		min-height: 100vh;
		order: 4;
		overflow: auto;
		padding: 18px;
		position: fixed;
		top: 0;
		width: min(88vw, 360px);
		z-index: 62;
	}

	.sbo-nav.is-open {
		display: block;
	}

	.sbo-nav-list {
		align-items: stretch;
		display: grid;
		gap: 6px;
	}

	.sbo-nav-list a {
		border-radius: 12px;
		color: var(--sbo-text);
		display: block;
		padding: 10px 12px;
	}

	.sbo-nav-list .current-menu-item > a::after,
	.sbo-nav-list .current_page_item > a::after {
		display: none;
	}

	.sbo-nav-list .current-menu-item > a,
	.sbo-nav-list .current_page_item > a,
	.sbo-nav-list .current-menu-ancestor > a {
		background: #fff1e8;
		color: var(--sbo-accent-600);
	}

	.sbo-nav-list .sub-menu {
		background: var(--sbo-bg-soft);
		border: 0;
		box-shadow: none;
		display: grid;
		margin: 4px 0 4px 12px;
		min-width: 0;
		padding: 6px;
		position: static;
	}

	.sbo-menu-backdrop {
		background: rgba(3, 13, 31, 0.56);
		border: 0;
		inset: 0;
		padding: 0;
		position: fixed;
		width: 100%;
		z-index: 60;
	}

	body.sbo-menu-open {
		overflow: hidden;
	}

	.sbo-menu-close {
		align-items: center;
		background: var(--sbo-bg-soft);
		border: 1px solid var(--sbo-border);
		border-radius: 12px;
		color: var(--sbo-secondary);
		display: inline-flex;
		font-weight: 900;
		justify-content: center;
		margin-bottom: 14px;
		min-height: 40px;
		padding: 8px 12px;
	}

	.sbo-mobile-drawer-extra,
	.sbo-mobile-drawer-actions {
		border-top: 1px solid var(--sbo-border);
		display: grid;
		gap: 8px;
		margin-top: 12px;
		padding-top: 12px;
	}

	.sbo-mobile-drawer-extra a {
		border-radius: 12px;
		color: var(--sbo-text);
		font-weight: 800;
		padding: 10px 12px;
		text-decoration: none;
	}

	.sbo-hero-grid,
	.sbo-dashboard-preview {
		grid-template-columns: 1fr;
	}

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

	.sbo-exam-mockup {
		max-width: 680px;
	}

	.sbo-card-grid-3,
	.sbo-stats,
	.sbo-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1024px) {
	.sbo-hero-grid {
		gap: 28px;
	}

	.sbo-hero h1,
	.sbo-page-hero h1 {
		font-size: clamp(2.1rem, 5.4vw, 3.6rem);
	}
}

@media (max-width: 768px) {
	.sbo-container {
		width: min(100% - 24px, 100%);
	}

	.sbo-brand-wrap small {
		display: none;
	}

	.sbo-hero,
	.sbo-section {
		padding: 42px 0;
	}

	.sbo-card-grid-3,
	.sbo-stats,
	.sbo-steps,
	.sbo-dashboard-card {
		grid-template-columns: 1fr;
	}

	.sbo-mockup-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.sbo-button {
		justify-content: center;
		width: 100%;
	}

	.sbo-price-card.is-featured {
		transform: none;
	}

	.sbo-footer-grid {
		gap: 10px;
		grid-template-columns: 1fr;
	}

	.sbo-mobile-drawer-actions .sbo-user-link {
		color: var(--sbo-text);
		padding: 6px 4px;
	}
}

@media (max-width: 640px) {
	.sbo-header-cta {
		display: flex;
	}

	.sbo-header-cta .sbo-button-primary {
		display: none;
	}

	.sbo-header-cta .sbo-button-ghost {
		font-size: 0.88rem;
		min-height: 38px;
		padding: 8px 10px;
	}

	.sbo-mockup-stats {
		grid-template-columns: 1fr;
	}

	.sbo-question-pills,
	.sbo-mini-chart {
		display: none;
	}
}

@media (max-width: 480px) {
	.sbo-hero h1,
	.sbo-page-hero h1 {
		font-size: 2rem;
	}

	.sbo-card,
	.sbo-price-card,
	.sbo-empty,
	.sbo-shortcode-shell,
	.sbo-article,
	.sbo-dashboard-preview,
	.sbo-exam-mockup {
		border-radius: 16px;
		padding: 18px;
	}

	.sbo-header-inner {
		min-height: 64px;
	}

	.sbo-nav {
		top: 0;
	}
}

@media (max-width: 374px) {
	.sbo-hero h1,
	.sbo-page-hero h1 {
		font-size: 1.88rem;
	}

	.sbo-kicker {
		font-size: 0.78rem;
	}

	.sbo-answer-list li {
		font-size: 0.88rem;
	}
}