/* slop-ok: SLOP-24 - "LITE" is the stamp itself, Excon caps by the brief (docs/briefs/2026-10-16-iklipse-lite.md, decision 6), not a label over a block */
/* slop-ok: SLOP-25, SLOP-16 - iklipseworld.com's own rem scale and line heights, not the house ladder */
/* slop-ok: SLOP-07 - the chip's radius is derived from its host's radius (R / 3, inset 2R / 3, so its corner is concentric with the tile's), not a radius of its own; the title stamp's .18em is the one other */
/* Round 3, 17 Oct 05:1x: the chip is Light Navy with white type (below); the rest of round 2 stands.
   iklipse LITE, the stamp, round 2 (J-249, 16 Oct 20:3x). Omar: "an orange outline around lite makes no sense because the
   original idea was to remove those projects, not highlight them more." So a Lite tile looks like any other tile: no
   frame, the site's own card corners. The stamp is a quiet chip in the top left corner: the theme's text colour on a
   translucent chip of the theme's ground (Lights Off: white on near black; Lights On: near black on near white),
   Excon 500 caps at .8125rem. Inset 2R / 3 from both edges with radius R / 3, where R is the host's corner radius
   (--ik-lite-R), so the chip's corner and the tile's corner share one centre. Hosts set --ik-lite-R.
   Use: <div class="ik-lite-frame">...<span class="ik-lite-stamp">LITE</span></div>, or lite-stamp.js on [data-ik-lite].
   .ik-lite-frame keeps its name for the scripts that set it; it no longer draws anything. */
.ik-lite-frame, .ik-lite-host { position: relative; }
.ik-lite-stamp {
  display: inline-flex; align-items: center; box-sizing: border-box;
  font-family: var(--_typography---font-family--primary, Excon), Arial, sans-serif;
  font-size: var(--ik-lite-fs, .8125rem); font-weight: 500; font-style: normal; line-height: 1;
  letter-spacing: .12em; text-transform: uppercase; white-space: nowrap;
  padding: .5em .5em .44em .62em;
  /* round 3 (Omar, 17 Oct 05:1x: "make the chips blue as well (mind the contrast, but use blue to signal the lite
     projects basically)"): Light Navy #2e3192 with white, 10.6:1, the same in Lights On and Lights Off, no border */
  color: var(--_colors---primary--white, #fff);
  background-color: var(--_colors---brand-colors--iklipse-light-navy, #2e3192);
}
.ik-lite-frame > .ik-lite-stamp, .ik-lite-host > .ik-lite-stamp {
  --ik-lite-in: calc(var(--ik-lite-R, 1rem) * 2 / 3);
  position: absolute; left: var(--ik-lite-in); top: var(--ik-lite-in); z-index: 5; pointer-events: none;
  border-radius: calc(var(--ik-lite-R, 1rem) / 3);
}
/* the stamp set in a line of type (the section titles): the seal, blue like every chip since round 3 */
.ik-lite-stamp--inline {
  vertical-align: .08em; font-size: .52em; font-weight: 700; letter-spacing: .14em; padding: .34em .4em .3em .54em;
  color: var(--_colors---primary--white, #fff); background-color: var(--_colors---brand-colors--iklipse-light-navy, #2e3192);
}