/* MELZAYAT ACADEMY — print / read-offline stylesheet.
   Ink-friendly: white page, black text, no chrome, cards kept as outlines. */

@page { margin: 18mm 16mm; }

html, body {
  background: #fff !important;
  color: #111 !important;
  font-size: 11.5pt;
  line-height: 1.55;
}
body::before { display: none !important; }

/* strip the chrome */
.topbar, .mobilebar, .sidebar, .drawer-scrim, .prevnext, .complete,
.site-footer, .hero-actions, .course-cta, .course-progress, .reset-btn,
.topnav, .chips { display: none !important; }

.layout { display: block !important; }
.content { padding: 0 !important; }
.module { max-width: none !important; }

h1, h2, h3, h4 { color: #000 !important; page-break-after: avoid; break-after: avoid; }
p, li, blockquote, pre, table { page-break-inside: avoid; break-inside: avoid; }
.module-body p, .prose p, .module-body li, .prose li, td { color: #1c1c1c !important; }

.eyebrow, .module-meta, .sec-title { color: #6b5a22 !important; }
.sec-rule { background: #b9a05a !important; }
.module-num { color: #b9a05a !important; }
.module-head { border-bottom: 1px solid #ccc !important; }

a { color: #111 !important; text-decoration: none !important; }
.module-body a::after, .prose a::after { content: " (" attr(href) ")"; font-size: .85em; color: #666; }

code { background: #f2f2f2 !important; border-color: #ddd !important; color: #7a2f00 !important; }
pre { background: #f7f7f7 !important; border: 1px solid #ddd !important; }
pre code { color: #1a1a1a !important; }

blockquote { border-left-color: #b9a05a !important; color: #222 !important; }
.note { color: #555 !important; border-left-color: #ccc !important; }

.ba { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
.ba-card { background: #fff !important; }
.ba-before { border: 1px solid #d99 !important; }
.ba-after  { border: 1px solid #8bbf9f !important; }
.ba-before .ba-tag { color: #a33 !important; }
.ba-after .ba-tag  { color: #256b46 !important; }
.ba-body p { color: #1c1c1c !important; }

.exercise {
  background: #fbf7ec !important;
  border: 1px solid #d9c893 !important;
  border-left: 3px solid #b9a05a !important;
}
.exercise-kicker { color: #6b5a22 !important; border-color: #d9c893 !important; }

table { border-collapse: collapse !important; }
th { color: #6b5a22 !important; background: #f6f4ee !important; }
th, td { border-bottom: 1px solid #ddd !important; }
.table-wrap { border: 1px solid #ddd !important; overflow: visible !important; }

.toc-list a { border-bottom: 1px solid #eee !important; }
.toc-num { color: #6b5a22 !important; }

[dir="rtl"], .rtl { direction: rtl !important; text-align: right !important; }