/*
====================================================
NÉV: Miépülitt gyűjtőoldalak
PROJEKT: Mi épül itt? / NextSheet
TÍPUS: Reszponzív stílus
VERZIÓ: v0.1.0
UTOLSÓ FRISSÍTÉS: 2026-10-19
LEÍRÁS: Városi összkép és részletes témakártyák.
FEJLESZTŐ:
Balázs Bakos
NextSheet
https://www.nextsheet.hu
CHANGELOG:
v0.1.0 - 2026-10-19
- Első helyi kiadás.
====================================================
*/
.collection-main{max-width:1120px}.collection-main h1{max-width:900px;line-height:1.08}.collection-main nav{flex-wrap:wrap}.collection-main section{scroll-margin-top:24px;margin-top:38px}.collection-main p{line-height:1.7}.collection-date,.collection-status{color:#c9b7c8;font-size:14px}.collection-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.collection-metrics div{padding:22px;background:#251e2c;border:1px solid #493043;border-radius:14px}.collection-metrics strong{display:block;font-size:36px;color:#ff6ba9}.collection-metrics span{font-size:13px}.collection-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.collection-cards>li{min-width:0;padding:24px;background:#211b27;border:1px solid #433044;border-radius:16px;overflow-wrap:anywhere}.collection-cards strong{font-size:19px;line-height:1.4}.collection-cards a{color:#ff95c0;text-decoration:none}.collection-cards a:hover{text-decoration:underline}.collection-cards p{font-size:14px}.collection-cards small{font-size:12px;color:#c2b5c6;line-height:1.6}.collection-cards dl{display:flex;gap:16px;flex-wrap:wrap}.collection-cards dt{font-weight:bold;color:#fff}.collection-cards dd{margin:0;font-size:12px;color:#bdb2c1}.collection-breakdown{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.collection-breakdown p,.collection-breakdown a{margin:0;display:flex;gap:14px;padding:12px 16px;border:1px solid #493343;border-radius:10px;color:inherit}.collection-breakdown span{color:#ff8cbf}.collection-feed{list-style:none;padding:0}.collection-feed li{border-bottom:1px solid #463047;padding:14px 0}.collection-feed time{display:block;color:#d6aec6}.collection-map{display:grid;place-content:center;gap:12px;text-align:center}.collection-map.leaflet-container{display:block;text-align:left}.collection-map button{background:#ec438a;color:white;padding:15px 22px;border:0;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer}.collection-main a:focus-visible,.collection-main button:focus-visible{outline:3px solid #ff9acb;outline-offset:4px}.collection-map-status{padding:12px}.collection-main .topic-nav a{padding:10px 14px;border:1px solid #63445b;border-radius:9px;color:#ffabd0}.collection-main h3{margin:28px 0 18px}.collection-main li{line-height:1.6}@media(max-width:650px){.collection-cards{grid-template-columns:1fr}.collection-cards>li{padding:18px}.collection-metrics{gap:6px}.collection-metrics div{padding:12px 9px}.collection-metrics strong{font-size:28px}.collection-metrics span{font-size:11px}.collection-main h1{font-size:34px;overflow-wrap:anywhere}.collection-breakdown p,.collection-breakdown a{width:100%;justify-content:space-between}.collection-main section{margin-top:28px}}