/*
====================================================
NÉV: Mi épül itt? Városi témaközpontok
PROJEKT: NextSheet Építési Intelligence
TÍPUS: CSS témaközpont modul
VERZIÓ: v0.2.0
UTOLSÓ FRISSÍTÉS: 2026-09-14

LEÍRÁS:
Városi témakártyák és tematikus projektoldalak.

FEJLESZTŐ:
Balázs Bakos
NextSheet Innovations
https://www.nextsheet.hu

CHANGELOG:

v0.2.0 - 2026-09-14
- Kiemelt országos beruházások főoldali, adatvezérelt kártyarácsa.

v0.1.0 - 2026-09-01
- Első verzió.

====================================================
*/
.city-topics{margin:34px 0}.city-topics>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.city-topics a{display:grid;gap:7px;padding:18px;border:1px solid #ffffff16;border-radius:16px;background:linear-gradient(145deg,#241d2a,#17191e);text-decoration:none;color:#fff}.city-topics a:hover{border-color:#f23888;transform:translateY(-1px)}.city-topics a>span{color:#f23888;font-size:11px;font-weight:900;text-transform:uppercase}.city-topics a>strong{font-size:22px}.city-topics a>small{color:#a7abb5;line-height:1.45}.topic-nav{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0;padding:0}.topic-nav a{padding:8px 12px;border:1px solid #ffffff16;border-radius:999px;color:#c8cbd2;text-decoration:none;font-size:12px}.topic-nav a.active{border-color:#f23888;background:#f2388818;color:#fff}.topic-back{margin-top:34px}.topic-main .city-project-grid a{height:100%}@media(max-width:760px){.city-topics>div:last-child{grid-template-columns:1fr}.city-topics a>strong{font-size:19px}.topic-nav{overflow:auto;flex-wrap:nowrap}.topic-nav a{white-space:nowrap}}
.national-flagships{flex:0 0 100%;display:grid;gap:12px;width:100%;padding:4px 4px 14px;border-bottom:1px solid #ffffff14;color:#fff}.national-flagships>div{display:flex;align-items:end;justify-content:space-between;gap:18px}.national-flagships h2{margin:2px 0 0;font-size:20px}.national-flagships>div p{max-width:410px;margin:0;color:#aeb3bd;font-size:12px}.national-flagship-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.city-links .national-flagship-grid>a{display:grid;align-content:start;gap:7px;min-width:0;padding:12px;border:1px solid #ffffff14;border-radius:13px;background:#1b1e24;color:#fff;text-align:left;text-decoration:none}.city-links .national-flagship-grid>a:hover{border-color:#f23888;background:#221c27}.city-links .national-flagship-grid>a>small{overflow:hidden;color:#55e2c4;font-size:9px;font-weight:800;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.city-links .national-flagship-grid>a>strong{font-size:13px;line-height:1.3}.national-flagship-facts{display:flex;gap:8px;margin-top:auto;color:#9fa5af;font-size:9px}.national-flagship-facts span{display:grid}.national-flagship-facts strong{color:#fff;font-size:11px}.project-route .national-flagships{display:none}@media(max-width:760px){.national-flagships>div{display:block}.national-flagships>div p{margin-top:4px}.national-flagship-grid{display:flex;overflow-x:auto}.city-links .national-flagship-grid>a{flex:0 0 210px}.city-topics>div:last-child{grid-template-columns:1fr}.city-topics a>strong{font-size:19px}.topic-nav{overflow:auto;flex-wrap:nowrap}.topic-nav a{white-space:nowrap}}