/**
 * Author Profile Theme — адаптивная вёрстка (mobile-first: базовые
 * стили в main.css уже рассчитаны на мобильные, здесь — уточнения
 * для более узких экранов и упрощение табов).
 */

@media (max-width: 900px){
	.apt-bio{ grid-template-columns: 1fr; }
	.page-content-wrap{ grid-template-columns: 1fr; }
}

@media (max-width: 782px){
	.site-header__inner{ flex-direction:column; align-items:flex-start; gap:10px; }
	.primary-menu{ gap:14px; overflow-x:auto; width:100%; padding-bottom:4px; }
}

@media (max-width: 680px){
	.apt-hero{ padding: 40px 0 32px; }
	.apt-hero__inner{ flex-direction:column; text-align:center; }
	.apt-hero__photo{ width:160px; height:160px; margin:0 auto; }
	.apt-hero__actions, .apt-social{ justify-content:center; }

	.card-grid, .video-grid, .quote-grid{ grid-template-columns: 1fr; }

	/* Табы на мобильных — горизонтальная лента с прокруткой вместо переноса строк */
	.apt-tabs{
		flex-wrap:nowrap;
		overflow-x:auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom:6px;
		margin: 18px -20px 22px;
		padding-left:20px;
		padding-right:20px;
	}
	.apt-tab{ flex:0 0 auto; white-space:nowrap; }

	.apt-section{ padding: 40px 0; }
	.footer-inner{ flex-direction:column; align-items:flex-start; text-align:left; }
}

@media (max-width: 480px){
	body{ font-size:16px; }
	h1{ font-size:28px; }
	h2{ font-size:22px; }
}