.ptcon-wrap{max-width:1080px;margin:0 auto;padding:8px 4px 40px}

.ptcon-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#F7EDD8;border-radius:14px;padding:14px 18px;margin-bottom:26px}
.ptcon-filter label{font-weight:700;font-size:13.5px;color:#3D1F0D}
.ptcon-filter select{appearance:none;background:#FEFCF8 url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237B3A1A' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;border:1.5px solid rgba(123,58,26,.25);border-radius:10px;padding:9px 34px 9px 14px;font-size:14px;font-weight:700;color:#1E110A;cursor:pointer;min-width:180px}
.ptcon-filter select:focus{outline:none;border-color:#A85328}

.ptcon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;transition:opacity .2s}
.ptcon-grid.ptcon-loading{opacity:.4}

.ptcon-empty{grid-column:1/-1;text-align:center;padding:40px 20px;color:rgba(30,17,10,.5);font-style:italic;font-size:14.5px}

.ptcon-card{background:#FEFCF8;border:1px solid rgba(200,125,58,.2);border-radius:16px;padding:22px 18px;text-align:center;box-shadow:0 3px 14px rgba(61,31,13,.05);transition:transform .2s,box-shadow .2s}
.ptcon-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(61,31,13,.1)}

.ptcon-photo{width:88px;height:88px;border-radius:50%;overflow:hidden;margin:0 auto 14px;background:linear-gradient(135deg,#E8C98A,#C87D3A);display:flex;align-items:center;justify-content:center;border:3px solid #F7EDD8}
.ptcon-photo img{width:100%;height:100%;object-fit:cover}
.ptcon-photo-fallback{font-size:36px}

.ptcon-name{font-family:'Playfair Display',serif;font-weight:800;font-size:17px;color:#1E110A;margin-bottom:3px}
.ptcon-role{font-size:11.5px;font-weight:700;letter-spacing:.5px;color:#fff;background:#4A7028;display:inline-block;padding:3px 12px;border-radius:20px;margin-bottom:8px}
.ptcon-region{font-size:12.5px;color:#7B3A1A;margin-bottom:8px}
.ptcon-bio{font-size:13px;color:rgba(30,17,10,.75);line-height:1.55;margin-bottom:8px}
.ptcon-bio p{margin:0 0 6px}
.ptcon-quote{font-size:12.5px;font-style:italic;color:#A85328;border-top:1px dashed rgba(168,83,40,.3);padding-top:8px;margin-top:6px}

@media(max-width:640px){
  .ptcon-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
  .ptcon-card{padding:16px 12px}
  .ptcon-filter{padding:12px 14px}
  .ptcon-filter select{min-width:140px}
}