/* ============================================================
   Tier A - Type badge + galley chips  (feature: featBadges)
   Presentational only. Turns existing galley links into chips and
   flags interactive HTML dashboards distinctly. The article-type
   eyebrow is injected by js/badges.js. Neutral colours; the galley
   chip text colour inherits the theme's existing link colour.
   Reversible via the toggle.
   ============================================================ */

/* injected article-type eyebrow (above the title) */
.synth-type-eyebrow {
	display: inline-block;
	font-size: 0.74rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	opacity: 0.75;
	margin: 0 0 0.35rem;
}

/* galley links -> chips (article page, issue TOC, article summaries) */
.obj_article_details .item.galleys ul.value li,
.obj_issue_toc .galleys ul li,
.obj_article_summary .galleys ul li {
	display: inline-block;
	margin: 0 0.4rem 0.4rem 0;
}
.obj_article_details .item.galleys a.obj_galley_link,
.obj_issue_toc a.obj_galley_link,
.obj_article_summary a.obj_galley_link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.8rem;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid rgba(0, 0, 0, 0.18);
	border-radius: 6px;
	padding: 0.2rem 0.6rem;
	background: #fff;
	line-height: 1.4;
}
.obj_article_details .item.galleys a.obj_galley_link:hover,
.obj_issue_toc a.obj_galley_link:hover,
.obj_article_summary a.obj_galley_link:hover {
	border-color: rgba(0, 0, 0, 0.4);
}

/* small type markers per galley kind (uses Default theme's file-type classes) */
a.obj_galley_link.pdf::before  { content: "PDF"; font-size: 0.62rem; opacity: 0.6; }
a.obj_galley_link.xml::before  { content: "{ }"; font-family: monospace; font-size: 0.7rem; opacity: 0.6; }
a.obj_galley_link.html::before { content: "\25A4"; opacity: 0.7; }   /* square-with-bars glyph */

/* interactive dashboard flag (class added by js/badges.js when the galley
   label mentions "dashboard" / "interactive") */
a.obj_galley_link.synth-dashboard {
	background: rgba(0, 0, 0, 0.04);
	border-color: rgba(0, 0, 0, 0.28);
}
a.obj_galley_link.synth-dashboard::after {
	content: "interactive";
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	opacity: 0.6;
}