/* NR City Scrap Rates — inherits the theme's fonts; change the accent here to match the brand. */
.nr-cr {
	--nr-accent: #1f7a4d;
	--nr-accent-soft: #e8f3ed;
	--nr-ink: #1c2421;
	--nr-muted: #5c6863;
	--nr-line: #dfe5e2;
	--nr-up: #1f7a4d;
	--nr-down: #b3261e;
	max-width: 960px;
	margin: 0 auto;
	padding: 24px 16px 64px;
	color: var(--nr-ink);
	line-height: 1.6;
}
.nr-cr h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1.2; margin: 0 0 8px; }
.nr-cr h2 { font-size: 1.35rem; margin: 0 0 12px; }
.nr-cr section { margin-top: 40px; }
.nr-cr-crumbs { font-size: 0.875rem; color: var(--nr-muted); margin-bottom: 20px; }
.nr-cr-crumbs a { color: inherit; }
.nr-cr-sub { color: var(--nr-muted); margin: 0; }
.nr-cr-updated { font-size: 0.875rem; color: var(--nr-muted); margin: 8px 0 0; }
.nr-cr-bigrate { display: flex; align-items: baseline; gap: 8px; margin-top: 16px; flex-wrap: wrap; }
.nr-cr-bignum { font-size: clamp(2.5rem, 7vw, 3.5rem); font-weight: 700; color: var(--nr-accent); font-variant-numeric: tabular-nums; line-height: 1; }
.nr-cr-range { margin: 6px 0 0; }

.nr-cr-table-wrap { overflow-x: auto; margin-top: 24px; }
.nr-cr-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.nr-cr-table th, .nr-cr-table td { text-align: left; padding: 12px 10px; border-bottom: 1px solid var(--nr-line); vertical-align: top; }
.nr-cr-table th { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--nr-muted); font-weight: 600; }
.nr-cr-table td small { display: block; color: var(--nr-muted); font-weight: 400; }
.nr-cr-table .nr-cr-rate { font-weight: 700; white-space: nowrap; }
.nr-cr-table .nr-cr-rate small { display: inline; }
.nr-cr-table a { color: var(--nr-accent); white-space: nowrap; }
.nr-cr-table a.nr-cr-matlink { color: var(--nr-ink); text-decoration: underline; text-decoration-color: var(--nr-line); text-underline-offset: 3px; }
.nr-cr-note { font-size: 0.875rem; color: var(--nr-muted); }

.nr-cr-up { color: var(--nr-up); font-weight: 600; }
.nr-cr-down { color: var(--nr-down); font-weight: 600; }
.nr-cr-flat { color: var(--nr-muted); font-size: 0.875rem; }

.nr-cr-cta { margin-top: 32px; padding: 20px; border-radius: 12px; background: var(--nr-accent-soft); display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.nr-cr-cta strong { display: block; font-size: 1.1rem; }
.nr-cr-cta span { font-size: 0.9rem; color: var(--nr-muted); }
.nr-cr-cta-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.nr-cr-btn { display: inline-block; padding: 12px 18px; border-radius: 8px; font-weight: 600; text-decoration: none; }
.nr-cr-btn-wa { background: var(--nr-accent); color: #fff !important; }
.nr-cr-btn-ghost { border: 1px solid var(--nr-accent); color: var(--nr-accent) !important; background: #fff; }

.nr-cr-calc { padding: 20px; border: 1px solid var(--nr-line); border-radius: 12px; }
.nr-cr-calc label { display: block; font-weight: 600; }
.nr-cr-calc input { display: block; margin-top: 6px; width: 100%; max-width: 240px; padding: 10px 12px; font-size: 1rem; border: 1px solid var(--nr-line); border-radius: 8px; }
.nr-cr-calc-out { margin: 12px 0 0; font-size: 1.05rem; }

.nr-cr-chart { margin: 0; }
.nr-cr-chart svg { width: 100%; height: auto; display: block; }
.nr-cr-line { fill: none; stroke: var(--nr-accent); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.nr-cr-axis { stroke: var(--nr-line); }
.nr-cr-lbl { font-size: 12px; fill: var(--nr-muted); }
.nr-cr-chart figcaption { font-size: 0.85rem; color: var(--nr-muted); margin-top: 6px; }

.nr-cr-links div { display: flex; flex-wrap: wrap; gap: 8px; }
.nr-cr-links a { padding: 8px 12px; border: 1px solid var(--nr-line); border-radius: 999px; text-decoration: none; color: var(--nr-ink); font-size: 0.9rem; }
.nr-cr-links a:hover { border-color: var(--nr-accent); color: var(--nr-accent); }

.nr-cr-faq details { border-bottom: 1px solid var(--nr-line); padding: 12px 0; }
.nr-cr-faq summary { cursor: pointer; font-weight: 600; }
.nr-cr-faq p { margin: 8px 0 0; color: var(--nr-muted); }

@media (max-width: 600px) {
	.nr-cr-table th:nth-child(n+3), .nr-cr-table td:nth-child(n+3) { display: none; }	.nr-cr-cta-btns, .nr-cr-btn { width: 100%; text-align: center; }
}

/* v1.3.0: quotable answer + key facts */
.nr-cr-answer { margin: 16px 0 0; padding: 14px 16px; border-left: 4px solid var(--nr-accent); background: var(--nr-accent-soft); border-radius: 0 8px 8px 0; font-size: 1.02rem; }
.nr-cr-facts dl { margin: 0; display: grid; gap: 0; }
.nr-cr-facts dl > div { display: grid; grid-template-columns: 150px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--nr-line); }
.nr-cr-facts dt { font-weight: 600; margin: 0; }
.nr-cr-facts dd { margin: 0; color: var(--nr-muted); }
@media (max-width: 600px) { .nr-cr-facts dl > div { grid-template-columns: 1fr; gap: 2px; } }