/* Economic Impact Data Center (/data, spec §9) — child 0.2.24.
   Valid tokens only: sp-1/2/3/4/6/8/12/16 (no sp-5/7). */

.t101-data__lede { font-size: var(--t101-fs-lg); max-width: 46em; margin: 0 0 var(--t101-sp-8); }

.t101-data__confirm { background: var(--t101-brass-soft); border: 1px solid var(--t101-line);
	border-radius: var(--t101-radius-sm); padding: var(--t101-sp-4) var(--t101-sp-6);
	margin: 0 0 var(--t101-sp-8); }

.t101-data__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: var(--t101-sp-6); margin: 0 0 var(--t101-sp-12); }

.t101-data__card { background: var(--t101-paper-raised); border: 1px solid var(--t101-line);
	border-radius: var(--t101-radius-sm); box-shadow: var(--t101-shadow-sm);
	padding: var(--t101-sp-6); display: flex; flex-direction: column; gap: var(--t101-sp-2); }
.t101-data__card h3 { margin: 0; font-size: var(--t101-fs-md); }

.t101-data__value { font-family: var(--t101-font-display); font-size: var(--t101-fs-3xl);
	font-weight: 700; color: var(--t101-evergreen); line-height: 1.1; margin: 0; }
.t101-data__unit { font-family: var(--t101-font-mono); font-size: var(--t101-fs-sm);
	font-weight: 400; color: var(--t101-ink-muted); }
.t101-data__period { font-family: var(--t101-font-mono); font-size: var(--t101-fs-xs);
	color: var(--t101-ink-muted); margin: 0; }

.t101-data__chart { margin: var(--t101-sp-2) 0; }
.t101-data__chart svg { width: 100%; height: auto; display: block; }

.t101-data__foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--t101-sp-3);
	margin-top: auto; padding-top: var(--t101-sp-4); border-top: 1px solid var(--t101-line); }
.t101-data__dl { font-size: var(--t101-fs-xs); white-space: nowrap; }

.t101-data__submit { background: var(--t101-paper-raised); border: 1px solid var(--t101-line);
	border-radius: var(--t101-radius-sm); padding: var(--t101-sp-6);
	margin: 0 0 var(--t101-sp-12); }
.t101-data__submit h2 { margin: 0 0 var(--t101-sp-4); }
.t101-data__submit form p { margin: 0 0 var(--t101-sp-6); }
.t101-data__submit form label { display: block; font-weight: 600; }
.t101-data__submit input[type="text"], .t101-data__submit input[type="url"],
.t101-data__submit textarea { width: 100%; max-width: 40em; border: 1px solid var(--t101-line);
	border-radius: var(--t101-radius-sm); padding: var(--t101-sp-2) var(--t101-sp-3);
	font-family: var(--t101-font-body); font-size: var(--t101-fs-base); background: #fff; }