/* ATS document stylesheet — LOCKED.
 *
 * Fetched as text and inlined into the print window and the Word export, so it
 * is the one description of how the machine-readable CV looks. It is shared by
 * the on-screen preview, the PDF and the DOCX; there is no second stylesheet
 * that could let them drift.
 *
 * What is deliberately absent, and must stay absent (§6):
 *   - display:flex / grid / float / column-count  → single column, rule 1
 *   - display:table and any table selector        → no tables, rule 5
 *   - @page { @top-center / @bottom-center }       → contact stays in the body,
 *                                                    rule 4
 *   - background images, ::before content glyphs   → no icons, rule 6
 *   - position:fixed / absolute                    → no sidebars, rule 7
 *
 * It carries no theme hook of any kind. The visual theme cannot reach this
 * file, which is what makes the ATS export identical across themes.
 *
 * One font stack covers both languages: Cairo carries Arabic and has usable
 * Latin, Roboto and Arial are the fallbacks. A single stack means the two
 * language exports differ in their text and in nothing else.
 */

.ats-page{
  max-width:800px;
  margin:0 auto;
  padding:40px;
}

.ats-doc{
  font-family:'Cairo','Roboto',Arial,sans-serif;
  font-size:12.5px;
  line-height:1.7;
  color:#1a1a1a;
  background:#fff;
}

/* Arabic ATS documents use Tajawal, the site's other brand face. Measured on
   Chromium's "Save as PDF": Cairo's contextual glyphs extract as scrambled
   words ("الربيد" for "البريد", "مرشوع" for "مشروع"), Tajawal's extract as
   the words that were typed — and extraction is this document's whole job. */
.ats-doc[lang="ar"]{font-family:'Tajawal','Cairo','Roboto',Arial,sans-serif}

/* ---- Contact block: first thing in the body, plain text lines. ---- */
.ats-head{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #000}
.ats-doc h1{font-size:22px;font-weight:800;color:#000;margin:0 0 3px;line-height:1.3}
.ats-role{font-size:13px;color:#374151;margin:0 0 8px}
.ats-contact p{font-size:11.5px;color:#333;margin:0 0 2px}

/* ---- Sections ---- */
.ats-section{margin-bottom:16px}
.ats-doc h2{
  font-size:13px;font-weight:800;color:#000;
  letter-spacing:.5px;
  margin:0 0 8px;
  padding-bottom:4px;
  border-bottom:1px solid #9ca3af;
}
.ats-doc p{margin:0 0 4px}

.ats-item{margin-bottom:12px}
.ats-item-title{font-size:13px;font-weight:700;color:#000;margin:0 0 2px}
.ats-item-meta{font-size:12px;color:#374151;margin:0 0 5px}

/* A real list. The marker is a list-style disc, not a text character and not
   an icon font, so extraction yields the bullet text alone. */
.ats-bullets{padding-inline-start:20px;margin:0 0 8px}
.ats-bullets li{margin-bottom:3px;font-size:12px;color:#1a1a1a;list-style:disc}

/* ---- Print ----
   Page margins only. No @page header or footer content: a contact detail in a
   running header is invisible to most parsers, which is the whole reason rule 4
   exists. */
@page{size:A4;margin:18mm 14mm}
@media print{
  .ats-page{padding:0;max-width:none}
  .ats-doc{font-size:11.5pt;line-height:1.6}
  .ats-doc h1{font-size:19pt}
  .ats-doc h2{font-size:12pt}
  /* Keep a job and its first bullets together where the engine can manage it. */
  .ats-item{break-inside:avoid-page;page-break-inside:avoid}
  .ats-section h2{break-after:avoid-page;page-break-after:avoid}
}