.container{max-width:var(--max-content);margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:var(--max-narrow);margin:0 auto;padding:0 var(--space-6)}.container-wide{max-width:var(--max-wide);margin:0 auto;padding:0 var(--space-6)}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent-text)}.text-sm{font-size:var(--font-sm)}.text-xs{font-size:var(--font-xs)}.text-lg{font-size:var(--font-lg)}.truncate-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.truncate-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}@media (max-width: 1024px){.grid-4,.grid-6{grid-template-columns:repeat(3,1fr)}.hide-tablet{display:none!important}}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.grid-3,.grid-4,.grid-6{grid-template-columns:repeat(2,1fr)}.hide-mobile{display:none!important}.container,.container-narrow,.container-wide{padding:0 var(--space-4)}}@media (max-width: 480px){.grid-3,.grid-4{grid-template-columns:1fr}}