.misto-header {
    margin-bottom: 30px;
}

.misto-city {
    font-size: 1.1rem;
    margin-top: 5px;
}

.misto-address {
    color: #555;
}

.misto-types {
    margin-top: 10px;
    font-style: italic;
    color: #666;
}

.misto-events {
    margin-top: 15px;
}

.misto-event {
    margin-bottom: 4px;
}

.misto-media {
    display: flex;
    gap: 20px;
    margin: 30px 0;
}

.misto-map,
.misto-image {
    flex: 1;
}

.misto-map iframe {
    width: 100%;
    height: 260px;
    border: 0;
}

.misto-image img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: cover;

    filter:
        grayscale(100%)
        contrast(1.05)
        brightness(1.05)
        sepia(10%);

    background: var(--paper);
    padding: .4rem;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
}

.mista-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:1.5rem;
}

.misto-card {
    border:1px solid var(--line-faint);
    padding:1rem;
}

.misto-card img {
    width:100%;
    height:180px;
    object-fit:cover;
    display:block;
    margin-bottom:.75rem;
}

.misto-card h3 {
    margin:0 0 .25rem;
}

.misto-meta {
    font-size:.9rem;
    color:#666;
}

.mista-group .abc-list {
    display: none;
}

.mista-group.open .abc-list {
    display: block;
}

.mista-toggle {
    width: 100%;
    text-align: left;
    background: none;
    border: 0;
    cursor: pointer;
}

.sidebar-count {
    opacity: .7;
}

.mista-group.is-current > .mista-toggle {
    color: var(--ink-red);
}

@media (max-width: 900px) {
    .misto-media {
        flex-direction: column;
    }
}