/* ==========================================================================
   LedgerDomain - "Credentials at any distance" interactive figures
   Loaded only on the OCI credentials post (ld_is_credentials_post()).
   All rules scoped under .ld-cred so nothing leaks to other posts or pages.
   Markup for every figure is BUILT BY credentials.js, never stored in
   post_content, so an Avada/Fusion Builder save can never strip it (kses).
   Brand: navy #051964 - coral #F55064 - blue #6991F0 - Chivo / Chivo Mono
   ========================================================================== */

.ld-cred{
  /* two sides of every exchange */
  --ldc-req:#6991F0;
  --ldc-req-deep:#1E4FBF;
  --ldc-req-wash:#EDF2FE;

  --ldc-res:#12A093;
  --ldc-res-deep:#0A6E64;
  --ldc-res-wash:#E2F4F2;

  /* supporting cast */
  --ldc-route:#E08A3C;
  --ldc-route-deep:#A65E13;
  --ldc-route-wash:#FCF1E4;

  --ldc-registry:#0e2f9e;
  --ldc-registry-wash:#E3E9F8;

  --ldc-infra:#56689b;
  --ldc-infra-wash:#EEF1F8;

  /* verdicts: coral is reserved for refusal, matching brand alert use */
  --ldc-ok:#1E9E76;
  --ldc-ok-wash:#E6F5F0;
  --ldc-fail:#F55064;
  --ldc-fail-deep:#C42B41;
  --ldc-fail-wash:#FDECEE;
  --ldc-fail-rule:#F6C9CF;

  /* neutrals, biased toward the navy so they read as chosen */
  --ldc-card:#ffffff;
  --ldc-surface:#ffffff;
  --ldc-alt:#FAFBFE;
  --ldc-alt-2:#F4F6FB;
  --ldc-ink:#051964;
  --ldc-ink-2:#3B4C7E;
  --ldc-ink-3:#56689b;
  --ldc-rule:#D9E1F2;
  --ldc-rule-2:#E9EDF8;
  --ldc-mute:#C4CEE6;
}

/* ---------- figure chrome ---------- */
.ld-cred{margin:34px 0;}
.ld-cred *{box-sizing:border-box;}
.ld-cred .ldc-fig{
  background:var(--ldc-card);border:1px solid var(--ldc-rule);border-radius:14px;overflow:hidden;
  box-shadow:0 24px 50px -38px rgba(5,25,100,.45);
}
.ld-cred .ldc-head{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;
  padding:14px 20px;border-bottom:1px solid var(--ldc-rule-2);background:var(--ldc-alt);
}
.ld-cred .ldc-title{
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ldc-ink-2);font-weight:700;
}
.ld-cred .ldc-body{padding:22px 20px;}
.ld-cred .ldc-fig svg{display:block;width:100%;height:auto;}
.ld-cred .ldc-note{
  padding:14px 20px;border-top:1px solid var(--ldc-rule-2);background:var(--ldc-alt-2);
  font-size:14.5px;color:var(--ldc-ink-2);line-height:1.6;
}
.ld-cred .ldc-note code{
  font-family:var(--mono);font-size:.88em;background:#fff;border:1px solid var(--ldc-rule-2);
  padding:.08em .34em;border-radius:4px;color:var(--ldc-ink);
}
.ld-cred .ldc-cap{
  font-size:14px;color:var(--ldc-ink-3);margin:12px 2px 0;line-height:1.55;
}

