:root {
  --razia-primary: #2563eb;
  --razia-accent:  #22c55e;
  --razia-foreground:#0f172a;
  --razia-muted:    #64748b;
  --razia-bg:       #ffffff;
}
.razia-container { max-width:1200px; margin:0 auto; padding:0 1rem; }
.razia-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:1.25rem; }
@media (max-width:1024px){ .razia-grid { grid-template-columns: repeat(2,1fr);} }
@media (max-width:640px){ .razia-grid { grid-template-columns: 1fr; } }
.razia-card { background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 24px rgba(0,0,0,.06); transition:transform .12s, box-shadow .12s; height:100%; display:flex; flex-direction:column; }
.razia-card:hover { transform: translateY(-2px); box-shadow:0 3px 6px rgba(0,0,0,.06),0 10px 28px rgba(0,0,0,.12); }
.razia-card__media img { width:100%; height:auto; display:block; }
.razia-card__body { padding: .9rem 1rem 1.1rem; display:flex; flex-direction:column; gap:.5rem; }
.razia-card__title { font-size:1.1rem; line-height:1.35; margin:0; }
.razia-card__title a { color:var(--razia-foreground); text-decoration:none; }
.razia-card__title a:hover { color:var(--razia-primary); }
.razia-card__meta { font-size:.85rem; color:var(--razia-muted); }
.razia-btn { display:inline-block; padding:.6rem 1.1rem; border-radius:999px; background:var(--razia-primary); color:#fff; text-decoration:none; font-weight:600; }
.razia-btn.is-outline { background:transparent; color:var(--razia-primary); border:1px solid var(--razia-primary); }
.razia-section { padding: 2rem 0; }
.razia-hero { padding: 3rem 0; }
.razia-hero h1 { font-size: clamp(2rem, 5vw, 3rem); margin: 0 0 .5rem; }
.razia-hero p  { font-size:1.125rem; color:var(--razia-muted); margin:0 0 1rem; }