/* ============================================================
   Buddhadharma glossary — shared 3-fold-path module
   Consumes existing per-site design tokens via --bdg-* locals
   (fallback chains cover zemla long-names AND bodyterapie/mim2000
   short-names), so this ONE file themes correctly on all 3 sites.
   Source data: Mahayana shared termbase (MZG-#### stable IDs).
   ============================================================ */
.bdg-root{
  --bdg-text:    var(--c-text, var(--c-ink, #1a1a1a));
  --bdg-muted:   var(--c-muted, var(--c-ink-3, #6a6a6a));
  --bdg-bg:      var(--c-bg, #fafafa);
  --bdg-card:    var(--c-bg-card, var(--c-surface, #ffffff));
  --bdg-border:  var(--c-border, #e0e0e0);
  --bdg-accent:  var(--c-accent, var(--c-primary, var(--c-brand, #1f3864)));
  --bdg-accent2: var(--c-link-hover, var(--c-secondary, var(--bdg-accent)));
  --bdg-fs-sm:   var(--fs-small, var(--fs-sm, 0.875rem));
  --bdg-radius:  var(--r-md, 10px);
  --bdg-content: var(--w-content, var(--content-width, 1080px));
  --bdg-tibbg:   #fff7e6;
  --bdg-tib:     #8a5a00;
  --bdg-chip:    color-mix(in srgb, var(--bdg-accent) 12%, transparent);
  --bdg-row:     color-mix(in srgb, var(--bdg-accent) 6%, transparent);
  color:var(--bdg-text); max-width:var(--bdg-content); margin-inline:auto; line-height:1.5;
}
.bdg-root *{box-sizing:border-box}
.bdg-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .9rem;border-bottom:2px solid var(--bdg-accent);padding-bottom:.5rem;margin-bottom:.8rem}
.bdg-title{font-size:1.4rem;font-weight:600;color:var(--bdg-accent);margin:0;font-family:var(--font-heading,var(--f-ui,inherit))}
.bdg-sub{font-size:.8rem;color:var(--bdg-muted)}
.bdg-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.6rem}
.bdg-search{flex:1 1 220px;min-width:170px;padding:.5rem .7rem;border:1px solid var(--bdg-accent);border-radius:var(--bdg-radius);font:inherit;background:var(--bdg-card);color:var(--bdg-text)}
.bdg-sel{padding:.45rem .6rem;border:1px solid var(--bdg-border);border-radius:var(--bdg-radius);font:inherit;background:var(--bdg-card);color:var(--bdg-text)}
.bdg-cols{display:flex;flex-wrap:wrap;gap:.3rem .55rem;font-size:.8rem;color:var(--bdg-muted);align-items:center;margin-bottom:.5rem}
.bdg-cols label{cursor:pointer;user-select:none;background:var(--bdg-chip);padding:.18rem .5rem;border-radius:20px}
.bdg-cols input{vertical-align:-1px;margin-right:.25rem}
.bdg-count{font-size:.8rem;color:var(--bdg-muted);margin:.2rem 0 .5rem}
.bdg-tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.bdg-tbl th{background:var(--bdg-accent);color:#fff;text-align:left;padding:.45rem .55rem;position:sticky;top:0;font-weight:600;font-size:.82rem}
.bdg-tbl td{padding:.45rem .55rem;border-bottom:1px solid var(--bdg-border);vertical-align:top}
.bdg-tbl tr:nth-child(even) td{background:var(--bdg-row)}
.bdg-id{font-family:var(--font-mono,var(--f-mono,monospace));font-size:.72rem;color:var(--bdg-muted);white-space:nowrap}
.bdg-ja{font-family:"Noto Serif JP",serif;font-size:1.06rem}
.bdg-romaji{font-style:italic;color:var(--bdg-accent2)}
.bdg-tibcell{font-family:"Noto Serif Tibetan",serif;background:var(--bdg-tibbg);color:var(--bdg-tib)}
.bdg-wylie{display:block;font-size:.72rem;font-style:italic;color:var(--bdg-muted);font-family:inherit}
.bdg-cs{font-weight:500}
.bdg-note{font-size:.78rem;color:var(--bdg-muted);margin-top:.2rem}
.bdg-cat{display:inline-block;font-size:.68rem;background:var(--bdg-chip);color:var(--bdg-accent);padding:.05rem .4rem;border-radius:10px}
.bdg-empty{padding:1.4rem;text-align:center;color:var(--bdg-muted)}
.bdg-foot{margin-top:.8rem;font-size:.74rem;color:var(--bdg-muted);border-top:1px solid var(--bdg-border);padding-top:.5rem}
.bdg-loading{padding:1.4rem;text-align:center;color:var(--bdg-muted);font-style:italic}
.bdg-hide{display:none!important}
@media(max-width:680px){
  .bdg-tbl thead{display:none}
  .bdg-tbl,.bdg-tbl tbody,.bdg-tbl tr,.bdg-tbl td{display:block;width:100%}
  .bdg-tbl tr{border:1px solid var(--bdg-border);border-radius:var(--bdg-radius);margin-bottom:.6rem;padding:.3rem .4rem;background:var(--bdg-card)!important}
  .bdg-tbl td{border:none;padding:.2rem .3rem}
  .bdg-tbl td::before{content:attr(data-l);display:inline-block;min-width:6.2rem;color:var(--bdg-muted);font-size:.74rem}
}
/* Eightfold-Path block */
.bdg-ep{max-width:var(--bdg-content);margin-inline:auto;color:var(--bdg-text)}
.bdg-ep h3{color:var(--bdg-accent);font-size:1.3rem;margin:.2rem 0 .1rem}
.bdg-ep .bdg-ep-sub{color:var(--bdg-muted);font-size:.85rem;margin-bottom:.7rem}
.bdg-ep table{width:100%;border-collapse:collapse;font-size:.93rem}
.bdg-ep td{padding:.4rem .55rem;border-bottom:1px solid var(--bdg-border);vertical-align:top}
.bdg-ep .bdg-ep-grp td{background:var(--bdg-accent);color:#fff;font-weight:600;font-size:.8rem}
.bdg-ep .bdg-ja{white-space:nowrap}.bdg-ep .bdg-romaji{white-space:nowrap}
.bdg-ep .bdg-tibcell{background:var(--bdg-tibbg)}
/* Inline tooltip glosses in prose.
   These render OUTSIDE .bdg-root (inside post content), so they read the
   per-site theme tokens directly with a hard fallback — not --bdg-* locals. */
.bdg-term{border-bottom:1px dotted var(--c-secondary, var(--c-link-hover, #b08a3e));cursor:help;position:relative}
.bdg-term:focus{outline:2px solid var(--c-accent, var(--c-primary, #1f3864));outline-offset:2px}
.bdg-pop{position:absolute;left:0;top:1.6em;z-index:9999;display:none;min-width:200px;max-width:320px;
  background:var(--c-accent, var(--c-primary, var(--c-brand, #1f3864)));color:#fff;
  padding:.55rem .7rem;border-radius:var(--r-md, 10px);font-size:.82rem;line-height:1.4;
  box-shadow:0 6px 22px rgba(0,0,0,.25);font-style:normal;font-weight:400;white-space:normal}
.bdg-term:hover .bdg-pop,.bdg-term:focus .bdg-pop{display:block}
.bdg-pop b{color:#ffd98a}
.bdg-pop .bdg-pid{display:block;margin-top:.3rem;font-size:.7rem;opacity:.7;font-family:var(--font-mono,var(--f-mono,monospace))}