/* Eo Ena — KAART-CSS (30 sep 2026): alles wat een Eo Ena-kaart tekent. Elke regel begint met
   .w-eoe (de klasse op de .flip), zodat deze stylesheet naast die van andere werelden op één
   pagina kan staan. Gegenereerd uit de oude eoena.css; de poort validate-kaart-css bewaakt de
   afbakening. */

/* Eo Ena-kaart (EOE) — anatomie v2 in warm-bruin (23 jul 2026), 550×770 = 5:7.
   Was 544×770 (1:√2); rechtgezet 10 aug 2026 zodat alle drie de etalagefamilies
   dezelfde tradingcard-verhouding hebben — zie
   .ai/DECISIONS/2026-08-10-kaartformaten-tradingcard-en-blad.md
   Voor: rustige kop (titel + nummer-pil) → beeld → wenkbrauw → lede → zegel.
   Achter: zelfde kop; credo/begrippen; colofonregel (codon·DNA·Integrity Check·
   Edition) — zonder QR sinds 10 aug 2026, zie .ident-block.
   Rand + alle donkere elementen delen het warme bruin; perkament naar de
   Stoutenburger-constructie (noise + gloed + verloop). */
/* Jost (Futura-lijn): toekomstig én tijdloos, rustig. Eén familie, roman + italic. */
@font-face { font-family:'Jost'; src:url('../fonts/Jost-Variable.ttf') format('truetype'); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:'Jost'; src:url('../fonts/Jost-Italic-Variable.ttf') format('truetype'); font-weight:100 900; font-style:italic; font-display:swap; }
@font-face { font-family:'Cinzel'; src:url('../fonts/Cinzel-Variable.ttf') format('truetype'); font-weight:400 900; font-display:swap; }
.w-eoe {
    /* DE KAART IS EEN COMPOSITIE, GEEN THEMA (15 aug 2026): licht perkament en het
       donkere wereldveld zijn ontworpen paren. color-scheme:light zegt browsers met
       een automatische donkere modus dat ze hier niets te herschilderen hebben. */
    color-scheme: light;
  --type:       #443a30;   /* warm-bruin: rand, titel, tekst, zegel-logo */
  --type-line:  rgba(68,58,48,.3);
  --accent:     #8a6a3a;   /* goud-brons: codon-naam */
  /* systeemteken linksboven: op de donkere kaartgrond moet het goud lichter
     zijn dan het codon-goud, anders verdwijnt het in het bijna-zwart. */
  --sysmark:    #b8945c;
  --cream:      #f2ead6;   /* perkament-basis */
  --paper-top:  #efe6cf;
  --paper-mid:  #f6efdd;
  --paper-blend:#f3ead7;
  --ink:        #786e57;   /* gedempte warme tekst: caps, voet */
  --faint:      #9a9078;
  --serif: 'Jost', system-ui, sans-serif;
  --body:  'Jost', system-ui, sans-serif;
  /* De huid als variabelen (10 okt 2026): de rand (licht → donker), het binnenvlak, het veld van de
     rug en de inkt daarop. Een andere World zet hier haar eigen waarden (zie .w-tum). */
  --edge-top:   #cca977;
  --edge-mid:   #a9855a;
  --field:      #70512f;   /* het diepe randbruin — de wereld als veld (rug) */
  --inner:      #f8f3e8;   /* lichtere crème-basis (binnenvlak voorkant) */
  --on-field:   #f2ead6;   /* inkt op het veld */
}
/* ── Tumble Cards (World TUM): dezelfde anatomie, eigen huid — leisteen, koraal, Sora ── */
@font-face { font-family:'Sora'; src:url('../fonts/Sora-400.ttf') format('truetype'); font-weight:400 700; font-display:swap; }
.w-eoe.w-tum {
  --type:       #1f2430;
  --type-line:  rgba(31,36,48,.3);
  --accent:     #e2563a;
  --sysmark:    #f08a73;
  --cream:      #f4f1ea;
  --paper-top:  #f7f5f0;
  --paper-mid:  #f4f1ea;
  --paper-blend:#f1ede4;
  --ink:        #5b6170;
  --faint:      #8a8f9b;
  --serif: 'Sora', system-ui, sans-serif;
  --body:  'Sora', system-ui, sans-serif;
  --edge-top:   #46506a;
  --edge-mid:   #363e52;
  --field:      #2a3142;   /* leisteen, een stap lichter dan het type (#1f2430): de rug blijft leesbaar */
  --inner:      #faf8f3;
  --on-field:   #f4f1ea;
  --field-zone: #7f838e;   /* veld + 40% wit, vooraf uitgerekend */
  --field-line: #3e4351;   /* ivoor .10 over het veld, vooraf uitgerekend */
  --def-ink:    #3e4452;
  --codon-on-field: #f08a73;
  --paper-image: none;                          /* vlak papier, geen perkamenttextuur */
  --seal-mask:  url('../cards/tum-mark.svg');   /* het zegel op de voorkant: het Tumble-teken */
  --back-mark:  url('../cards/tum-mark.svg');   /* het watermerk op de rug */
}
/* ── flip-podium: hetzelfde mechanisme als alle collecties (card-flip.js) ── */
.w-eoe.flip { position:relative; width:550px; margin-inline:auto; perspective:2100px; touch-action:pan-y;
  -webkit-tap-highlight-color:transparent; }
