/* ===== سلسلة أنشطة عُمان — نظام الطباعة A4 ===== */
@page { size: A4; margin: 0; }

:root{
  --ink:#152128; --ink2:#3C4E57; --muted:#7C8B93;
  --paper:#ffffff; --sand50:#FBF7EF; --sand100:#F2E9D8; --sand200:#E7DCC7;
  --line:#D6CBB8; --line-soft:#E9E1D2;
  --accent:#B33A2B; --accent-2:#D9A03C; --accent-soft:#F7E5E0;
  --font-h:"Noto Kufi Arabic","Noto Sans Arabic",sans-serif;
  --font-b:"Noto Naskh Arabic","Noto Sans Arabic",serif;
  --r:3mm;
}

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  background:#E7E1D6; color:var(--ink);
  font-family:var(--font-b);
  font-size:11.2pt; line-height:1.55;
  -webkit-print-color-adjust:exact; print-color-adjust:exact;
}

.page{
  width:210mm; height:297mm; padding:11mm 13mm 12mm;
  position:relative; overflow:hidden; background:var(--paper);
  margin:0 auto; display:flex; flex-direction:column;
  break-after:page; page-break-after:always;
}
.page:last-child{ break-after:auto; page-break-after:auto; }
@media screen{ .page{ box-shadow:0 8px 30px rgba(20,30,35,.20); margin:9mm auto; } }
@media print{ body{ background:#fff; } .page{ box-shadow:none; margin:0; } }

/* ===== ترويسة ===== */
.ph{ display:flex; align-items:flex-start; justify-content:space-between; gap:6mm; }
.ph-kicker{ font-family:var(--font-h); font-size:7.2pt; letter-spacing:.06em;
  color:var(--accent); text-transform:uppercase; display:block; margin-bottom:1.4mm; }
.ph-title{ font-family:var(--font-h); font-weight:700; font-size:16pt; line-height:1.25; margin:0; }
.ph-sub{ font-size:9.2pt; color:var(--ink2); margin:.8mm 0 0; }
.lvl{ display:flex; align-items:center; gap:2mm; flex:0 0 auto; }
.lvl-num{ width:13mm; height:13mm; border-radius:50%; border:.7mm solid var(--accent);
  display:grid; place-items:center; font-family:var(--font-h); font-weight:700;
  font-size:14pt; color:var(--accent); background:var(--accent-soft); }
.lvl-txt{ font-family:var(--font-h); font-size:7pt; color:var(--ink2); line-height:1.35; }
.lvl-txt b{ display:block; font-size:8.4pt; color:var(--ink); }

.rule{ height:2.6mm; margin:3mm 0 4mm; border-top:.5mm solid var(--ink);
  background:
   radial-gradient(circle at 1.6mm .9mm, transparent .9mm, var(--ink) .9mm, var(--ink) 1.35mm, transparent 1.35mm) 0 0/3.2mm 2.6mm repeat-x;
  height:2.6mm; }
.hair{ height:.25mm; background:var(--line); margin:3mm 0; }

/* ===== تذييل ===== */
.pf{ margin-top:auto; padding-top:3mm; border-top:.25mm solid var(--line);
  display:flex; align-items:center; justify-content:space-between;
  font-family:var(--font-h); font-size:6.8pt; color:var(--muted); }
.pf b{ color:var(--ink2); font-weight:700; }

/* ===== بطاقة نشاط ===== */
.act{ margin-bottom:5mm; }
.act:last-child{ margin-bottom:0; }
.act-head{ display:flex; align-items:center; gap:3mm; margin-bottom:2mm; }
.act-no{ flex:0 0 auto; width:9mm; height:9mm; border-radius:2mm; background:var(--ink);
  color:#fff; font-family:var(--font-h); font-weight:700; font-size:9pt;
  display:grid; place-items:center; }
.act-head h2{ font-family:var(--font-h); font-weight:700; font-size:11.6pt; margin:0; flex:1; }
.chips{ display:flex; gap:1.5mm; flex:0 0 auto; }
.chip{ font-family:var(--font-h); font-size:6.4pt; padding:.8mm 2mm; border-radius:10mm;
  background:var(--sand50); border:.2mm solid var(--line); color:var(--ink2); white-space:nowrap; }
.chip.key{ background:var(--accent-soft); border-color:var(--accent); color:var(--accent); font-weight:700; }
.lead{ font-size:9.8pt; color:var(--ink2); margin:0 0 3mm; }
.lead b{ color:var(--ink); }

/* صندوق برواز */
.frame{ border:.35mm solid var(--line); border-radius:var(--r); padding:4mm;
  background:var(--paper); }
.frame.sand{ background:var(--sand50); border-color:var(--line-soft); }
.frame.tint{ background:var(--accent-soft); border-color:var(--accent-soft); }

/* أسطر كتابة */
.lines{ background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 8.2mm,
  var(--line-soft) 8.2mm, var(--line-soft) 8.5mm); background-position:0 .2mm; }
.lines.tight{ background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 6.6mm,
  var(--line-soft) 6.6mm, var(--line-soft) 6.9mm); }
