/* ============================================================================
   type.css — the hierarchy that replaces a container.

   Loaded THIRD, after style.css and layout.css, because it has to win over both.

   Four of the twelve layouts remove the box. That is correct — a manuscript page
   has no rounded rectangles — but a box is not only decoration. It is the thing
   that says "these lines belong together, and that heading owns them". Take it
   away and give nothing back and you get what Hadi saw on the live site: grey
   text on grey, no structure, nothing for the eye to rest on.

   Everything in this file is the something given back.
   ========================================================================== */

/* RUBRICATION is what replaces the box, and it is what replaced it for a
   thousand years. In Islamic manuscript practice colour is NAVIGATION, not
   decoration — headings and section breaks in red, blue or gold "help direct
   your reading". So in the containerless layouts the heading takes the accent,
   gains weight and size, and sits on a rule. The rule is the jadwal; the colour
   is the rubric. */

body[data-layout="manuscript"] .card h3,
body[data-layout="register"] .card h3,
body[data-layout="khat"] .card h3,
body[data-layout="editorial"] .card h3{color:var(--acc)}

/* المخطوط — a ruled heading with the section mark in the margin rail. */
body[data-layout="manuscript"] .card h3{font-size:21px;font-weight:600;
  padding-block-end:7px;border-block-end:1px solid var(--line);margin-block-end:12px}
body[data-layout="manuscript"] .card p{font-size:16px;line-height:1.95;color:var(--ink);
  opacity:.82}

/* السجل — the heading is a LABEL, not a title: small, spaced, quiet, sitting
   above a hard rule. A ledger names its columns; it does not announce them. */
body[data-layout="register"] .card h3{font-size:12.5px;font-weight:700;opacity:.85;
  padding-block-end:6px;border-block-end:1px solid var(--line);margin-block-end:10px}
body[data-layout="register"] .card p{font-size:14.5px}

/* الخط — the whole hierarchy is one enormous jump and nothing else. Two sizes,
   far apart, is the calligraphic panel: a dense mass against a generous void. */
body[data-layout="khat"] .card h3{font-size:31px;font-weight:400;line-height:1.35;
  margin-block-end:14px;border:0}
body[data-layout="khat"] .card p{font-size:16.5px;line-height:2.05}
body[data-layout="khat"] .kick{font-size:16.5px}

/* المجلة — a display heading and a rule, magazine department style. */
body[data-layout="editorial"] .card h3{font-size:26px;font-weight:600;line-height:1.3;
  padding-block-start:14px;border-block-start:2px solid var(--acc);margin-block-end:10px}
body[data-layout="editorial"] .card p{font-size:17px;line-height:1.95}

/* The small label above a group («الأقسام», «اليوم») is the one piece of chrome
   every layout keeps, so it has to hold its own against a bare ground. */
body[data-layout="manuscript"] .kick,
body[data-layout="register"] .kick,
body[data-layout="khat"] .kick,
body[data-layout="editorial"] .kick{color:var(--soft);font-weight:600}