/* De kaart leent haar typografie niet van de pagina: in een Deck van een andere wereld
   bleef anders het font van die pagina staan (en `ch`-maten liepen mee). Waarden = wat haar
   eigen pagina altijd al gaf. */
.w-eoe.flip { font: 400 16px/normal var(--body); color: #000; }
/* geen grijze iOS-tik-highlight over de klikbare kaart */
.w-eoe .flip-stage { position:relative; width:100%; height:770px;
  transition:transform .85s cubic-bezier(.2,.75,.2,1); transform-style:preserve-3d; }
.w-eoe .flip-pane { position:absolute; inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.w-eoe .flip-pane.pane-b { transform:rotateY(180deg); }
.w-eoe .flip-faces { display:none; }
.w-eoe .flip-stage .card { cursor:pointer; }
.w-eoe.flip:focus-visible { outline:3px solid rgba(120,90,50,.55); outline-offset:8px; border-radius:38px; }
/* ── de kaart: warm randverloop + raster; perkament binnen ── */
.w-eoe .card {
  width:550px; height:770px; position:relative; isolation:isolate;   /* 550×770 = 5:7, de tradingcard-verhouding */
  border-radius:34px; padding:16px 16px 0;   /* boven/zijden gelijk; onderrand = sysstrip in de flow */
  display:flex; flex-direction:column;   /* card-inner + sysstrip in de flow → strook schaalt betrouwbaar mee (ook Safari-zoom) */
  /* rand: goud-brons verloop, licht bovenaan → donker onderaan (gesampled uit
     Toms referentiekaart: #cca977 → #8e673d → #70512f — tafellicht van boven) */
  background:var(--edge-mid);   /* fallback */
  background:linear-gradient(180deg, var(--edge-top) 0%, var(--edge-mid) 48%, var(--field) 100%);
  box-shadow:0 20px 42px rgba(0,0,0,.21), 0 3px 8px rgba(0,0,0,.13),
    inset 0 0 0 1px rgba(255,255,255,.22), inset 0 0 18px rgba(60,38,14,.35);   /* buitenschaduw afgezwakt */
}
.w-eoe .card-inner {
  width:100%; flex:1 1 auto; min-height:0; position:relative;
  background:var(--inner);   /* lichtere crème-basis (kaart-achtergrond lichter) */
  border-radius:22px; padding:6px;
  /* het lichte effect tussen de gouden rand en de binnenkaderlijn (bewust behouden):
     witte inzet-ring + warme keyline + zachte vignet. */
  /* de zone tussen kaartrand en binnenkaderlijn: DEKKEND, exact dezelfde kleur
     als op de rug — anders kleurt hij mee met wat eronder ligt. */
  box-shadow: inset 0 0 0 4px #ede9e3,
    inset 0 0 0 6px color-mix(in srgb, var(--type) 14%, transparent),
    inset 0 0 40px rgba(120,95,55,.10);
  display:flex; flex-direction:column;
}
/* de oker-parchment (kompas-hoeken) loopt VANAF de binnenkaderlijn naar binnen;
   transparant → oker afgezwakt, het lichte randeffect blijft eromheen zichtbaar. */
.w-eoe .card-inner::after { content:""; position:absolute; inset:6px; z-index:0; pointer-events:none;
  border-radius:16px;
  background:var(--paper-image, url('../cards/eo-card-background.webp')) center / 100% 100% no-repeat;
  opacity:.2; }
.w-eoe .frame { position:relative; z-index:1; height:100%; border-radius:16px; overflow:hidden; display:flex; flex-direction:column; }
/* boven de textuur; anker + knipkader voor de decor-laag */
/* ── kop: één rustige regel — titel links, nummer-pil rechts ── */
.w-eoe .head { display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:20px 22px 15px; border-bottom:1px solid rgba(68,58,48,.22); }
/* KAPITALEN ZIJN STIJL, GEEN TITEL. Stond tot 12 aug 2026 als `| upper` in de
   template, waardoor dezelfde kaart op het scherm letterlijk een andere tekst droeg
   dan op haar werkkaart ("CARDS" tegenover "Cards"). De titel is nu overal dezelfde
   string; dat de Eo Ena-huid haar in kapitalen zet is vormgeving, net als het font. */
.w-eoe .title { font-family:var(--body); font-size:28px; font-weight:700; line-height:1; letter-spacing:.02em;   /* origineel gewicht, ~7% kleiner */
  color:var(--type); white-space:nowrap; overflow:hidden; text-transform:uppercase; }
/* De hamburger hoort optisch bij de titelregel. De gedeelde bediening houdt
   bewust een compacte basismaat; Eo Ena gebruikt dezelfde prominente maat en
   lijndikte als Vic, in de warme titelinkt van deze kaartfamilie. */
.w-eoe .card .head .card-tools .tools-tab { width:42px; height:42px; }
.w-eoe .card .head .card-tools .tools-tab svg { width:23px; height:23px; }
.w-eoe .card .head .card-tools .tools-tab svg path { stroke-width:2.3; }
.w-eoe .card:not(.back) .head .card-tools:not(.tools-stil) .tools-tab,
.w-eoe .card:not(.back) .head .card-tools:not(.tools-stil) .tools-tab:hover,
.w-eoe .card:not(.back) .head .card-tools:not(.tools-stil) .tools-tab:focus-visible {
  color:var(--type); }
/* geen .small-variant: de titelgrootte varieert nergens en nooit — te lang is
   een redactieprobleem (titel inkorten), geen vormgevingsprobleem */
.w-eoe .pill { flex:none; font-family:var(--body); font-size:11px; font-weight:700; letter-spacing:.12em;
  color:var(--type); border:2px solid rgba(68,58,48,.5); border-radius:7px; padding:5px 10px 4px;
  background:transparent; }
/* ── voorkant (gedeelde template): beeld in de flow → tekst op de kaart → badge ── */
/* het beeld: iets hoger dan de registerkaart (55% van het kader), boek-contour onderin */
.w-eoe .art { position:relative; z-index:1; flex:0 0 55%; min-height:0; margin:0; overflow:hidden; }
/* DE GOLF IS EEN GAT, GEEN KLEUR (12 aug 2026). De donkere grond staat op de img,
   niet op .art: alleen zo wordt hij mee weggesneden en zie je het echte vlak
   eronder — inclusief de inset-gloed van .card-inner én de kompas-textuur op 20%,
   die een gevulde golf nooit kon reproduceren (gemeten Δ 13 aan de rand).
   Het masker mag NIET op .art staan: dan zou de gouden lijn mee weggeknipt worden. */
.w-eoe .hero { display:block; width:100%; height:100%;
  object-fit:cover; object-position:center;
  filter:saturate(1.04) contrast(1.04);
  background:#16120f;
  -webkit-mask-image:linear-gradient(#000,#000), var(--golf-mask);
  -webkit-mask-size:100% calc(100% - var(--golf-h)), 100% var(--golf-h);
  -webkit-mask-position:top, bottom;
  -webkit-mask-repeat:no-repeat, no-repeat;
  mask-image:linear-gradient(#000,#000), var(--golf-mask);
  mask-size:100% calc(100% - var(--golf-h)), 100% var(--golf-h);
  mask-position:top, bottom;
  mask-repeat:no-repeat, no-repeat; }
/* de boek-contour (het handelsmerk, 1-op-1 gedeeld met de registerkaart) */
.w-eoe .art-wave { position:absolute; left:0; right:0; bottom:-1px; width:100%; height:56px;
  display:block; pointer-events:none; z-index:4; }
/* STACK als soortlabel op een stack card (amendement 5) — dezelfde plek, letter en lijn als bij
   Stoutenburger; de Eo Ena-beelden zijn donker en druk, dus het label krijgt een papieren ondergrond. */
.w-eoe .art-kind { position:absolute; left:10px; bottom:47px; z-index:5;
  padding:4px 6px 3px; border-bottom:1px solid currentColor; background:rgba(251,248,245,.92);
  font:600 11px/1 var(--body); letter-spacing:.08em; text-transform:uppercase;
  color:var(--type); pointer-events:none; }
/* tekst gewoon op de kaart — gecentreerd tussen beeld en badge (het aparte
   tekstpaneel met wikkel is vervallen; de kaartachtergrond mét kompas draagt) */
.w-eoe .card-body { position:relative; z-index:1; flex:1 1 auto; min-height:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:10px 38px 6px; }
.w-eoe .eyebrow { text-align:center; font:700 12px var(--body); letter-spacing:.28em;
  text-transform:uppercase; color:var(--type); margin-bottom:14px; }
.w-eoe .lede { margin:0; font-family:var(--serif); text-align:center;
  font-size:20px; line-height:1.5; color:var(--type); }
/* de collectie-badge: dunne cirkel met koperen lijn (de kleur van het
   footer-icoon), open — geen schijf meer */
.w-eoe .seal { position:relative; flex:none; margin:0 auto 20px;
  width:64px; height:64px; border-radius:999px; display:grid; place-items:center;
  background:transparent;
  border:1.5px solid var(--accent); }
.w-eoe .seal .g { width:44px; height:44px; background:var(--type);
  -webkit-mask:var(--seal-mask, url('../cards/eoe-logo.png')) center/contain no-repeat; mask:var(--seal-mask, url('../cards/eoe-logo.png')) center/contain no-repeat; }
/* systeemstrook in de hoge onderrand — zelfde anatomie als de registerkaart */
.w-eoe .sysstrip { position:static; flex:0 0 auto; height:52px;
  z-index:2; pointer-events:none; white-space:nowrap; padding:0 24px 2px;
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px;
  font:600 9px/1 var(--body); letter-spacing:.32em; text-transform:uppercase;
  color:rgba(240,232,214,.62);
  text-shadow:0 -1px 0 rgba(30,20,8,.4), 0 1px 0 rgba(255,255,255,.07); }
.w-eoe .sysstrip > span:first-child { justify-self:start; }
.w-eoe .sysstrip > span:last-child { justify-self:end;
  display:inline-flex; align-items:center; gap:8px; }
.w-eoe .ss-sym { font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:26px; font-weight:400; line-height:1; letter-spacing:0;
  position:relative; top:-2.5px; }
/* ── achterkant: credo / begrippen ── */
.w-eoe .back-body { flex:1; min-height:0; display:flex; flex-direction:column; justify-content:center;
  gap:16px; padding:20px 30px; }
.w-eoe .back-credo { text-align:center; font-family:var(--serif); font-style:italic; font-size:27px;
  line-height:1.2; color:var(--type); }
.w-eoe .back-rule { width:40px; height:2px; background:var(--type); opacity:.55; border-radius:2px; align-self:center; }
.w-eoe .back-lead { margin:0; font-family:var(--serif); font-size:14.5px; line-height:1.6; color:var(--type);
  text-align:center; align-self:center; max-width:40ch; }
.w-eoe .back-lead.italic { font-style:italic; font-size:15.5px; }
.w-eoe .back-note { margin:2px auto 0; font-family:var(--serif); font-size:13px; line-height:1.6;
  color:var(--ink); max-width:36ch; text-align:center; }
.w-eoe .back-note .lbl { display:block; margin-bottom:3px; font:700 8.5px var(--body); letter-spacing:.18em;
  text-transform:uppercase; color:var(--type); }
.w-eoe .gloss { display:flex; flex-direction:column; gap:13px; }
.w-eoe .gloss-term { font-family:var(--serif); font-size:15px; font-weight:600; color:var(--type); }
.w-eoe .gloss-def { font-family:var(--serif); font-size:12.5px; line-height:1.45; color:var(--def-ink, #584e3e); }
/* identiteitsblok: QR → resolver · codon-naam · volledige DNA · Edition */
/* ── de CTA op de achterkant ──────────────────────────────────────────────────
   Zelfde recept als de Vic-tegelknop (gevulde accentknop, label + pijl die
   meebeweegt op hover), maar in goud-brons op perkament. Vol breed, direct boven
   de colofonregel: de laatste handeling vóór de identiteit. */
.w-eoe .back-cta { flex:none; margin:0 18px 14px; display:flex; flex-direction:column;
  align-items:center; gap:7px; text-decoration:none; }
.w-eoe .back-cta .bc-knop { display:flex; align-items:center; justify-content:center; gap:9px;
  width:100%; height:46px; border-radius:13px;
  background:var(--accent); color:var(--on-field);
  font:700 15px/1 var(--body); letter-spacing:.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
  transition:filter .18s ease; }
.w-eoe .back-cta .bc-knop .arr { transition:transform .18s ease; }
.w-eoe .back-cta:hover .bc-knop { filter:brightness(1.07); }
.w-eoe .back-cta:hover .bc-knop .arr { transform:translateX(3px); }
.w-eoe .back-cta:focus-visible .bc-knop { outline:2px solid var(--type); outline-offset:3px; }
.w-eoe .back-cta .bc-noot { font-family:var(--serif); font-size:12.5px; line-height:1.4;
  color:var(--ink); text-align:center; }
/* ── colofonregel: de identiteit van de kaart ──────────────────────────────────
   GEEN QR meer (10 aug 2026). De QR is een PAPIER-instrument: `_FIRST` beschrijft
   hem als de weg van een fysieke kaart naar "de levende verschijningsvorm van
   hetzelfde object". Op de digitale kaart wees hij dus naar de pagina waar je al
   stond — en sinds de werkkaart bestaat, draagt díe hem, afgeleid uit de DNA in
   plaats van als handgemaakt plaatje.
   Wat blijft heeft op het scherm wél een taak: het codon als menselijke naam, de
   DNA-code om te kopiëren, en de link naar de Integrity Check. Het blok is daarmee
   een regel geworden in plaats van een vlak, en laat rechts ruimte voor de
   werkkaart-knop (--wk-vrij). */
.w-eoe .ident-block { --wk-vrij:124px;   /* 12px marge + het knoppenpaar AI · PDF (112px, gemeten 28 sep 2026);
                                      was 60px voor één knop — de AI-knop (canon kaart-voor-je-ai) viel eroverheen */
  flex:none; margin:0 18px 18px; padding:12px 16px;   /* ondermarge: de back-foot is vervangen door de systeemstrook */
  padding-right:calc(16px + var(--wk-vrij));          /* de knop staat ernaast, niet erop */
  border:1px solid var(--type-line); border-radius:8px; background:rgba(255,255,255,.4);
  position:relative; }
/* de werkkaart-knop hangt rechts in de onderste kaartregel, verticaal gecentreerd —
   de padding-right hierboven houdt de DNA-code eruit */
.w-eoe .ident-block .wk-dls { top:50%; bottom:auto; right:12px; transform:translateY(-50%); }
.w-eoe .id-codon { font-family:var(--serif); font-size:18px; font-weight:600; letter-spacing:.02em; color:var(--accent); }
.w-eoe .id-codon .sep { color:var(--faint); margin:0 5px; }
.w-eoe .id-dna { margin-top:6px; font-family:var(--body); font-size:8.5px; line-height:1.55;
  letter-spacing:.1em; color:var(--faint); word-break:break-all; }
.w-eoe .id-cap { margin-top:8px; display:flex; justify-content:space-between; gap:10px;
  font:600 8.5px var(--body); letter-spacing:.12em; text-transform:uppercase; color:var(--ink); }
.w-eoe .id-cap .verify { color:var(--accent); }
.w-eoe .id-cap .verify::after { content:" \2192"; }
.w-eoe .id-cap a { color:inherit; text-decoration:none; }
.w-eoe .id-cap a:hover { text-decoration:underline; }
.w-eoe .back-foot { flex:none; margin-top:12px; padding:12px 22px 16px; border-top:1px solid rgba(68,58,48,.22);
  display:flex; align-items:center; justify-content:space-between;
  font:600 9px var(--body); letter-spacing:.16em; text-transform:uppercase; color:var(--ink); }
.w-eoe .back-foot a { color:inherit; text-decoration:none; }
/* Overzichts-mascotte: de gids op de bovenrand van de eerste gallery-kaart
   (positie identiek aan de Stoutenburger register-gallery, register.css:319). */
.w-eoe .gallery-fly { position:absolute; width:88px; height:auto; z-index:6; pointer-events:none;
  filter:drop-shadow(0 3px 5px rgba(40,28,10,.25)); }
.w-eoe .gallery-fly.front-fly { top:-88px; right:50px; width:60px; }
/* 1:1,5 → 90px hoog; voeten óp de rand */
.w-eoe .gallery-fly.back-fly { top:-84px; left:50px;  width:60px; }
/* ══ DE RUG-CANON (14 aug 2026, Tom — na vormbewijs op EOE-004) ═══════════════
   FRONT = licht veld / wereld in beeld · BACK = wereldveld / wereld als watermerk.
   De informatie op de rug staat ín de kleur van haar wereld; het kompas is er een
   zeer zacht watermerk onder (.06 — zachter waar tekst overheen loopt was de eis,
   dus overal .06). De crème CTA blijft: die springt als handeling uit de
   informatiezijde. Inktwaarden zijn GEMETEN, niet geschat: vol ivoor haalt
   6.0/5.0/7.3 op de drie velden, secundair (.92) 5.4/4.5/6.5 — drempel 4.5.
   Het watermerk staat in het hart van de KAART: +18px onder het frame-centrum,
   want het frame mist de halve systeemstrook (les van de merkvlakken).
   De lege rug blijft het volle merkvlak — één teken, twee volumes. */
.w-eoe .card.back .card-inner { background:var(--field);   /* het diepe randbruin — de wereld als veld */
  /* DE ZONE TUSSEN KAARTRAND EN BINNENKADERLIJN (20 aug 2026): aan beide zijden
     dezelfde kleur. De ring stond hier op .12 wit — half doorzichtig, dus hij
     kleurde mee met het bruine veld eronder: gemeten #866E54 op de rug tegen
     #EDE9E3 op de voorkant. Dekkend maken is de enige sluitende vorm. */
  /* zone = veld + 40% wit (blijft bruin); lijn = haar kleur van vóór deze
     ingreep, rgba(242,234,214,.10) over #70512f, vooraf uitgerekend.
     Beide DEKKEND: geen verloop over dit gebied. */
  box-shadow: inset 0 0 0 4px var(--field-zone, #a99782),
    inset 0 0 0 6px var(--field-line, #7d6040); }
.w-eoe .card.back .card-inner::after { opacity:0; }
/* de perkament-textuur hoort bij het lichte veld */
.w-eoe .card.back .frame::before { content:""; position:absolute; top:calc(50% + 18px); left:50%;
  transform:translate(-50%,-50%); width:78%; aspect-ratio:1; z-index:0; pointer-events:none;
  background:rgba(240,232,214,.06);
  -webkit-mask:var(--back-mark, url('../cards/eo-compass.webp')) center/contain no-repeat;
          mask:var(--back-mark, url('../cards/eo-compass.webp')) center/contain no-repeat; }
.w-eoe .card.back .head { border-bottom-color:rgba(240,232,214,.28); }
.w-eoe .card.back .title,
.w-eoe .card.back .back-credo,
.w-eoe .card.back .gloss-term { color:var(--on-field); }
.w-eoe .card.back .pill { color:var(--on-field); border-color:rgba(240,232,214,.5); }
.w-eoe .card.back .back-rule { background:rgba(240,232,214,.6); }
.w-eoe .card.back .back-lead { color:rgba(242,234,214,.92); }
.w-eoe .card.back .gloss-def,
.w-eoe .card.back .gloss-row { color:rgba(242,234,214,.92); }
.w-eoe .card.back .back-note { color:rgba(242,234,214,.88); }
.w-eoe .card.back .back-note .lbl { color:rgba(242,234,214,.78); }
/* de paspoortzijde: de codon/DNA-module wint juist op het donkere veld */
.w-eoe .card.back .ident-block { background:rgba(0,0,0,.14); border-color:rgba(240,232,214,.22); }
.w-eoe .card.back .id-codon { color:var(--codon-on-field, #d9b982); }
.w-eoe .card.back .id-dna { color:rgba(242,234,214,.66); }
.w-eoe .card.back .id-cap,
.w-eoe .card.back .id-cap a,
.w-eoe .card.back .verify { color:rgba(242,234,214,.78); }
.w-eoe .card.back .back-cta .bc-knop { background:var(--on-field); color:var(--field); }
.w-eoe .card.back .bc-noot { color:rgba(242,234,214,.78); }