/* ---------- controls ---------- */
.ld-cred .ldc-ctl{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.ld-cred button{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;
  background:#fff;color:var(--ldc-ink-2);border:1px solid var(--ldc-rule);
  padding:7px 12px;border-radius:6px;cursor:pointer;transition:all .14s;line-height:1.2;
}
.ld-cred button:hover{border-color:var(--ldc-ink-3);color:var(--ldc-ink);}
.ld-cred button:focus-visible{outline:2px solid var(--ldc-req-deep);outline-offset:2px;}
.ld-cred button[aria-pressed="true"],
.ld-cred button.ldc-on{background:var(--ldc-ink);color:#fff;border-color:var(--ldc-ink);}
.ld-cred button.ldc-go{
  background:var(--ldc-req-deep);color:#fff;border-color:var(--ldc-req-deep);
  box-shadow:0 6px 14px -8px rgba(30,79,191,.7);
}
.ld-cred button.ldc-go:hover{background:#173C93;border-color:#173C93;color:#fff;}
.ld-cred button.ldc-danger{color:var(--ldc-fail-deep);border-color:var(--ldc-fail-rule);}
.ld-cred button.ldc-danger:hover{background:var(--ldc-fail-wash);}
.ld-cred button.ldc-danger[aria-pressed="true"]{background:var(--ldc-fail);color:#fff;border-color:var(--ldc-fail);}
.ld-cred input[type=range]{accent-color:var(--ldc-req-deep);width:100%;max-width:280px;}
.ld-cred label.ldc-rng{
  display:flex;align-items:center;gap:11px;font-family:var(--mono);font-size:11.5px;
  color:var(--ldc-ink-2);letter-spacing:.04em;
}

/* ---------- stat rows ---------- */
.ld-cred .ldc-stats{display:flex;flex-direction:column;}
.ld-cred .ldc-stat{
  display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  padding:9px 0;border-bottom:1px solid var(--ldc-rule-2);
}
.ld-cred .ldc-stat:first-child{border-top:1px solid var(--ldc-rule-2);}
.ld-cred .ldc-stat>span{
  font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--ldc-ink-2);line-height:1.45;
}
.ld-cred .ldc-stat>span i{
  display:block;font-style:normal;font-size:10px;color:var(--ldc-ink-3);letter-spacing:.04em;margin-top:2px;
}
.ld-cred .ldc-stat b{
  font-family:var(--mono);font-size:19px;font-weight:700;color:var(--ldc-ink);
  font-variant-numeric:tabular-nums;transition:color .18s;
}
.ld-cred .ldc-stat.ldc-hot b{color:var(--ldc-fail-deep);}

/* ---------- the credential card (signature object) ---------- */
.ld-cred .ldc-card{
  background:var(--ldc-surface);border:1px solid var(--ldc-ink);border-radius:12px;
  box-shadow:0 0 0 3px var(--ldc-surface),0 0 0 4px var(--ldc-rule);
  padding:18px 22px;font-family:var(--mono);font-size:12px;line-height:1.75;position:relative;
  /* landscape, close to 16:9 at the article column width */
  width:100%;max-width:640px;aspect-ratio:16 / 9;display:flex;flex-direction:column;
}
.ld-cred .ldc-card-grid{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;
  /* stretch, so the columns fill the card and their own centring has room to work */
  align-items:stretch;flex:1 1 auto;min-height:0;
}
.ld-cred .ldc-card-fields{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;}
.ld-cred .ldc-card-clock{
  display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;
  border-left:1px solid var(--ldc-rule-2);padding-left:24px;height:100%;
}
.ld-cred .ldc-clock-n{
  font-size:38px;line-height:1;font-weight:700;color:var(--ldc-ink);font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;
}
.ld-cred .ldc-clock-l{
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ldc-ink-3);
}
.ld-cred .ldc-seals{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;
  border-top:1px solid var(--ldc-rule-2);flex:0 0 auto;
}
@media (max-width:640px){
  .ld-cred .ldc-card{aspect-ratio:auto;max-width:100%;}
  .ld-cred .ldc-card-grid{grid-template-columns:minmax(0,1fr);gap:16px;}
  .ld-cred .ldc-card-clock{border-left:0;padding-left:0;border-top:1px solid var(--ldc-rule-2);padding-top:14px;}
}
.ld-cred .ldc-card-t{
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ldc-ink-3);
  display:flex;justify-content:space-between;gap:10px;
  border-bottom:1px solid var(--ldc-rule-2);padding-bottom:8px;margin-bottom:12px;
}
.ld-cred .ldc-row{display:flex;gap:14px;justify-content:space-between;}
.ld-cred .ldc-row span:first-child{color:var(--ldc-ink-3);}
.ld-cred .ldc-row span:last-child{color:var(--ldc-ink);text-align:right;word-break:break-all;}
.ld-cred .ldc-seal{
  display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;padding:4px 9px;border-radius:4px;
}
.ld-cred .ldc-seal.i{background:var(--ldc-res-wash);color:var(--ldc-res-deep);}
.ld-cred .ldc-seal.h{background:var(--ldc-req-wash);color:var(--ldc-req-deep);}
.ld-cred .ldc-seal i{width:7px;height:7px;border-radius:50%;background:currentColor;}
.ld-cred .ldc-ttl{height:5px;background:var(--ldc-rule-2);border-radius:3px;overflow:hidden;margin-top:14px;}
.ld-cred .ldc-ttl i{display:block;height:100%;background:var(--ldc-ok);width:100%;border-radius:3px;}
.ld-cred .ldc-ttl.warn i{background:var(--ldc-route-deep);}
.ld-cred .ldc-ttl.dead i{background:var(--ldc-fail);}
.ld-cred .ldc-stamp{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-11deg);
  border:3px solid var(--ldc-fail);color:var(--ldc-fail-deep);font-family:var(--mono);font-weight:700;
  font-size:19px;letter-spacing:.18em;padding:6px 18px;border-radius:6px;opacity:0;transition:opacity .2s;
  pointer-events:none;background:rgba(255,255,255,.86);
}
.ld-cred .ldc-stamp.show{opacity:1;}
.ld-cred .ldc-cardwrap{display:flex;flex-direction:column;gap:0;align-items:flex-start;}
.ld-cred .ldc-cardwrap .ldc-cap{max-width:640px;}

/* ---------- fig 1: shared secrets ---------- */
.ld-cred .ldc-grid2{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:32px;align-items:center;}
.ld-cred .ldc-grid2>svg{max-width:420px;width:100%;margin:0 auto;}
.ld-cred .ldc-say{font-size:14.5px;color:var(--ldc-ink-2);margin:16px 0 0;line-height:1.55;}
.ld-cred .ldc-say b.hot{color:var(--ldc-fail-deep);font-weight:700;}

/* ---------- fig 2: who is watching ---------- */
.ld-cred .ldc-two{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ldc-rule-2);}
.ld-cred .ldc-pane{background:#fff;padding:18px;}
.ld-cred .ldc-pane h4{
  margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ldc-ink);font-weight:700;
}
.ld-cred .ldc-pane .ldc-sub{
  font-size:13px;color:var(--ldc-ink-3);margin:5px 0 14px;line-height:1.45;min-height:38px;
}
.ld-cred .ldc-pane>svg{max-width:360px;margin:0 auto;}
.ld-cred .ldc-obs{
  font-family:var(--mono);font-size:11.5px;color:var(--ldc-ink-2);margin-top:12px;letter-spacing:.02em;
}
.ld-cred .ldc-obs b{font-size:17px;color:var(--ldc-ink);font-weight:700;font-variant-numeric:tabular-nums;}
.ld-cred .ldc-banner{
  margin-top:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  padding:7px 10px;border-radius:5px;background:var(--ldc-rule-2);color:var(--ldc-ink-3);font-weight:700;
}
.ld-cred .ldc-banner.ok{background:var(--ldc-ok-wash);color:var(--ldc-ok);}
.ld-cred .ldc-banner.no{background:var(--ldc-fail-wash);color:var(--ldc-fail-deep);}
.ld-cred .ldc-log{
  font-family:var(--mono);font-size:10.5px;line-height:1.75;color:var(--ldc-ink-3);
  height:76px;overflow:hidden;margin-top:10px;border-top:1px solid var(--ldc-rule-2);padding-top:8px;
}
.ld-cred .ldc-infer{
  margin-top:10px;padding:10px 12px;border-radius:6px;border:1px solid var(--ldc-rule-2);
  background:var(--ldc-alt-2);min-height:86px;
}
.ld-cred .ldc-infer .t{
  display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ldc-ink-3);margin-bottom:5px;font-weight:700;
}
.ld-cred .ldc-infer .x{display:block;font-size:13px;line-height:1.5;color:var(--ldc-ink-2);}
.ld-cred .ldc-infer.live{border-color:var(--ldc-fail-rule);background:var(--ldc-fail-wash);}
.ld-cred .ldc-infer.live .t,
.ld-cred .ldc-infer.live .x{color:var(--ldc-fail-deep);}
.ld-cred .ldc-infer.quiet .x{color:var(--ldc-ink-3);}

