@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&family=Open+Sans:wght@300;400;600&display=swap");:root{--color-bg-primary:#f5f3f2;--color-dark-navy:#192c49;--color-accent-green:#6a9d38;--color-white:#fff;--color-text-secondary:#666;--color-border:#e0e0e0;--font-heading:"Montserrat",sans-serif;--font-body:"Open Sans",sans-serif;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-2xl:64px;--space-3xl:96px}.species-breadcrumb-wrapper{background-color:var(--color-white);box-shadow:0 2px 4px transparent;padding:var(--space-md) 0;width:100%}.species-breadcrumb-container{margin:0 auto;max-width:1400px;padding:0 var(--space-lg)}.species-breadcrumb{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:var(--space-xs)}.species-breadcrumb a{color:var(--color-accent-green);text-decoration:none;transition:color .3s ease}.species-breadcrumb a:hover{color:var(--color-dark-navy);text-decoration:underline}.species-breadcrumb-separator{color:var(--color-text-secondary)}.species-content-wrapper{margin:0 auto;max-width:1400px;padding:var(--space-2xl) var(--space-lg);width:100%}.species-header-section{background:var(--color-white);display:grid;gap:var(--space-2xl);grid-template-columns:300px 1fr;margin-bottom:var(--space-2xl);padding:var(--space-2xl)}.species-header-section,.species-main-image{border-radius:12px;box-shadow:0 4px 12px transparent}.species-main-image{background-position:50%;background-size:cover;height:300px;width:300px}.species-image-caption{color:var(--color-text-secondary);font-size:14px;font-style:italic;margin-top:var(--space-sm);text-align:center}.species-info{display:flex;flex-direction:column}.species-info h1{color:var(--color-dark-navy);font-family:var(--font-heading);font-size:42px;font-weight:300;line-height:1.2;margin-bottom:var(--space-xs)}.species-latin-name{color:var(--color-text-secondary);font-size:20px;font-style:italic;margin-bottom:var(--space-lg)}.species-short-intro{background:var(--color-bg-primary);border-radius:8px;color:var(--color-dark-navy);font-size:16px;line-height:1.6;padding:var(--space-md)}.species-details-section{background:var(--color-white);border-radius:12px;box-shadow:0 4px 12px transparent;margin-bottom:var(--space-2xl);padding:var(--space-2xl)}.species-details-content{color:var(--color-dark-navy);font-size:16px;line-height:1.8}.species-details-content p{margin-bottom:var(--space-md)}.species-details-content strong{color:var(--color-dark-navy);font-weight:600}.family-species-section{margin-bottom:var(--space-2xl)}.family-species-header{margin-bottom:var(--space-lg)}.family-species-header h2{color:var(--color-dark-navy);font-family:var(--font-heading);font-size:32px;font-weight:300;margin-bottom:var(--space-sm)}.family-species-header p{color:var(--color-text-secondary);font-size:16px}.family-species-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(4,1fr)}.family-species-button{align-items:center;background:var(--color-dark-navy);border-radius:8px;color:var(--color-white);display:flex;font-family:var(--font-heading);font-size:16px;font-weight:500;justify-content:center;min-height:60px;padding:var(--space-md);text-align:center;text-decoration:none;transition:all .3s ease}.family-species-button:hover{background:var(--color-accent-green);box-shadow:0 4px 12px rgba(106,157,56,.3);transform:translateY(-2px)}.family-species-button.active{background:var(--color-accent-green);pointer-events:none}.species-no-results{color:var(--color-text-secondary);font-size:18px;padding:var(--space-2xl);text-align:center}@media (max-width:991px){.species-header-section{gap:var(--space-lg);grid-template-columns:1fr}.species-main-image{margin:0 auto;max-width:400px;width:100%}.species-info h1{font-size:36px}.family-species-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.species-content-wrapper{padding:var(--space-xl) var(--space-sm)}.species-details-section,.species-header-section{padding:var(--space-lg)}.species-info h1{font-size:32px}.species-latin-name{font-size:18px}.family-species-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.family-species-header h2{font-size:28px}}@media (max-width:550px){.species-info h1{font-size:28px}.family-species-grid{grid-template-columns:1fr}}