/* Minimal compiled styles for PS213 theme (fallback when frontend build is not available) */
:root{--primary:#0066cc;--accent:#ffb703;--max-width:1400px}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;margin:0;color:#222;background:#fdfdfd}
.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}
.site-header{background:#fff;border-bottom:1px solid #eee}
.site-header .container{max-width: fit-content;display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.branding{display:flex;align-items:center;gap:0.75rem}
.site-logo img{width:48px;height:48px;border-radius:8px;display:block}
.site-title{font-weight:700}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem}
.site-nav a{color:#333;text-decoration:none}

.ps213-app .hero{background-image:linear-gradient(90deg,var(--primary),#4f46e5);color:#fff;padding:3rem 0}
.ps213-app .hero h1{font-size:2rem;margin:0}
.ps213-app .hero p{opacity:0.95}

.posts-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-top:1rem}
@media(min-width:640px){.posts-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.posts-grid{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;height:180px;object-fit:cover}
.card .content{padding:1rem;flex:1;display:flex;flex-direction:column}
.card h3{margin:0 0 0.5rem 0;font-size:1.05rem}
.card p{margin:0;color:#555;flex:1}
.card a.readmore{color:var(--primary);font-weight:600;text-decoration:none;margin-top:0.5rem}

.site-footer{padding:1rem 0;border-top:1px solid #eee;margin-top:2rem}
.pagination{display:flex;gap:0.5rem;justify-content:center;margin-top:1rem}

/* small utilities */
.text-center{text-align:center}