/* Tilezza térképposzter (tilezza.eu/terkepposzter/) */
#po{scroll-margin-top:72px;display:grid;grid-template-columns:minmax(320px,400px) 1fr;border:1.5px solid var(--ink);border-radius:6px;background:#fff;overflow:hidden}
@media(max-width:900px){#po{grid-template-columns:1fr}#po .po-bal{order:2}}
.po-bal{padding:16px 18px 22px;border-right:1px solid var(--rule);max-height:calc(100vh - 90px);overflow:auto}
@media(max-width:900px){.po-bal{max-height:none;border-right:0;border-top:1px solid var(--rule)}}
.po-bal h3{font:700 13px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);margin:16px 0 7px}
.po-bal h3:first-child{margin-top:0}
.po-bal input[type=text],.po-bal input[type=search],.po-bal select{width:100%;font:15px "IBM Plex Sans";padding:8px 10px;border:1.5px solid #9AA1A9;border-radius:4px;min-height:42px;background:#fff}
.po-bal label.sor{display:flex;align-items:center;gap:8px;font-size:14.5px;margin:8px 0;cursor:pointer}
.po-kk{position:relative}
.po-javasl{position:absolute;left:0;right:0;top:44px;z-index:1600;list-style:none;padding:4px;margin:0;background:#fff;border:1.5px solid var(--ink);border-radius:4px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.po-javasl[hidden]{display:none}.po-javasl li{padding:8px 10px;border-radius:3px;cursor:pointer;font-size:14.5px}.po-javasl li small{display:block;color:var(--gray);font-size:12.5px}
.po-javasl li:hover,.po-javasl li.akt{background:var(--accent-soft)}.po-javasl li.tipp{color:var(--gray)}
#po-temak{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#po-temak button{border:1.5px solid #D1D5DB;background:#fff;border-radius:6px;padding:5px 5px 6px;cursor:pointer;font:600 12.5px "IBM Plex Sans";min-height:44px}
#po-temak button span{display:block;height:46px;border-radius:3px;position:relative;overflow:hidden;margin-bottom:4px;border:1px solid rgba(0,0,0,.08)}
#po-temak button span i{position:absolute;right:-8px;top:18px;width:40px;height:40px;border-radius:50%}
#po-temak button span b{position:absolute;left:0;right:0;top:22px;height:3px;transform:rotate(-14deg)}
#po-temak button span u{position:absolute;left:24px;top:-4px;bottom:-4px;width:2px;transform:rotate(18deg)}
#po-temak button.akt,.po-gombsor button.akt{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--accent-soft)}
.po-gombsor{display:flex;flex-wrap:wrap;gap:6px}
.po-gombsor button{border:1.5px solid #D1D5DB;background:#fff;border-radius:5px;padding:7px 11px;cursor:pointer;font:600 13.5px "IBM Plex Sans";min-height:40px}
.po-ket{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#po-vast{width:100%}
.po-letolt{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.po-letolt .btn{min-height:50px}
#po-felb{font-size:12.5px;color:var(--gray);margin-top:6px}
.po-link{margin-top:8px;font-size:13.5px}.po-link button{border:0;background:none;color:var(--accent-deep);font:600 13.5px "IBM Plex Sans";cursor:pointer;text-decoration:underline;padding:0}
#po-link-u{color:var(--gray);font-size:12.5px;display:block}
#po-fal{background:#D9D6D0 radial-gradient(ellipse at 50% 30%,#ECEAE6,#CFCBC4);display:flex;align-items:center;justify-content:center;padding:26px 16px;min-height:560px;position:relative}
#po-lap{position:relative;box-shadow:0 18px 40px rgba(0,0,0,.28),0 2px 6px rgba(0,0,0,.18);overflow:hidden}
#po-terkep{position:absolute}
#po-terkep .maplibregl-ctrl-top-right{transform:scale(.85);transform-origin:top right}
#po-szoveg{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 4%}
.po-c{text-transform:uppercase;letter-spacing:.12em;line-height:1.05;white-space:nowrap}
.po-ac{text-transform:uppercase;letter-spacing:.3em;margin-top:.5em;opacity:.95}
.po-k{font-family:"Martian Mono",monospace;margin-top:.7em;opacity:.8;letter-spacing:.05em}
#po-forras{position:absolute;right:2.2%;bottom:1%;opacity:.7;font-family:"IBM Plex Sans",sans-serif;pointer-events:none}
.po-jel{cursor:grab;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
#po-vakfolt{position:absolute;left:12px;right:12px;top:12px;z-index:5;background:#FEF3C7;border:1px solid #F59E0B;border-radius:4px;padding:8px 10px;font-size:13.5px}
#po-vakfolt[hidden]{display:none}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.galeria button{border:0;background:none;cursor:pointer;text-align:left;padding:0;font:600 14px "IBM Plex Sans"}
.galeria img{width:100%;height:auto;display:block;box-shadow:0 8px 22px rgba(0,0,0,.2);margin-bottom:8px;background:#eee}
.galeria small{display:block;color:var(--gray);font-weight:400}