/*
 * Help Nagaland Child — typography.css
 *
 * Typographic refinements on top of style.css. Adds table typography,
 * figure/figcaption styling, blockquote variants, and better handling
 * of long-form prose inside .hnc-prose.
 */

.hnc-prose table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5rem 0;
	font-size: 0.9375rem;
}

.hnc-prose th,
.hnc-prose td {
	padding: 0.6rem 0.85rem;
	border-bottom: 1px solid var(--hnc-border);
	text-align: left;
	vertical-align: top;
}

.hnc-prose th {
	font-weight: 600;
	color: var(--hnc-fg);
	background-color: var(--hnc-bg-card);
	border-bottom-color: var(--hnc-fg-subtle);
}

.hnc-prose td {
	color: var(--hnc-fg-muted);
}

.hnc-prose tr:last-child td {
	border-bottom: none;
}

.hnc-prose figure {
	margin: 1.5rem 0;
}

.hnc-prose figure img {
	border-radius: var(--hnc-radius);
	display: block;
	max-width: 100%;
	height: auto;
}

.hnc-prose figcaption {
	margin-top: 0.5rem;
	font-size: 0.875rem;
	color: var(--hnc-fg-subtle);
	text-align: center;
}

.hnc-prose kbd {
	font-family: var(--hnc-font-mono);
	background-color: var(--hnc-bg-card);
	border: 1px solid var(--hnc-border);
	border-bottom-width: 2px;
	padding: 0.1rem 0.45rem;
	border-radius: 4px;
	font-size: 0.825em;
	color: var(--hnc-fg);
}

.hnc-prose abbr[title] {
	text-decoration: underline dotted;
	text-underline-offset: 2px;
	cursor: help;
}

.hnc-prose mark {
	background-color: rgba(245, 158, 11, 0.25);
	color: var(--hnc-fg);
	padding: 0 0.2rem;
	border-radius: 3px;
}

.hnc-prose details {
	margin: 1rem 0;
	padding: 0.85rem 1rem;
	background-color: var(--hnc-bg-card);
	border: 1px solid var(--hnc-border);
	border-radius: var(--hnc-radius);
}

.hnc-prose details[open] summary {
	margin-bottom: 0.5rem;
}

.hnc-prose summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--hnc-fg);
}

/* Tabular numerals for transparency numbers and status codes. */
.hnc-tabular,
.hnc-prose code {
	font-variant-numeric: tabular-nums;
}