/*
 * templates/city.css -- page-type-specific rules for the 'city' entity type.
 * Part 4 of the load order in docs/DESIGN_SYSTEM.md ("File architecture /
 * load order"): loads after tokens.css, base.css and components.css. Only
 * ADDS rules; every value references a tokens.css variable (var(--...)).
 * The shared page-module primitives (.page-head, .module-grid/.module,
 * .stat/.stat-grid, .bullet-list, .related-grid, .card-list, .risk-item,
 * .source-list, .not-available) already live in components.css and are
 * reused as-is. City pages have no PESTLE/forecast_scenarios keys (per
 * docs/CONTRACT.md §3's self-contained city module list), so the only
 * city-specific flourish is a slightly tighter module title for the two
 * real-estate modules, which tend to run long enough to wrap onto 2 lines.
 */

.module[data-key="commercial_real_estate"] .module-title,
.module[data-key="residential_real_estate"] .module-title{max-width:80%}