/*
====================================================
NÉV: Mi épül itt? városi SEO oldalak
PROJEKT: NextSheet Építési Intelligence
TÍPUS: CSS
VERZIÓ: v0.2.0
UTOLSÓ FRISSÍTÉS: 2026-08-29

LEÍRÁS:
Gyors városoldalak térképi és belső linkelési kiegészítése.

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

CHANGELOG:
v0.2.0 - 2026-08-29
- Egyseges markaelemek, lablec, nyithato varospanel es tomor teljes projektlista.

v0.1.0 - 2026-08-29
- Első verzió.
====================================================
*/
.city-main{width:min(1040px,calc(100% - 28px));margin:36px auto 72px}.city-main article{max-width:none}.city-main nav{display:flex;gap:9px;align-items:center;margin-bottom:22px}.city-map{height:min(52vh,480px);min-height:320px;border:1px solid #ffffff16;border-radius:18px;overflow:hidden;background:#111318}.city-index-note{padding:12px 15px;border:1px solid #f54a9850;border-radius:12px;background:#f54a9810;color:#d9dbe2}.city-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.city-project-grid li{margin:0}.all-projects{margin-top:36px;background:#231c29;border:1px solid #352a3c;border-radius:16px;padding:0}.all-projects summary{padding:18px;font-weight:850;color:#fff}.all-projects[open] summary{border-bottom:1px solid #352a3c}.all-projects .project-list{padding:0 18px 12px}body>header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#121317;border-bottom:1px solid #ffffff12}body>header .brand{color:#f8f8fa;text-decoration:none;display:flex;flex-direction:row;align-items:center;gap:8px}body>header .brand strong{font-size:20px}body>header .brand-voice{font-size:11px;color:#a7abb5;padding-left:10px;border-left:1px solid #ffffff20;letter-spacing:.04em}.brand-mark{width:24px;height:24px;border:2px solid #f23888;border-radius:8px 8px 8px 2px;position:relative;transform:rotate(-7deg);box-shadow:0 0 18px #f2388850}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#55d9bd;border-radius:9px}.brand-mark:before{width:11px;height:2px;left:5px;top:9px}.brand-mark:after{width:2px;height:11px;left:9px;top:5px}.account-link{margin-left:auto;color:#d9dbe2;text-decoration:none;border:1px solid #ffffff20;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.public-footer{min-height:30px;display:flex;align-items:center;justify-content:space-between;padding:7px 18px;border-top:1px solid #ffffff16;background:#111216;color:#858a95;font:9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.nextsheet-credit{color:inherit;text-decoration:none}.nextsheet-credit:hover,.nextsheet-credit:focus-visible{color:#f23888}.city-links{position:fixed;z-index:1350;left:50%;bottom:38px;transform:translateX(-50%);width:min(820px,calc(100% - 28px));max-height:min(52vh,430px);overflow:auto;background:#17191ef5;border:1px solid #ffffff18;border-radius:14px;box-shadow:0 16px 50px #0009;color:#f8f8fa}.city-links summary{padding:10px 14px;font-size:12px;font-weight:800;cursor:pointer;text-align:center}.city-links[open] summary{border-bottom:1px solid #ffffff12}.city-links nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:14px}.city-links a{padding:7px 11px;border:1px solid #ffffff16;border-radius:999px;color:#c8cbd2;text-decoration:none;font-size:12px}.city-links a:hover{border-color:#f54a9870;color:#fff}@media(max-width:680px){.city-project-grid{grid-template-columns:1fr}.city-map{height:320px;min-height:320px}body>header .brand-voice{display:none}.brand-mark{width:21px;height:21px}.public-footer>span:last-child{display:none}.city-links{bottom:36px}.city-links summary{padding:9px 11px;font-size:11px}}