.fga-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.fga-chip {
  font: 700 10px/1.6 Inter, -apple-system, sans-serif; letter-spacing: .05em; text-transform: uppercase;
  color: var(--canopy, #1e3b2f); background: var(--signal-tint, #eaf3ec);
  border: 1px solid var(--action-line, #b9d8b4); border-radius: 999px; padding: 2px 9px; white-space: nowrap;
}
.fga-title { font: 700 23px Fraunces, Georgia, serif; color: var(--canopy, #1e3b2f); margin: 0 0 14px; }



.fga-hero {
  width: 100%; max-width: 100%; height: auto; display: block;
  border-radius: 12px; margin: 0 0 16px; background: #f3f1ea;
}
.fga-noimg {
  width: 100%; height: 180px; border-radius: 12px; margin-bottom: 14px;
  background: #fffaf1; border: 1px dashed #e3c878; color: #9a7b2e;
  display: flex; align-items: center; justify-content: center; font: 600 13px Inter;
}



.fga-imgmiss {
  font: 400 13px/1.5 Inter; color: #9a7b2e; background: #fffaf1;
  border: 1px solid #f0e3c6; border-radius: 12px; padding: 13px 15px; margin: 0 0 14px; word-break: break-word;
}
.fga-imgmiss strong { color: #8a6a1f; }

.fga-body { font: 400 15.5px/1.75 Inter, -apple-system, sans-serif; color: #2a2f2c; }
.fga-body p, .fga-body .fga-p { margin: 0 0 13px; }
.fga-body h3 { font: 700 18px Fraunces, Georgia, serif; color: var(--canopy, #1e3b2f); margin: 22px 0 8px; }
.fga-body h4 { font: 700 15.5px Inter; color: var(--canopy, #1e3b2f); margin: 18px 0 6px; }
.fga-body h5, .fga-body h6 { font: 700 14px Inter; letter-spacing: .03em; color: var(--signal, #306844); margin: 16px 0 6px; }
.fga-body ul, .fga-body ol { margin: 0 0 13px; padding-left: 22px; }
.fga-body li { margin: 0 0 6px; }
.fga-body a {
  color: var(--signal, #3e7d5c); text-decoration: underline;
  text-decoration-color: var(--action-line, #b9d8b4); text-underline-offset: 2px; word-break: break-word;
}
.fga-body strong { color: #1a1d1c; }
.fga-body code { font: 500 13.5px ui-monospace, Menlo, monospace; background: #f4f2ea; border-radius: 4px; padding: 1px 5px; }



.fga-herolink { display: block; cursor: zoom-in; margin: 0 0 16px; }
.fga-herolink .fga-hero { margin: 0; }


.fga-lightbox{position:fixed; inset:0; z-index:99999; background:rgba(8,12,10,.93);
  display:flex; align-items:center; justify-content:center; cursor:zoom-out}
.fga-lightbox img{max-width:96vw; max-height:96vh; border-radius:10px;
  box-shadow:0 12px 80px rgba(0,0,0,.6)}