/* Compact agent cards prototype (team-compact.html) */
.cc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;align-items:stretch;grid-auto-rows:1fr}
@media (max-width:1100px){.cc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cc-grid{grid-template-columns:1fr;grid-auto-rows:auto}}
.cc-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #E1EBE3;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px -30px rgba(20,80,12,.35);transition:transform .3s,box-shadow .3s}
.cc-card:hover{transform:translateY(-3px);box-shadow:0 26px 50px -30px rgba(20,80,12,.45)}
.cc-photo{position:relative;aspect-ratio:1/1;background:#DCEFE1;flex:none}
.cc-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cc-pill{position:absolute;left:.6rem;top:.6rem;display:inline-flex;gap:.3rem;align-items:center;max-width:calc(100% - 5.6rem);padding:.32rem .6rem;border-radius:999px;font:700 .68rem/1.2 var(--sans);color:#fff;background:rgba(14,58,10,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cc-pill svg{color:#F5A04A;flex:none}
.cc-mapthumb{position:absolute;right:.6rem;bottom:.6rem;width:64px;padding:4px;border-radius:10px;background:rgba(255,255,255,.92);box-shadow:0 6px 16px -8px rgba(0,0,0,.4)}
.cc-mapthumb svg{display:block;width:100%;height:auto}
.cc-mapthumb .prov{fill:#E3F1E6;stroke:#9CC8A8;stroke-width:.35}.cc-mapthumb .prov.hi{fill:#F08C28;stroke:#C96A10}
.cc-mapthumb .outline{fill:none;stroke:#5E8F69;stroke-width:.8}.cc-mapthumb text,.cc-mapthumb .ref,.cc-mapthumb .inset-box{display:none}
.cc-body{flex:1;display:flex;flex-direction:column;gap:.45rem;padding:.9rem 1rem 1rem}
.cc-name{margin:0;font-size:1.3rem;font-weight:900;letter-spacing:-.02em;color:#14500C;line-height:1.1}
.cc-role{margin:0;font-size:.82rem;font-weight:700;color:#1D6B2C}
.cc-teaser{margin:0;font-size:.86rem;line-height:1.45;color:#3A4B3E;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cc-chips{gap:.3rem}.cc-chips .ac-chip{padding:.25rem .5rem;font-size:.72rem;border-radius:8px;background:#F2F9F4;border:1px solid #DCEFE1}
.cc-chips .ac-chip b{color:#247533}.cc-chips .ac-chip:first-child b{font-size:.8rem}.cc-chips .ac-chip span{color:#3A4B3E}
.cc-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:.45rem;padding-top:.4rem}
.cc-actions .btn{padding:.65rem .5rem;font-size:.8rem;white-space:nowrap}
.cc-actions .btn-outline{background:#fff}
/* side panel / mobile sheet */
.cc-backdrop{position:fixed;inset:0;z-index:80;background:rgba(14,40,18,.35);backdrop-filter:blur(2px)}
.cc-panel{position:fixed;z-index:90;top:0;right:0;bottom:0;width:min(560px,100vw);background:#F2F9F4;box-shadow:-30px 0 60px -20px rgba(20,80,12,.35);animation:ccIn .35s var(--ease)}
.cc-panel[hidden],.cc-backdrop[hidden]{display:none}
.cc-panel-inner{height:100%;overflow-y:auto;padding:3.4rem 1.1rem 1.4rem;outline:none}
.cc-panel .agent-card{transform:none!important}
.cc-close{position:absolute;top:.6rem;right:.8rem;z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid #C9DDCF;background:#fff;color:#14500C;font-size:1.6rem;line-height:1;cursor:pointer}
.cc-close:focus-visible,.cc-open:focus-visible{outline:2px solid #F08C28;outline-offset:2px}
@keyframes ccIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:640px){.cc-panel{top:auto;left:0;width:100vw;height:92vh;border-radius:20px 20px 0 0;animation-name:ccUp}@keyframes ccUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}}
body.cc-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){.cc-panel{animation:none}.cc-card{transition:none}}
/* tighten to ~460px tall on desktop */
.cc-body{gap:.3rem;padding:.75rem .85rem .85rem}
.cc-name{font-size:1.15rem}
.cc-role{font-size:.76rem}
.cc-teaser{font-size:.8rem;line-height:1.4}
.cc-chips{flex-wrap:nowrap;overflow:hidden;mask-image:linear-gradient(90deg,#000 85%,transparent)}
.cc-chips .ac-chip{white-space:nowrap;flex:none;font-size:.68rem;padding:.2rem .45rem}
.cc-actions{padding-top:.3rem}.cc-actions .btn{padding:.55rem .4rem;font-size:.76rem}
.cc-mapthumb{width:46px;padding:3px}

/* coverage map on the card photo: ~1.9x bigger, clearer, opens the full map (Jeff, 2026-10-08) */
.cc-mapthumb{width:88px;padding:5px;margin:0;border:1px solid rgba(20,80,12,.2);border-radius:12px;background:rgba(255,255,255,.95);cursor:zoom-in;font:inherit;line-height:0;-webkit-appearance:none;appearance:none;transition:transform .2s,box-shadow .2s}
.cc-mapthumb:hover{transform:scale(1.04);box-shadow:0 12px 24px -10px rgba(0,0,0,.5)}
.cc-mapthumb:focus-visible{outline:3px solid #F08C28;outline-offset:2px}
.cc-mapthumb .prov{stroke-width:.45}
.cc-mapthumb .prov.hi{fill:#F26B0F;stroke:#A84E06;stroke-width:1.2}
.cc-mapthumb .outline{stroke:#3F7A4C;stroke-width:1.2}
.cc-mapthumb .pin-dot{display:inline;r:7px;fill:#fff;stroke:#14500C;stroke-width:2.6}
.cc-zoom{position:absolute;top:-7px;left:-7px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#14500C;box-shadow:0 2px 6px rgba(0,0,0,.35)}
@media (max-width:1100px){.cc-mapthumb{width:84px}}
@media (max-width:560px){.cc-mapthumb{width:80px;right:.75rem;bottom:.75rem}}