/* ---------- fig 3: nesting map + layers ---------- */
.ld-cred .ldc-scroll{overflow-x:auto;overscroll-behavior-x:contain;}
.ld-cred .ldc-nmap{display:block;width:100%;height:auto;margin:0 0 6px;}
.ld-cred .ldc-nmap .nm{
  fill:none;stroke:var(--ldc-rule);stroke-width:1.3;
  /* clicks are taken by the .nm-hit strips below, so the visible boxes stay inert:
     a nested box's centre belongs to its innermost child, not to itself */
  pointer-events:none;transition:stroke .16s,stroke-width .16s,fill .16s;
}
.ld-cred .ldc-nmap .nm-hit{fill:transparent;stroke:none;cursor:pointer;pointer-events:all;}
.ld-cred .ldc-nmap .nm.hov{stroke:var(--ldc-ink-3);}
.ld-cred .ldc-nmap .nm.hov.hold{stroke:var(--ldc-req-deep);}
.ld-cred .ldc-nmap .nm.hov.iss{stroke:var(--ldc-res-deep);}
.ld-cred .ldc-nmap .nm.dash{stroke-dasharray:5 4;}
.ld-cred .ldc-nmap .nm.hold{stroke:var(--ldc-req);}
.ld-cred .ldc-nmap .nm.iss{stroke:var(--ldc-res);}
.ld-cred .ldc-nmap .nm.on{stroke-width:2.4;fill:var(--ldc-alt-2);}
.ld-cred .ldc-nmap .nm.on.hold{stroke:var(--ldc-req-deep);}
.ld-cred .ldc-nmap .nm.on.iss{stroke:var(--ldc-res-deep);}

.ld-cred .ldc-nmap .nm-l{
  font-family:var(--mono);font-size:12px;font-weight:700;fill:var(--ldc-ink);letter-spacing:.03em;
}
.ld-cred .ldc-nmap .nm-t{font-family:var(--mono);font-size:10.5px;fill:var(--ldc-ink-3);letter-spacing:.05em;}
.ld-cred .ldc-nmap .nm-t.hold{fill:var(--ldc-req-deep);}
.ld-cred .ldc-nmap .nm-t.iss{fill:var(--ldc-res-deep);}
.ld-cred .ldc-nmap .nm-s{font-size:11.5px;fill:var(--ldc-ink-3);}
.ld-cred .ldc-hint{
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ldc-ink-3);margin:0 0 16px;
}
.ld-cred .ldc-layers{display:flex;flex-direction:column;}
.ld-cred .ldc-layer{
  border:1px solid var(--ldc-rule);border-radius:8px;margin:0 0 -1px;background:#fff;transition:background .15s;
}
.ld-cred .ldc-layer>button{
  width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;
  background:transparent;border:0;padding:12px 16px;text-transform:none;letter-spacing:.02em;
  font-size:12px;border-radius:8px;
}
.ld-cred .ldc-layer>button b{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ldc-ink);
}
.ld-cred .ldc-layer>button span{
  color:var(--ldc-ink-3);font-size:12.5px;letter-spacing:0;text-transform:none;font-weight:400;
  font-family:inherit;text-align:right;
}
.ld-cred .ldc-layer[data-open="true"]{background:var(--ldc-alt);}
.ld-cred .ldc-layer[data-open="true"]>button b{color:var(--ldc-req-deep);}
.ld-cred .ldc-lc{
  display:none;padding:2px 16px 18px;font-family:var(--mono);font-size:11.5px;line-height:1.85;
  color:var(--ldc-ink-2);overflow-x:auto;
}
.ld-cred .ldc-layer[data-open="true"] .ldc-lc{display:block;}
.ld-cred .ldc-lc .k{color:var(--ldc-ink-3);}
.ld-cred .ldc-lc .v{color:var(--ldc-ink);}
.ld-cred .ldc-lc .si{color:var(--ldc-res-deep);font-weight:700;}
.ld-cred .ldc-lc .sh{color:var(--ldc-req-deep);font-weight:700;}
.ld-cred .ldc-lc .c{color:var(--ldc-ink-3);font-style:italic;}
.ld-cred .ldc-nest{border-left:2px solid var(--ldc-rule);padding-left:14px;margin:6px 0 6px 4px;}

