/* ============================================================
   حاسبة دية الجنين — الغُرَّة (janin.dc.html) فوق dz.css
   ============================================================ */

.dz-head h1 { margin: 0 0 6px; color: var(--dz-navy); font-size: 44px; font-weight: 700; }
.dz-lede { margin: 0 0 28px; color: var(--dz-muted); font-size: 20px; max-width: 48em; text-wrap: pretty; }
.dz-lede strong { color: var(--dz-navy); }

.dz-cols { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.dz-form { flex: 1.6; min-width: 320px; display: flex; flex-direction: column; gap: 28px; }

/* اقتباس الحديث */
.dz-hadith {
  margin: 0; background: rgba(30, 58, 95, .05); border-radius: 12px;
  padding: 20px 26px 16px; border-right: 4px solid var(--dz-gold);
}
.dz-hadith blockquote { margin: 0; color: var(--dz-navy); font-size: 23px; line-height: 1.7; }
.dz-hadith figcaption { margin-top: 6px; color: var(--dz-muted); font-size: 18px; }

/* ---------- عمود النتيجة اللاصق ---------- */
.dz-aside { flex: 1.1; min-width: 300px; position: sticky; top: 86px; display: flex; flex-direction: column; gap: 18px; }

.dz-ruling {
  background: var(--dz-navy); border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .08); border-bottom: 4px solid var(--dz-gold);
  padding: 26px 28px; display: flex; flex-direction: column; gap: 6px;
}
.dz-ruling__label { color: #9FB0C6; font-size: 19px; }
.dz-ruling__t { color: #fff; font-size: 36px; font-weight: 700; line-height: 1.25; }
.dz-ruling p { margin: 4px 0 0; color: #C7D2E1; font-size: 19px; line-height: 1.65; }

.dz-amount { padding: 22px 26px; display: flex; flex-direction: column; gap: 2px; }
.dz-amount__label { color: var(--dz-muted); font-size: 19px; }
.dz-amount__big { color: var(--dz-navy); font-size: 44px; font-weight: 700; line-height: 1.2; }
.dz-amount__rows { display: flex; flex-direction: column; margin-top: 10px; }
.dz-arow {
  display: flex; justify-content: space-between; gap: 12px;
  padding: 8px 0; border-top: 1px solid #EDF0F3;
}
.dz-arow span:first-child { color: var(--dz-ink-2); font-size: 19px; }
.dz-arow span:last-child { color: var(--dz-navy); font-size: 20px; font-weight: 700; }

@media (max-width: 560px) {
  .dz-head h1 { font-size: 33px; }
  .dz-main { padding: 30px 16px 56px; }
  .dz-panel { padding: 18px 16px; }
  .dz-aside { position: static; }
}

/* ---------- الطباعة: الحكم والمقدار ---------- */
@media print {
  .dz-nav, .dz-foot, .dz-form, .dz-cta { display: none !important; }
  body { background: #fff; font-size: 16px; }
  .dz-aside { position: static; }
  .dz-card { box-shadow: none; border-color: #bbb; }
  .dz-ruling { background: #fff; border: 2px solid #1E3A5F; }
  .dz-ruling__t { color: #1E3A5F; }
  .dz-ruling p, .dz-ruling__label { color: #4A5568; }
  .dz-main { padding: 0; }
}