/* ColorJoy Pages — mobile & tablet overrides. Loaded only on max-width:1024px. */

@media (max-width:1024px){
	.cj-hero{padding:24px 0}
	.cj-hero__inner{grid-template-columns:1fr;text-align:center;gap:20px}
	.cj-hero__subtitle{margin-inline:auto}
	.cj-hero__mascot{justify-self:center;max-width:220px;margin:0 auto}
	.cj-hero__mascot img{max-width:220px;margin:0 auto}
	.cj-hero__shapes{height:120px;max-width:320px;margin:0 auto}
	.cj-search{margin-inline:auto}

	.cj-layout{grid-template-columns:1fr;gap:18px}
	.cj-sidebar{position:static;top:auto}
	.cj-sidebar__list{
		display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
		gap:4px 10px;
	}
	.cj-sidebar__list li{border-bottom:0}
	.cj-sidebar__list a{padding:6px 4px}
}

@media (max-width:768px){
	body{font-size:14.5px}
	.cj-section{padding:22px 0}

	.cj-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
	.cj-cat-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}
	.cj-cat-card{padding:12px 6px;font-size:.78rem}
	.cj-cat-card__emoji{font-size:1.5rem}

	.cj-card__title{font-size:.82rem;padding:6px 8px 4px;min-height:2.5em}
	.cj-card__actions{padding:5px 6px 6px;gap:4px}
	.cj-card__actions .cj-btn{padding:.4em .4em;font-size:.72rem}

	.cj-search__input{padding:.65em .8em;font-size:.95rem}
	.cj-search__btn{padding:0 .9em;font-size:.9rem}
	.cj-search__btn span:last-child{display:none}
	.cj-search__btn::before{content:"🔍"}

	.cj-article__title{font-size:1.4rem}
	.cj-article__actions{flex-direction:column;align-items:stretch;gap:8px;padding:10px}
	.cj-article__actions .cj-btn{width:100%;justify-content:center;font-size:1rem;padding:.85em}

	.cj-archive__header{padding:12px 14px}
	.cj-archive__title{font-size:1.3rem}

	.cj-cta-band{padding:28px 0}
	.cj-cta-band__title{font-size:1.25rem}
	.cj-btn--large{padding:.75em 1.3em;font-size:.95rem}
	.cj-section__title{font-size:1.1rem;margin-bottom:12px;padding-bottom:6px}
	.cj-section__title .cj-more{font-size:.8rem}
}

@media (max-width:430px){
	.cj-grid{grid-template-columns:repeat(2,1fr);gap:8px}
	.cj-cat-grid{grid-template-columns:repeat(3,1fr);gap:6px}
	.cj-hero__title{font-size:1.4rem;line-height:1.25}
	.cj-hero__subtitle{font-size:.92rem}
	.cj-card__title{font-size:.78rem;min-height:2.3em}
	.cj-cat-tabs__item{padding:9px 10px;font-size:.82rem}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{
		animation-duration:0ms !important;
		transition-duration:0ms !important;
	}
	html{scroll-behavior:auto}
}