/* ---------- fig 4: replay ---------- */
.ld-cred .ldc-replay{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:32px;align-items:center;}
.ld-cred .ldc-track{position:relative;height:44px;border-bottom:1px solid var(--ldc-rule);margin-top:8px;}
.ld-cred .ldc-track .win{
  position:absolute;left:0;top:8px;bottom:0;background:var(--ldc-ok-wash);
  border-right:1px solid var(--ldc-ok);border-radius:4px 0 0 0;
}
.ld-cred .ldc-track .win span{
  position:absolute;left:10px;top:9px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ldc-ok);white-space:nowrap;font-weight:700;
}
.ld-cred .ldc-track.void .win{background:var(--ldc-fail-wash);border-right-color:var(--ldc-fail);}
.ld-cred .ldc-track.void .win span{color:var(--ldc-fail-deep);}
.ld-cred .ldc-track .mk{position:absolute;top:0;bottom:0;width:2px;background:var(--ldc-ink);transition:left .06s linear;}
.ld-cred .ldc-track .mk::after{
  content:"";position:absolute;top:-4px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--ldc-ink);
}
.ld-cred .ldc-track .lb{
  position:absolute;bottom:-20px;font-family:var(--mono);font-size:10px;color:var(--ldc-ink-3);letter-spacing:.06em;
}
.ld-cred .ldc-verdict{
  margin-top:14px;padding:14px 16px;border-radius:8px;border:1px solid var(--ldc-rule);
  font-family:var(--mono);font-size:12.5px;line-height:1.6;background:var(--ldc-alt-2);color:var(--ldc-ink-2);
}
.ld-cred .ldc-verdict.ok{border-color:var(--ldc-ok);background:var(--ldc-ok-wash);color:var(--ldc-ok);}
.ld-cred .ldc-verdict.no{border-color:var(--ldc-fail-rule);background:var(--ldc-fail-wash);color:var(--ldc-fail-deep);}
.ld-cred .ldc-verdict .code{font-weight:700;letter-spacing:.04em;}
.ld-cred .ldc-verdict b{color:inherit;}

/* ---------- fig 5: the checks ---------- */
.ld-cred .ldc-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 0;}
.ld-cred .ldc-check{
  border:1px solid var(--ldc-rule);border-radius:8px;padding:11px 10px 34px;background:#fff;
  transition:all .2s;position:relative;
}
.ld-cred .ldc-check .n{font-family:var(--mono);font-size:10px;color:var(--ldc-ink-3);letter-spacing:.1em;font-weight:700;}
.ld-cred .ldc-check .t{font-size:12.5px;line-height:1.35;margin-top:5px;color:var(--ldc-ink-2);}
.ld-cred .ldc-check .s{
  position:absolute;left:10px;bottom:9px;font-family:var(--mono);font-size:9px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--ldc-ink-3);border:1px solid var(--ldc-rule-2);
  border-radius:4px;padding:2px 5px;
}
.ld-cred .ldc-check .s.net{color:var(--ldc-res-deep);border-color:var(--ldc-res-wash);background:var(--ldc-res-wash);}
.ld-cred .ldc-check.extra{border-style:dashed;}
.ld-cred .ldc-check[data-s="pass"]{border-color:var(--ldc-ok);background:var(--ldc-ok-wash);}
.ld-cred .ldc-check[data-s="pass"] .t{color:var(--ldc-ok);}
.ld-cred .ldc-check[data-s="fail"]{border-color:var(--ldc-fail);background:var(--ldc-fail-wash);}
.ld-cred .ldc-check[data-s="fail"] .t{color:var(--ldc-fail-deep);}
.ld-cred .ldc-check[data-s="skip"]{opacity:.34;}
.ld-cred .ldc-check .m{
  position:absolute;top:9px;right:9px;font-family:var(--mono);font-size:12px;font-weight:700;
}
.ld-cred .ldc-check[data-s="pass"] .m{color:var(--ldc-ok);}
.ld-cred .ldc-check[data-s="fail"] .m{color:var(--ldc-fail-deep);}

/* ---------- fig 6: the choreography ---------- */
.ld-cred .ldc-legend{
  display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;
  color:var(--ldc-ink-3);letter-spacing:.03em;padding:12px 20px 4px;
}
.ld-cred .ldc-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;}
.ld-cred .ldc-stage{background:#fff;padding:8px 4px 0;overflow-x:auto;overscroll-behavior-x:contain;}
.ld-cred .ldc-stage-div{padding:18px 20px 0;}
.ld-cred .ldc-pan{display:none;}
.ld-cred .ldc-phases{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:0 20px 4px;}
.ld-cred .ldc-phase{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ldc-ink-3);border-top:2px solid var(--ldc-rule-2);padding:8px 2px 0;transition:all .2s;
}
.ld-cred .ldc-phase.on{color:var(--ldc-ink);border-top-color:var(--ldc-ink);font-weight:700;}
.ld-cred .ldc-scrub{display:flex;gap:3px;padding:14px 20px 0;flex-wrap:wrap;}
.ld-cred .ldc-scrub button{
  width:26px;height:26px;padding:0;font-size:9.5px;border-radius:5px;letter-spacing:0;
  display:flex;align-items:center;justify-content:center;
}
.ld-cred .ldc-scrub button.done{background:var(--ldc-rule-2);color:var(--ldc-ink-3);border-color:var(--ldc-rule-2);}
.ld-cred .ldc-narr{padding:16px 20px 20px;border-top:1px solid var(--ldc-rule-2);margin-top:16px;}
.ld-cred .ldc-narr-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;}
.ld-cred .ldc-narr .st{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ldc-ink-3);font-weight:700;
}
.ld-cred .ldc-narr .lb{font-family:var(--mono);font-size:13px;color:var(--ldc-ink);margin-top:4px;font-weight:700;}
.ld-cred .ldc-narr .ex{font-size:15px;color:var(--ldc-ink-2);margin-top:8px;line-height:1.55;max-width:60ch;}
.ld-cred .ldc-roles{display:flex;gap:6px;flex-wrap:wrap;}
.ld-cred .ldc-roles span{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  padding:3px 8px;border-radius:4px;background:var(--ldc-rule-2);color:var(--ldc-ink-3);font-weight:700;
}
.ld-cred .ldc-roles span.req{background:var(--ldc-req-wash);color:var(--ldc-req-deep);}
.ld-cred .ldc-roles span.res{background:var(--ldc-res-wash);color:var(--ldc-res-deep);}
.ld-cred .ldc-twin{
  font-family:var(--mono);font-size:11.5px;color:var(--ldc-ink-3);margin-top:10px;line-height:1.5;
  min-height:18px;letter-spacing:.02em;
}
.ld-cred .ldc-twin b{color:var(--ldc-ink-2);font-weight:700;}

