/*
 * The five content types, until their detail layouts are ported.
 *
 * Built only from the design tokens in site.css, so nothing here invents a
 * colour, a face or a rhythm of its own. When the detail templates arrive this
 * file shrinks or disappears; nothing in site.css depends on it.
 */

.nmt-entry {
	padding-block: 100px 140px;
}

.nmt-entry > h1 {
	margin: 26px 0 46px;
}

.nmt-fields {
	display: grid;
	max-width: 1000px;
	margin: 0;
	gap: 1px;
	background: var(--line);
	border: 1px solid var(--line);
}

.nmt-field {
	display: grid;
	grid-template-columns: minmax(180px, 22%) 1fr;
	gap: 28px;
	padding: 22px 28px;
	background: var(--white);
}

.nmt-field dt {
	color: var(--moss);
	font-size: .975rem;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.4;
}

.nmt-field dd {
	margin: 0;
	color: var(--ink-soft);
	font-size: 1.05rem;
	line-height: 1.5;
}

.nmt-field dd > p:first-child {
	margin-top: 0;
}

.nmt-field dd > p:last-child {
	margin-bottom: 0;
}

.nmt-field ul {
	margin: 0;
	padding-left: 1.1em;
}

.nmt-field ul ul {
	margin-block: 6px;
}

.nmt-field b {
	color: var(--ink);
}

@media (max-width: 900px) {
	.nmt-field {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

/*
 * The module placeholder the core plugin prints where a component used to be.
 * Visible on purpose: an empty gap would read as a bug during review.
 */
main .nm-module-placeholder {
	max-width: 1000px;
	margin-block: 40px;
	padding: 28px 32px;
	border: 1px dashed var(--line);
	background: var(--white);
	color: var(--ink-soft);
}

main .nm-module-placeholder strong {
	display: block;
	margin-bottom: 6px;
	color: var(--moss);
	font-size: .975rem;
	letter-spacing: .14em;
	text-transform: uppercase;
}

main .nm-module-placeholder code {
	font-size: .9rem;
	opacity: .7;
}

/*
 * Two panels the candidate mounts only while they are open.
 *
 * Here they are always in the markup — the map works without JavaScript, and a
 * panel that is only ever created by a script cannot be part of that — so they
 * are hidden with the attribute instead. The design's own rules give both a
 * display value, which would otherwise win over `[hidden]`.
 */
[data-nm-filter-overlay][hidden],
[data-nm-mobile-detail][hidden] {
	display: none !important;
}