.dots{ border-bottom:.3mm dotted var(--line); }
.tall{ background-image:none; border:.3mm dotted var(--line); border-radius:2mm; }
.fill-in{ display:inline-block; min-width:26mm; border-bottom:.35mm solid var(--line);
  vertical-align:baseline; height:4.6mm; }

/* شبكة عامة */
.grid2{ display:grid; grid-template-columns:1fr 1fr; gap:4mm; }
.grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:3mm; }
.grid4{ display:grid; grid-template-columns:repeat(4,1fr); gap:2.5mm; }
.row{ display:flex; gap:4mm; }
.col{ flex:1; }

/* عنوان فرعي داخل النشاط */
.h-sm{ font-family:var(--font-h); font-size:8.4pt; font-weight:700; margin:0 0 1.6mm;
  display:flex; align-items:center; gap:1.5mm; }
.h-sm:before{ content:""; width:2.6mm; height:2.6mm; background:var(--accent);
  transform:rotate(45deg); display:inline-block; }
.muted{ color:var(--muted); font-size:8.6pt; }

/* ===== جداول ===== */
table{ width:100%; border-collapse:collapse; font-size:9.4pt; }
th,td{ border:.25mm solid var(--line); padding:2mm 2.4mm; text-align:right; vertical-align:top; }
thead th{ background:var(--sand100); font-family:var(--font-h); font-size:7.6pt; font-weight:700;
  color:var(--ink); }
tbody tr:nth-child(even) td{ background:var(--sand50); }
td.center,th.center{ text-align:center; }
.table-kwl td{ height:26mm; }
.table-input td{ height:10.5mm; }
.tbl-note{ font-size:7.6pt; color:var(--muted); margin:1.5mm 0 0; }

/* ===== مطابقة / وصل ===== */
.match{ display:grid; grid-template-columns:1fr 12mm 1fr; gap:0; align-items:stretch; }
.match-col{ display:flex; flex-direction:column; gap:2.4mm; }
.match-item{ border:.3mm solid var(--line); border-radius:2mm; padding:2.2mm 3mm;
  font-size:9.6pt; background:var(--paper); min-height:9mm; display:flex; align-items:center; }
.match-item .dot{ width:2.6mm; height:2.6mm; border-radius:50%; border:.35mm solid var(--accent);
  display:inline-block; margin-inline-start:auto; flex:0 0 auto; }
.match-mid{ background:
  repeating-linear-gradient(to bottom, transparent 0, transparent 4.2mm, var(--line-soft) 4.2mm, var(--line-soft) 4.5mm); }

/* ===== بطاقات أيقونات ===== */
.icon-card{ border:.3mm solid var(--line); border-radius:3mm; padding:3mm 2mm; text-align:center;
  background:var(--paper); }
.icon-card svg{ width:20mm; height:20mm; display:block; margin:0 auto 2mm; }
.icon-card .cap{ font-family:var(--font-h); font-size:7.4pt; color:var(--ink2); }
.icon-card .num{ font-family:var(--font-h); font-weight:700; font-size:8pt; color:var(--accent); }

/* ===== فن / مقارنة ===== */
.venn{ position:relative; height:78mm; }
.venn .c{ position:absolute; top:6mm; width:74mm; height:74mm; border-radius:50%;
  border:.45mm solid var(--accent); background:var(--accent-soft); opacity:.55; }
.venn .c1{ right:6mm; } .venn .c2{ left:6mm; }
.venn .lbl{ position:absolute; font-family:var(--font-h); font-size:8pt; font-weight:700; }
.venn .l1{ right:12mm; top:40mm; } .venn .l2{ left:12mm; top:40mm; }
.venn .l3{ left:0; right:0; top:40mm; text-align:center; }

/* ===== خط زمني ===== */
.tl{ position:relative; padding:0 2mm; }
.tl:before{ content:""; position:absolute; top:9mm; right:4mm; left:4mm; height:.5mm; background:var(--line); }
.tl-row{ display:flex; justify-content:space-between; position:relative; }
.tl-item{ flex:1; text-align:center; position:relative; }
.tl-dot{ width:5mm; height:5mm; border-radius:50%; background:var(--paper);
  border:.5mm solid var(--accent); margin:6.5mm auto 0; position:relative; z-index:2; }
