#paideia-map-container{position:relative;width:100%;display:block;z-index:10000}#paideia-map-controls{position:absolute;top:12px;left:12px;z-index:1000;display:flex;flex-direction:column;gap:8px;max-width:300px;background:rgb(255 255 255 / .95);padding:12px;border-radius:8px;box-shadow:0 2px 6px rgb(0 0 0 / .1)}#paideia-map-controls select{width:100%;padding:8px 12px;font-size:14px;color:#333;background:#fff;border:1px solid #ccc;border-radius:4px;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='5'><path fill='%23777' d='M0 0l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 10px center}#paideia-map{width:100%;height:400px}#paideia-info{position:absolute;bottom:12px;left:12px;z-index:1000;max-width:350px;background:rgb(255 255 255 / .95);padding:.5rem;border-radius:8px;box-shadow:0 2px 6px rgb(0 0 0 / .1);font-family:Arial,sans-serif;font-size:14px;color:#222;line-height:1.4}#paideia-info.hidden{display:none}#paideia-info table{border-collapse:collapse;width:100%}#paideia-info td{padding:4px 8px;vertical-align:top}#paideia-info td:first-child{font-weight:600}#paideia-info td:nth-child(2) div[class^="info-desktop-"]{display:block}#paideia-info td:nth-child(2) span[class^="info-mobile-"]{display:none}@media (max-width:768px){#paideia-map-container{display:flex;flex-direction:column}#paideia-map-controls,#paideia-info{position:static;margin-block:.5rem;width:auto;max-width:none}#paideia-map{height:300px;order:3}#paideia-map-controls{order:1;padding:10px}#paideia-info{order:2;padding:12px;font-size:13px;line-height:1.3}#paideia-info td:nth-child(2) div[class^="info-desktop-"]{display:none}#paideia-info td:nth-child(2) span[class^="info-mobile-"]{display:block}}@media (max-width:490px){#paideia-info td:nth-child(2) span[class^="info-mobile-"]{display:none}#paideia-info td:nth-child(2) div[class^="info-desktop-"]{display:block}}@media (min-width:769px){#paideia-info td:nth-child(2){white-space:normal;max-width:200px;word-wrap:break-word}}.red{color:red}.green{color:#00a000}.centered{align-content:center}div[class^="info-desktop-"] div{display:grid;gap:.2rem;grid-template-columns:minmax(0,60px) 1fr}.num-info::before{content:':';margin-left:auto}