.shead{margin-bottom:20px}
.shead + *{margin-top:0}
.towns{
border:1px solid rgba(255,250,240,.13);
background:var(--panel,#123625);
border-radius:12px;
padding:4px 24px;
overflow:hidden}
.towns>.town{
border-bottom:1px solid rgba(255,250,240,.08);
padding-left:0;padding-right:0;
border-radius:0}
.towns>.town:last-child{border-bottom:0}
.towns>.town:hover{background:rgba(255,250,240,.03)}
@media(max-width:700px){
.towns{padding:2px 16px;border-radius:10px}
}
.ppoi a.poi{display:block;text-decoration:none;color:inherit;cursor:pointer;
transition:border-color .16s,transform .16s}
.ppoi a.poi:hover{border-color:var(--gold);transform:translateY(-1px)}
.ppoi a.poi:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ppoi a.poi .t{color:var(--ink)}