/* ---------- narrow screens ---------- */
@media (max-width:880px){
  .ld-cred .ldc-grid2,
  .ld-cred .ldc-replay{grid-template-columns:minmax(0,1fr);gap:22px;}
  .ld-cred .ldc-two{grid-template-columns:1fr;}
  .ld-cred .ldc-phases{grid-template-columns:repeat(2,1fr);}
  .ld-cred .ldc-checks{grid-template-columns:repeat(2,1fr);}
  /* scaled to fit, the choreography stops being readable, so let it pan instead */
  .ld-cred .ldc-stage svg{width:900px;max-width:none;}
  .ld-cred .ldc-stage-div svg{width:820px;}
  .ld-cred .ldc-pan{
    display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
    color:var(--ldc-ink-3);padding:10px 20px 0;
  }
  .ld-cred .ldc-nmap{width:620px;max-width:none;}
}
@media (max-width:560px){
  .ld-cred .ldc-body{padding:16px 14px;}
  .ld-cred .ldc-head{padding:12px 14px;}
  .ld-cred .ldc-card{max-width:100%;}
}

@media (prefers-reduced-motion:reduce){
  .ld-cred *{animation-duration:.001ms !important;transition-duration:.001ms !important;}
}

/* ---------- print: keep the figures legible on paper ---------- */
@media print{
  .ld-cred .ldc-ctl,
  .ld-cred .ldc-scrub,
  .ld-cred .ldc-pan{display:none !important;}
  .ld-cred .ldc-fig{box-shadow:none;break-inside:avoid;}
}

/* ==========================================================================
   Round 2 additions
   ========================================================================== */

/* ---------- stop the figures resizing as their copy changes ----------
   Fig 1's caption and Fig 5's verdict both swap between strings of very
   different length. Without a reserved floor the whole card jumps, and in
   Fig 1 the centred SVG shifts with it. Reserve the tallest case. */
/* height is pinned at runtime by lockSay(); a CSS guess cannot know the wrap */
.ld-cred .ldc-grid2{align-items:start;}
.ld-cred .ldc-grid2>svg{align-self:center;}
.ld-cred .ldc-replay .ldc-verdict{min-height:8.8em;}
.ld-cred .ldc-infer{min-height:7.4em;}
@media (max-width:880px){
  .ld-cred .ldc-say,
  .ld-cred .ldc-replay .ldc-verdict,
  .ld-cred .ldc-infer{min-height:0;}
}

/* ---------- fig 1: name the failure mode ---------- */
.ld-cred .ldc-fmode{
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
  color:var(--ldc-fail-deep);background:var(--ldc-fail-wash);border:1px solid var(--ldc-fail-rule);
  border-radius:5px;padding:5px 9px;display:inline-block;margin:0 0 14px;
}

/* ---------- fig 4: the corrUUID binding ---------- */
.ld-cred .ldc-nmap .nm-b{
  font-family:var(--mono);font-size:10.5px;font-weight:700;fill:var(--ldc-route-deep);letter-spacing:.04em;
}
.ld-cred .ldc-nmap .nm-bind{
  fill:none;stroke:var(--ldc-route-deep);stroke-width:1.6;stroke-dasharray:4 3;
}
.ld-cred .ldc-nmap .nm-bl{
  font-family:var(--mono);font-size:9.5px;fill:var(--ldc-route-deep);letter-spacing:.09em;text-transform:uppercase;
}
.ld-cred .ldc-lc .bind{
  color:var(--ldc-route-deep);font-weight:700;
  background:var(--ldc-route-wash);border-radius:3px;padding:0 3px;
}

