/* assets/dcr-mark.css · The Desert Camel Report's camel mark (assets/dcr/mark.svg; the study and the generator are in
   .research/dcr-mark). The line form on the 24-unit Lucide grid (2px strokes, round joins), inlined by the builder so it
   takes currentColor. Two places: the chapter bar (ink, 24px, the size of the bar's Lucide icons) and the cover's
   masthead (white on the Depth photo, top-left). Loaded after assets/dcr-light.css on every report page. The camel is
   never magenta. */

/* ---------------------------------------------------------------- the chapter bar */
main.dcr .dcr-bar__camel.dcr-mark{ flex:none; inline-size:24px; block-size:24px; }

/* ---------------------------------------------------------------- the cover's masthead
   Depth is full-field safe for white ink; the top-left of the wash is the anchor black's side, so the name sits on the
   darkest part of the photo that is not under the cover line. */
.dcr-mast{ position:absolute; z-index:2; inset-block-start:0; inset-inline-start:0; margin:0;
  padding:clamp(20px, 4vw, 48px); display:flex; align-items:center; gap:clamp(10px, 1.2vw, 16px);
  color:var(--on-duo-ink, #FFFFFF); }
.dcr-mast__mark{ flex:none; inline-size:clamp(40px, 4.4vw, 56px); block-size:clamp(40px, 4.4vw, 56px); }
.dcr-mast__t{ display:grid; gap:6px; min-inline-size:0; }
.dcr-mast__name{ font:600 var(--fs-h4, 20px)/1.1 var(--font-mono); letter-spacing:var(--track-label, .08em);
  text-transform:uppercase; }
.dcr-mast__issue{ font:500 var(--fs-meta, 12px)/1.2 var(--font-mono); letter-spacing:var(--track-label, .08em);
  text-transform:uppercase; color:var(--on-duo-muted, #D1D1D9); }
@media (min-width:1024px){ .dcr-mast__name{ font-size:var(--fs-h3, 24px); } }
@media (max-width:719px){ .dcr-mast__name{ font-size:var(--fs-small, 14px); } }

:lang(ar) .dcr-mast__name, :lang(ar) .dcr-mast__issue{ font-family:var(--font-arabic, "Almarai", sans-serif);
  letter-spacing:0; text-transform:none; }