@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&family=Noto+Nastaliq+Urdu:wght@400;700&family=Noto+Sans+SC:wght@400;500;600;700&family=Aref+Ruqaa:wght@400;700&family=Amiri:wght@400;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');
@import url('../design-system/tokens.css');
@import url('../design-system/patterns.css');
@import url('../design-system/components.css');

body {
  margin: 0;
  font-family: var(--dv-font-body);
  background: var(--dv-bg);
  color: var(--dv-text);
  line-height: 1.6;
}

.sg-section { padding: 3rem 0; border-bottom: 1px solid var(--dv-border); }
.sg-section h2 { color: var(--dv-iau-blue); margin-bottom: 0.5rem; }
.sg-section > p { color: var(--dv-text-muted); margin-bottom: 1.5rem; }
.sg-row { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin-bottom: 1rem; }
.sg-grid-swatch { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 1rem; }
.sg-sidebar { position: sticky; top: 80px; }
.sg-layout { display: grid; grid-template-columns: 220px 1fr; gap: 2rem; padding: 2rem 0; }
@media (max-width: 900px) { .sg-layout { grid-template-columns: 1fr; } .sg-sidebar { position: static; } }

/* Official IAU + alef.ba footer — Grok Loop v1 */
.dv-footer-official { padding: 3rem 0 2rem; }
.dv-footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
  text-align: start;
}
.dv-footer-col .dv-h4 { margin: 0 0 0.75rem; font-size: 0.95rem; }
.dv-footer-col p { margin: 0; line-height: 1.7; }
.dv-contact-block { text-align: start; max-width: 100%; }
.dv-contact-block p { margin: 0.5rem 0; }