.tl-dot.on{ background:var(--accent); }
.tl-year{ font-family:var(--font-h); font-weight:700; font-size:9pt; color:var(--accent); }
.tl-txt{ font-size:8.4pt; color:var(--ink2); padding:0 1mm; }

/* ===== مؤشرات / صناديق إجابة ===== */
.answer{ border:.3mm dashed var(--accent); border-radius:2.5mm; padding:3mm; background:var(--accent-soft); }
.stars{ font-family:var(--font-h); letter-spacing:.5mm; font-size:10pt; color:var(--line); }
.checkbox{ display:inline-block; width:4mm; height:4mm; border:.35mm solid var(--ink2);
  border-radius:1mm; vertical-align:-.6mm; margin-inline-end:1.5mm; }

/* أعلام / تلوين */
.paint{ border:.35mm solid var(--line); border-radius:2mm; overflow:hidden; }
.paint .band{ height:15mm; border-bottom:.3mm dashed var(--line-soft); }
.paint .band:last-child{ border-bottom:0; }

/* رموز ترقيم عربية */
.num-ar{ font-feature-settings:normal; }

/* خطوط فاصلة موشّاة */
.sep{ border:0; border-top:.3mm dashed var(--line); margin:4mm 0; }

/* ===== ألوان المستويات ===== */
body.l1{ --accent:#B33A2B; --accent-2:#D9A03C; --accent-soft:#F8E9E4; }
body.l2{ --accent:#0E6B4F; --accent-2:#C4A24A; --accent-soft:#E5F0EB; }
body.l3{ --accent:#A8622A; --accent-2:#2F6E82; --accent-soft:#F6EADF; }
body.l4{ --accent:#123F51; --accent-2:#B08A3E; --accent-soft:#E4EDF0; }

/* ===== الغلاف ===== */
.cover{ padding:0; display:block; position:relative; }
.cover-in{ position:relative; height:100%; padding:18mm 16mm 14mm; display:flex; flex-direction:column; }
.cover-top{ display:flex; align-items:center; justify-content:space-between; }
.brandline{ font-family:var(--font-h); font-size:7.4pt; letter-spacing:.08em; color:var(--ink2); }
.cover-mid{ margin-top:auto; margin-bottom:auto; }
.cover-kicker{ font-family:var(--font-h); font-size:8pt; color:var(--accent); letter-spacing:.14em; margin-bottom:5mm; }
.cover-title{ font-family:var(--font-h); font-weight:700; font-size:40pt; line-height:1.08; margin:0; }
.cover-title span{ color:var(--accent); }
.cover-sub{ font-size:13pt; color:var(--ink2); margin:5mm 0 0; max-width:120mm; line-height:1.5; }
.cover-meta{ display:flex; gap:0; margin-top:12mm; border-top:.5mm solid var(--ink); border-bottom:.25mm solid var(--line); }
.cover-meta div{ flex:1; padding:4mm 0; border-inline-start:.25mm solid var(--line); padding-inline-start:4mm; }
.cover-meta div:first-child{ border:0; padding-inline-start:0; }
.cover-meta dt{ font-family:var(--font-h); font-size:6.6pt; color:var(--muted); margin-bottom:1mm; }
.cover-meta dd{ font-family:var(--font-h); font-size:9.4pt; font-weight:700; margin:0; }
.cover-bottom{ display:flex; align-items:flex-end; justify-content:space-between; margin-top:10mm; }
.cover-badge{ font-family:var(--font-h); font-size:7.6pt; color:var(--ink2); line-height:1.9; }

/* زخرفة الغلاف */
.deco{ position:absolute; pointer-events:none; }
.deco-tr{ top:0; inset-inline-end:0; width:78mm; opacity:.9; }
.deco-bl{ bottom:0; inset-inline-start:0; width:96mm; opacity:.85; }
.cover-name{ margin-top:8mm; display:flex; gap:6mm; font-family:var(--font-h); font-size:8pt; color:var(--ink2); }
.cover-name span{ border-bottom:.3mm solid var(--line); flex:1; }

/* شارة الاستراتيجيات */
.strat-list{ display:flex; flex-wrap:wrap; gap:2mm; margin-top:6mm; }
.strat{ font-family:var(--font-h); font-size:7pt; padding:1.4mm 3mm; border-radius:10mm;
  border:.25mm solid var(--line); color:var(--ink2); background:var(--sand50); }