.bat-species-container{max-width:1200px;margin:0 auto;padding:20px}.bat-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:20px}.bat-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;transition:all 0.3s ease;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1)}.bat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.15);border-color:#2d5016}.bat-card-content{display:flex;flex-direction:column;height:100%}.bat-common-name{font-size:1.5rem;color:#2d5016;margin:0 0 8px 0;font-weight:600}.bat-scientific-name{font-size:.95rem;color:#666;margin:0 0 16px 0}.bat-description-short{font-size:.95rem;line-height:1.6;color:#333;margin:0 0 20px 0;flex-grow:1}.bat-learn-more{background:#2d5016;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background 0.3s ease;font-weight:500}.bat-learn-more:hover{background:#1f3810}.bat-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);animation:fadeIn 0.3s ease}.bat-modal.active{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.bat-modal-content{background-color:#fff;margin:5% auto;padding:0;border-radius:12px;width:90%;max-width:800px;max-height:85vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.3);animation:slideIn 0.3s ease;position:relative}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.bat-modal-close{color:#aaa;position:sticky;top:0;right:0;float:right;font-size:32px;font-weight:700;padding:10px 20px;cursor:pointer;z-index:1;background:#fff}.bat-modal-close:hover,.bat-modal-close:focus{color:#000}#bat-modal-body{padding:20px 40px 40px 40px}.bat-modal-loading{text-align:center;padding:40px;font-size:1.2rem;color:#666}.bat-detail h2{font-size:2rem;color:#2d5016;margin:0 0 8px 0}.bat-scientific{font-size:1.1rem;color:#666;margin:0 0 24px 0}.bat-detail-section{margin-bottom:24px}.bat-detail-section h3{font-size:1.3rem;color:#2d5016;margin:0 0 12px 0;padding-bottom:8px;border-bottom:2px solid #e0e0e0}.bat-detail-section p{font-size:1rem;line-height:1.7;color:#333;margin:0}.bat-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.bat-detail-item{background:#f5f5f5;padding:16px;border-radius:8px}.bat-detail-item h4{font-size:1rem;color:#2d5016;margin:0 0 8px 0;font-weight:600}.bat-detail-item p{font-size:.95rem;color:#333;margin:0}.bat-detail-citation{margin-top:32px;padding-top:16px;border-top:1px solid #e0e0e0;font-style:italic;color:#666}@media (max-width:768px){.bat-cards-grid{grid-template-columns:1fr;gap:16px}.bat-modal-content{width:95%;margin:10% auto}#bat-modal-body{padding:15px 20px 30px 20px}.bat-detail h2{font-size:1.5rem}.bat-detail-grid{grid-template-columns:1fr}}.bat-modal-content{scroll-behavior:smooth}.bat-modal-content::-webkit-scrollbar{width:8px}.bat-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.bat-modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.bat-modal-content::-webkit-scrollbar-thumb:hover{background:#555}