/* ============================================================
   Solinteg × AERL co-brand: a modifier on the Trace design.
   ------------------------------------------------------------
   <body class="booklet cobrand-solinteg"> or
   <body class="brochure cobrand-solinteg">, linked after
   tokens.css + doc.css + booklet.css / brochure.css. It changes only
   the brand marks: the shared layer (structure, rail, line, type,
   colour) is untouched, so a co-branded document reads as a Trace
   document published by AERL for a product Solinteg manufactures.

   Marks
     - Solinteg: assets/images/partners/solinteg-logo-light.svg, the
       light (white wordmark) vector mark AERL already uses on the dark
       website footer. Never recoloured, never on a pad or a pill.
     - AERL: the usual aerl-logo.webp.
   Order follows who owns the product name: "Solinteg | aerl" on the
   Solinteg M2HT documents (Solinteg's product, supplied by AERL),
   "aerl | Solinteg" on the All-In-One documents (AERL's product, in
   partnership with Solinteg). The markup decides the order.

   Front cover:  .cover__head > .lockup (replaces .cover__logo)
     <div class="lockup">
       <img class="lockup__mark lockup__mark--solinteg" …>
       <span class="lockup__rule" aria-hidden="true"></span>
       <img class="lockup__mark lockup__mark--aerl" …>
     </div>
   Back cover:   .back__lockup (replaces .back__logo, inside the ring)
                 and .back__made (who makes it, who supplies it).
   ============================================================ */

.cobrand-solinteg {
  --lockup-h: 8mm;           /* the aerl mark's height, as on every Trace cover */
}

/* ---------- Front cover lockup ---------- */
.cobrand-solinteg .lockup {
  display: flex;
  align-items: center;
  gap: 4.2mm;
}
.cobrand-solinteg .lockup__mark { display: block; width: auto; }
.cobrand-solinteg .lockup__mark--aerl { height: var(--lockup-h); }
/* The Solinteg mark's swoosh is taller than its wordmark; at 1.42x the
   aerl height the two wordmarks share a cap height. */
.cobrand-solinteg .lockup__mark--solinteg { height: calc(var(--lockup-h) * 1.42); margin: -1.6mm 0; }
/* the divider is a short piece of the Trace line, cold end (graphite) */
.cobrand-solinteg .lockup__rule {
  flex: 0 0 auto;
  width: 0.35mm;
  height: 7mm;
  border-radius: 0.2mm;
  background: var(--sheet-muted);
  opacity: 0.55;
}

/* ---------- Back cover: both marks inside the ring ---------- */
.cobrand-solinteg .back__lockup {
  position: absolute !important;
  left: 16mm;
  right: 16mm;
  top: 58mm;
  height: 98mm;            /* the ring: 58 mm to 156 mm */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10mm;
}
.cobrand-solinteg .back__lockup img { display: block; width: auto; }
.cobrand-solinteg .back__lockup { gap: 8.5mm; }
.cobrand-solinteg .back__lockup .lockup__mark--aerl { height: 16mm; }
.cobrand-solinteg .back__lockup .lockup__mark--solinteg { height: 22.7mm; margin: -3.4mm 0; }
.cobrand-solinteg .back__lockup .lockup__rule { width: 0.5mm; height: 14.5mm; }
/* aerl leads (the All-In-One, AERL's product): Solinteg steps down to 1.2x,
   so the lead mark carries the weight. */
.cobrand-solinteg .lockup__mark--aerl:first-child ~ .lockup__mark--solinteg { height: calc(var(--lockup-h) * 1.2); margin: -1mm 0; }
.cobrand-solinteg .back__lockup .lockup__mark--aerl:first-child ~ .lockup__mark--solinteg { height: 19.2mm; margin: -2mm 0; }

/* who makes it, who supplies it: Cloud micro-label, under the ring */
.cobrand-solinteg .back__made {
  position: absolute !important;
  left: 16mm;
  right: 16mm;
  top: 164mm;
  margin: 0;
  font-family: var(--font-label);
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-kerning: none;        /* tracked text stays one word per word in PDF text (md-booklet.css) */
  color: var(--sheet-muted);
}
.cobrand-solinteg .back__made b { font-weight: 500; color: var(--sheet-tint); }
.cobrand-solinteg .back__name { top: 176mm; }
.cobrand-solinteg .back__grid { top: 207mm; }