/* ---------- fig 3: the requirements chain ---------- */
.ld-cred .ldc-chain{display:flex;flex-direction:column;align-items:stretch;}
.ld-cred .ldc-arrow{
  text-align:center;color:var(--ldc-ink-3);font-size:20px;line-height:1;padding:8px 0;
}
.ld-cred .ldc-tier{border:1px solid var(--ldc-rule);border-radius:10px;overflow:hidden;}
.ld-cred .ldc-tier-h{
  display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;
  padding:10px 14px;border-bottom:1px solid var(--ldc-rule-2);background:var(--ldc-alt-2);
}
.ld-cred .ldc-tier-h b{
  font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ldc-ink);
}
.ld-cred .ldc-tier-h span{font-size:12.5px;color:var(--ldc-ink-3);}
.ld-cred .ldc-tier-b{display:grid;gap:10px;padding:14px;}
.ld-cred .ldc-tier[data-k="law"]{border-color:var(--ldc-registry);}
.ld-cred .ldc-tier[data-k="law"] .ldc-tier-h{background:var(--ldc-registry-wash);}
.ld-cred .ldc-tier[data-k="gov"]{border-color:var(--ldc-req-deep);}
.ld-cred .ldc-tier[data-k="gov"] .ldc-tier-h{background:var(--ldc-req-wash);}
.ld-cred .ldc-tier[data-k="tech"]{border-color:var(--ldc-res-deep);}
.ld-cred .ldc-tier[data-k="tech"] .ldc-tier-h{background:var(--ldc-res-wash);}
.ld-cred .ldc-tier[data-k="tech"] .ldc-tier-b{grid-template-columns:1fr 1fr;}
.ld-cred .ldc-doc{
  border-left:3px solid var(--ldc-rule);padding:2px 0 2px 12px;
}
.ld-cred .ldc-doc b{display:block;font-size:14.5px;color:var(--ldc-ink);font-weight:700;}
.ld-cred .ldc-doc span{display:block;font-size:13px;color:var(--ldc-ink-2);line-height:1.5;margin-top:3px;}
.ld-cred .ldc-feeds{margin-top:22px;border-top:1px dashed var(--ldc-rule);padding-top:16px;}
.ld-cred .ldc-feeds-h{
  font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ldc-ink-3);margin-bottom:12px;font-weight:700;
}
.ld-cred .ldc-feeds-b{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.ld-cred .ldc-doc.feed{border-left-color:var(--ldc-route);}
.ld-cred .ldc-doc.feed b{font-size:13.5px;}
@media (max-width:760px){
  .ld-cred .ldc-tier[data-k="tech"] .ldc-tier-b,
  .ld-cred .ldc-feeds-b{grid-template-columns:1fr;}
}

/* ---------- fig 8: DIDComm envelopes ---------- */
.ld-cred .ldc-env{display:block;width:100%;height:auto;}
.ld-cred .ldc-env .env{
  fill:none;stroke:var(--ldc-rule);stroke-width:1.4;pointer-events:none;
  transition:stroke .16s,stroke-width .16s,fill .16s;
}
.ld-cred .ldc-env .env-hit{fill:transparent;stroke:none;cursor:pointer;pointer-events:all;}
.ld-cred .ldc-env .env.hov{stroke:var(--ldc-ink-3);}
.ld-cred .ldc-env .env.on{stroke:var(--ldc-req-deep);stroke-width:2.6;fill:var(--ldc-req-wash);}
.ld-cred .ldc-env .env.core{fill:var(--ldc-alt-2);}
.ld-cred .ldc-env .env.core.on{fill:var(--ldc-req-wash);}
.ld-cred .ldc-env .env-l{font-family:var(--mono);font-size:12px;font-weight:700;fill:var(--ldc-ink);letter-spacing:.03em;}
.ld-cred .ldc-env .env-t{font-family:var(--mono);font-size:10.5px;fill:var(--ldc-ink-3);letter-spacing:.04em;}
.ld-cred .ldc-envcard{border:1px solid var(--ldc-rule);border-radius:10px;padding:14px 16px;min-height:150px;}
.ld-cred .ldc-envcard-h{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;}
.ld-cred .ldc-envcard-h b{font-size:16px;color:var(--ldc-ink);font-weight:700;}
.ld-cred .ldc-envcard-h span{font-family:var(--mono);font-size:11px;color:var(--ldc-ink-3);letter-spacing:.05em;}
.ld-cred .ldc-envcard-add{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ldc-ink-3);margin-top:8px;
}
.ld-cred .ldc-envcard-add b{color:var(--ldc-res-deep);font-weight:700;}
.ld-cred .ldc-envcard-b{font-size:14.5px;line-height:1.6;color:var(--ldc-ink-2);margin:10px 0 0;}

/* ---------- fig 7: payload chip, dimmed steps, theme toggle ---------- */
.ld-cred .ldc-carry{
  font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--ldc-ink-3);margin-top:8px;
}
.ld-cred .ldc-carry b{color:var(--ldc-route-deep);font-weight:700;}
.ld-cred .ldc-scrub button.dim{opacity:.3;}
.ld-cred .ldc-phase{cursor:pointer;}
.ld-cred .ldc-phase:hover{color:var(--ldc-ink-2);border-top-color:var(--ldc-ink-3);}
.ld-cred .ldc-phase:focus-visible{outline:2px solid var(--ldc-req-deep);outline-offset:2px;}
/* `.ld-cred .ldc-fig svg` (0,2,1) outranks a plain `.ld-cred .ldc-ic` (0,2,0)
   and stretches the icon to 100% width, so match its specificity here. */
.ld-cred .ldc-fig svg.ldc-ic,
.ld-cred svg.ldc-ic{
  width:13px;height:13px;display:inline-block;vertical-align:-2px;margin-right:6px;flex:0 0 auto;
}
.ld-cred .ldc-icbtn{
  display:inline-flex;align-items:center;justify-content:center;padding:7px 9px;
}
.ld-cred .ldc-icbtn svg.ldc-ic{margin-right:0;}
.ld-cred .ldc-ic .ic-sun{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;}
.ld-cred .ldc-ic .ic-moon{display:none;fill:currentColor;}
.ld-cred .f-theme[aria-pressed="true"] .ic-sun{display:none;}
.ld-cred .f-theme[aria-pressed="true"] .ic-moon{display:inline;}

/* Dark canvas for one figure. Every colour in the figure comes from these
   tokens, so the whole diagram follows from redefining them on the card. */
