.ppc-wrap{display:grid;grid-template-columns:minmax(300px,360px) 1fr;min-height:var(--ppc-h);border:1px solid #dce8ea;border-radius:16px;overflow:hidden;background:#f7fafb;box-shadow:0 10px 28px rgba(25,55,65,.08)}
.ppc-side{background:#fff;padding:22px;max-height:var(--ppc-h);overflow:auto;border-right:1px solid #dce8ea}
.ppc-side h2{margin:0 0 8px;font-size:24px;line-height:1.2;color:#26363d}
.ppc-side p{font-size:14px;color:#64747b;line-height:1.5}
.ppc-search,.ppc-filter{width:100%;box-sizing:border-box;padding:11px 12px;margin:5px 0;border:1px solid #cbdadd;border-radius:10px;background:#fff}
.ppc-count{font-size:13px;font-weight:700;margin:12px 0;color:#5e6e75}
.ppc-list{display:grid;gap:9px}
.ppc-card{text-align:left;background:#fff;border:1px solid #dce8ea;border-radius:11px;padding:12px;cursor:pointer;font:inherit;color:#27383f}
.ppc-card:hover{border-color:#09aeb7;box-shadow:0 5px 14px rgba(20,70,80,.08)}
.ppc-card span,.ppc-card strong,.ppc-card em,.ppc-card small{display:block}
.ppc-card span{font-size:11px;color:#087f87}
.ppc-card strong{margin:4px 0}
.ppc-card em{font-size:13px;font-style:normal;color:#52636a;line-height:1.35}
.ppc-card small{margin-top:4px;color:#75858b}
.ppc-side>small{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #e4edef;color:#6c7b81;line-height:1.45}
.ppc-map{height:var(--ppc-h);min-height:520px;background:#eaf1f2}
.leaflet-popup-content h3{margin:0 0 8px;font-size:16px}.leaflet-popup-content p{margin:5px 0}.leaflet-popup-content a{color:#087f87}
@media(max-width:820px){.ppc-wrap{grid-template-columns:1fr}.ppc-side{max-height:none;border-right:0;border-bottom:1px solid #dce8ea}.ppc-map{height:520px;min-height:520px}}