/* =========================================================================
   Gini article components the generated stylesheet does not carry.

   Loaded on the live site by gini-article-extras.php, a mu-plugin, which
   enqueues this file after the theme's own article stylesheet. Both files sit
   side by side in wp-content/mu-plugins/.

   Not part of the theme on purpose. css/gini-article.css is generated from an
   article preview and its own header forbids hand-editing, so a rule added
   there dies at the next rebuild; the theme's other stylesheets belong to its
   vendor, so a rule added to one of those dies at the next theme update.

   The export's class gate reads this file alongside the theme's four, because
   between them they are what an article is styled by.
   ========================================================================= */

/* -------------------------------------------------------------------------
   Definition grid: an abbreviation, what it stands for, and what it means.

   Written for the CP / PS / SS glossary in "Basel 3.1: what the PRA actually
   published". The markup existed in the article with no rule behind it
   anywhere, in the preview as much as on the site, so the passage rendered as
   a run of unspaced divs and the export's class gate refused to ship it.

   The geometry is .stat-cards and .stat-card, because a token above a label
   above a line of explanation is the shape those components already describe.
   Two deliberate differences: the grid's minimum column is wider, since each
   card carries a sentence rather than a figure, and the abbreviation is set
   smaller than .stat-number, since two letters do not need six rem.

   Selectors are doubled on .gini-article to match the specificity the
   generated stylesheet uses throughout, so these rules land in the same
   cascade rather than under it.
   ------------------------------------------------------------------------- */

.gini-article.gini-article .def-grid {
	margin: 2em 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 14px;
}

.gini-article.gini-article .def-card {
	padding: 20px 22px;
	background: var(--bg-panel);
	border-left: 3px solid var(--bronze);
}

.gini-article.gini-article .def-abbr {
	font-size: clamp(3.2rem, 4vw, 4.16rem);
	font-weight: 700;
	color: var(--bronze);
	line-height: 1;
	letter-spacing: -0.01em;
}

.gini-article.gini-article .def-name {
	font-size: 1.152rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--charcoal);
	margin-top: 10px;
}

.gini-article.gini-article .def-text {
	font-size: 1.408rem;
	line-height: 1.45;
	color: var(--text-muted);
	margin-top: 10px;
}