.ld-cred .ldc-fig.ldc-dark{
  /* Neutral slate rather than navy-black: the old ground was so close to the
     node washes that every box read as a smudge. Surfaces now step up in
     lightness (card < alt-2 < alt < surface) so boxes, cylinder tops and step
     badges all sit visibly above the canvas. */
  --ldc-card:#141A22;
  --ldc-alt:#212B36;
  --ldc-alt-2:#1A222B;
  --ldc-surface:#26313D;
  --ldc-ink:#EDF2F7;
  --ldc-ink-2:#B6C3D1;
  --ldc-ink-3:#8695A6;
  --ldc-rule:#33404E;
  --ldc-rule-2:#26313D;
  --ldc-mute:#44535F;

  --ldc-req:#7DAEFF;
  --ldc-req-deep:#AECDFF;
  --ldc-req-wash:#1B2C45;

  --ldc-res:#35D6BF;
  --ldc-res-deep:#77E9D8;
  --ldc-res-wash:#10332F;

  --ldc-route:#FFB673;
  --ldc-route-deep:#FFCB9B;
  --ldc-route-wash:#39280F;

  --ldc-registry:#9CC0F7;
  --ldc-registry-wash:#1B2B42;

  --ldc-infra:#95A5B8;
  --ldc-infra-wash:#222C37;

  --ldc-ok:#4BD6A0;
  --ldc-ok-wash:#11332A;
  --ldc-fail:#FF8B97;
  --ldc-fail-deep:#FFB0B8;
  --ldc-fail-wash:#3A1A20;
  --ldc-fail-rule:#6E3037;

  background:var(--ldc-card);
}
.ld-cred .ldc-fig.ldc-dark .ldc-stage,
.ld-cred .ldc-fig.ldc-dark .ldc-pane{background:var(--ldc-card);}
.ld-cred .ldc-fig.ldc-dark button{background:var(--ldc-alt);color:var(--ldc-ink-2);border-color:var(--ldc-rule);}
.ld-cred .ldc-fig.ldc-dark button:hover{color:var(--ldc-ink);border-color:var(--ldc-ink-3);}
.ld-cred .ldc-fig.ldc-dark button[aria-pressed="true"],
.ld-cred .ldc-fig.ldc-dark button.ldc-on{background:var(--ldc-req-deep);color:#0C1B2A;border-color:var(--ldc-req-deep);}
.ld-cred .ldc-fig.ldc-dark .ldc-scrub button.done{background:var(--ldc-rule-2);color:var(--ldc-ink-3);border-color:var(--ldc-rule-2);}

/* ==========================================================================
   Asides: two mock screenshots.

   These deliberately do NOT use the brand tokens. A screenshot does not render
   in Chivo Mono and navy, and the first attempt read as one more diagram
   because it did. Each one carries its own hardcoded palette and a system font
   stack, and neither follows the per-figure dark toggle, because a screenshot
   of a light-mode app stays a screenshot of a light-mode app.

   No logos, wordmarks or lifted icon artwork: the layout, palette and type do
   the recognising, every glyph here is drawn from scratch, and the companies
   are invented. Formats are not protectable; the assets and the marks are.
   ========================================================================== */

.ld-cred{clear:both;}

/* ---------- the mail client ---------- */
.ldc-shot{
  --ol-blue:#0F6CBD;
  --ol-blue-2:#115EA3;
  --ol-sel:#EBF3FC;
  --ol-hair:#E1DFDD;
  --ol-chrome:#FAF9F8;
  --ol-txt:#242424;
  --ol-txt-2:#616161;
  --ol-txt-3:#8A8886;
  font-family:"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
  border:1px solid #D2D0CE;border-radius:6px;overflow:hidden;background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.10),0 8px 28px -14px rgba(0,0,0,.32);
  color:var(--ol-txt);-webkit-font-smoothing:antialiased;
}
.ldc-shot *{box-sizing:border-box;}
.ldc-mailtop{
  display:flex;align-items:center;gap:12px;padding:8px 12px;
  background:var(--ol-chrome);border-bottom:1px solid var(--ol-hair);
}
.ldc-mailtop .waffle{display:flex;flex-direction:column;gap:2px;flex:0 0 auto;padding:2px;}
.ldc-mailtop .waffle span{display:flex;gap:2px;}
.ldc-mailtop .waffle i{width:3px;height:3px;background:var(--ol-txt-3);border-radius:1px;display:block;}
.ldc-search{
  flex:1 1 auto;max-width:420px;display:flex;align-items:center;gap:8px;
  background:#fff;border:1px solid var(--ol-hair);border-radius:4px;padding:4px 9px;
  font-size:12.5px;color:var(--ol-txt-3);
}
.ldc-search svg{width:13px;height:13px;flex:0 0 auto;fill:none;stroke:var(--ol-txt-3);stroke-width:1.6;}
.ldc-mailtop .acct{
  margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ol-txt-2);white-space:nowrap;
}
.ldc-mailtop .acct b{
  width:26px;height:26px;border-radius:50%;background:#8764B8;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;
}
.ldc-mailwrap{display:grid;grid-template-columns:172px minmax(0,1fr);}
.ldc-folders{
  background:var(--ol-chrome);border-right:1px solid var(--ol-hair);padding:8px 0;font-size:12.5px;
}
.ldc-folders div{
  display:flex;align-items:center;gap:8px;padding:5px 12px 5px 16px;color:var(--ol-txt);
  border-left:3px solid transparent;
}
.ldc-folders div.on{background:var(--ol-sel);border-left-color:var(--ol-blue);font-weight:600;}
.ldc-folders div em{margin-left:auto;font-style:normal;color:var(--ol-txt-2);font-size:11.5px;}
.ldc-folders div.on em{color:var(--ol-blue-2);font-weight:600;}
.ldc-folders .grp{
  padding:10px 12px 4px 16px;font-size:11px;color:var(--ol-txt-3);text-transform:none;font-weight:600;
  border-left:3px solid transparent;
}
.ldc-list{min-width:0;background:#fff;}
.ldc-listbar{
  display:flex;align-items:center;gap:14px;padding:7px 14px;border-bottom:1px solid var(--ol-hair);
  font-size:12px;color:var(--ol-txt-2);
}
.ldc-listbar b{color:var(--ol-txt);font-size:13px;font-weight:600;}
.ldc-listbar .fil{margin-left:auto;color:var(--ol-blue-2);}
.ldc-msg{
  display:grid;grid-template-columns:8px 30px minmax(0,1fr) auto;gap:0 10px;
  padding:9px 14px 9px 0;border-bottom:1px solid #F3F2F1;align-items:start;position:relative;
}
.ldc-msg .bar{display:block;width:3px;border-radius:2px;background:transparent;height:100%;min-height:38px;margin-left:5px;}
.ldc-msg.un .bar{background:var(--ol-blue);}
.ldc-msg .ava{
  width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:600;color:#fff;margin-top:2px;flex:0 0 auto;
}
.ldc-msg .mid{display:block;min-width:0;overflow:hidden;}
.ldc-msg .who{
  display:block;font-size:13px;color:var(--ol-txt);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ldc-msg.un .who{font-weight:600;}
.ldc-msg .sub{
  display:block;font-size:12.5px;color:var(--ol-txt);margin-top:1px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ldc-msg.un .sub{color:var(--ol-blue-2);font-weight:600;}
.ldc-msg .pre{
  display:block;font-size:12px;color:var(--ol-txt-2);margin-top:1px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ldc-msg .rt{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto;padding-top:2px;}
.ldc-msg .when{font-size:11.5px;color:var(--ol-txt-2);white-space:nowrap;}
.ldc-msg.un .when{color:var(--ol-blue-2);font-weight:600;}
.ldc-msg .icons{display:flex;gap:5px;align-items:center;}
.ldc-msg .icons svg{width:12px;height:12px;}
.ldc-msg.sel{background:var(--ol-sel);}
.ldc-msg .ext{
  display:inline-block;font-size:10.5px;background:#FFF4CE;color:#6B5900;border:1px solid #F2E3A0;
  border-radius:2px;padding:0 4px;margin-right:5px;vertical-align:1px;
}
.ldc-msg.old .who,.ldc-msg.old .sub,.ldc-msg.old .pre{color:var(--ol-txt-3);}
@media (max-width:700px){
  .ldc-mailwrap{grid-template-columns:minmax(0,1fr);}
  .ldc-folders{display:none;}
  .ldc-mailtop .acct span{display:none;}
}

/* ---------- the feed post ---------- */
.ldc-feed{
  --li-blue:#0A66C2;
  --li-txt:rgba(0,0,0,.90);
  --li-txt-2:rgba(0,0,0,.60);
  --li-hair:rgba(0,0,0,.08);
  font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:#fff;border:1px solid var(--li-hair);border-radius:8px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(0,0,0,.02),0 8px 26px -16px rgba(0,0,0,.4);
  color:var(--li-txt);-webkit-font-smoothing:antialiased;
}
.ldc-feed *{box-sizing:border-box;}
.ldc-feed-h{display:flex;gap:8px;padding:12px 12px 0;align-items:flex-start;}
.ldc-feed-h .co{
  width:48px;height:48px;border-radius:4px;background:#1F3864;color:#fff;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;letter-spacing:.5px;
}
.ldc-feed-h .id{min-width:0;flex:1 1 auto;line-height:1.35;}
.ldc-feed-h .id b{
  font-size:14px;font-weight:600;color:var(--li-txt);display:block;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ldc-feed-h .id span{
  display:block;font-size:12px;color:var(--li-txt-2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ldc-feed-h .id .mt{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--li-txt-2);}
.ldc-feed-h .id .mt svg{width:12px;height:12px;fill:var(--li-txt-2);}
.ldc-feed-h .rt{display:flex;align-items:flex-start;gap:14px;flex:0 0 auto;padding-top:2px;}
.ldc-feed-h .fol{color:var(--li-blue);font-size:14px;font-weight:600;white-space:nowrap;}
.ldc-feed-h .dots{display:flex;gap:2.5px;padding-top:8px;}
.ldc-feed-h .dots i{width:3.5px;height:3.5px;border-radius:50%;background:var(--li-txt-2);display:block;}
.ldc-feed-b{padding:8px 12px 0;font-size:14px;line-height:20px;color:var(--li-txt);}
.ldc-feed-b .tag{color:var(--li-blue);font-weight:600;}
.ldc-feed-b .more{color:var(--li-txt-2);}
.ldc-feed-s{
  display:flex;align-items:center;gap:4px;padding:10px 12px 6px;font-size:12px;color:var(--li-txt-2);
}
.ldc-feed-s .pips{display:flex;align-items:center;flex:0 0 auto;}
.ldc-feed-s .pips{margin-right:5px;}
.ldc-feed-s .pips svg{width:16px;height:16px;margin-right:-3px;border-radius:50%;box-shadow:0 0 0 1.5px #fff;}
.ldc-feed-s .sep{margin-left:auto;}
.ldc-feed-acts{
  display:flex;border-top:1px solid var(--li-hair);margin:0 12px;padding:4px 0;
}
.ldc-feed-acts span{
  flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 2px;
  font-size:13px;font-weight:600;color:var(--li-txt-2);border-radius:4px;
}
.ldc-feed-acts svg{width:17px;height:17px;fill:none;stroke:var(--li-txt-2);stroke-width:1.7;}
.ldc-feed-c{display:flex;gap:8px;padding:8px 12px 14px;align-items:flex-start;}
.ldc-feed-c .av{
  width:32px;height:32px;border-radius:50%;background:#5E8AA8;color:#fff;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;
}
.ldc-feed-c .box{background:#F4F2EE;border-radius:8px;padding:9px 12px;min-width:0;flex:1 1 auto;}
.ldc-feed-c .box .row{display:flex;align-items:baseline;gap:5px;flex-wrap:nowrap;min-width:0;}
.ldc-feed-c .box b{
  font-size:13px;font-weight:600;color:var(--li-txt);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;
}
.ldc-feed-c .box .deg{font-size:11px;color:var(--li-txt-2);white-space:nowrap;flex:0 0 auto;}
.ldc-feed-c .box .hl{font-size:11.5px;color:var(--li-txt-2);line-height:1.3;}
.ldc-feed-c .box p{margin:5px 0 0;font-size:14px;line-height:19px;color:var(--li-txt);}
.ldc-feed-c .box .acts{
  display:flex;gap:10px;margin-top:6px;font-size:12px;font-weight:600;color:var(--li-txt-2);
}
.ldc-feed-f{padding:0 12px 12px;font-size:12px;color:var(--li-txt-2);font-style:italic;}

/* the post floats so the prose runs beside it */
.ld-cred.ldc-fl{float:right;width:50%;max-width:420px;margin:6px 0 20px 28px;}
@media (max-width:760px){
  .ld-cred.ldc-fl{float:none;width:100%;max-width:100%;margin:26px 0;}
}