/* The document wraps the existing two card faces; card utilities come from the portal. */
html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:#0c0a09;color:#f5f5f4}
.species-page-header{background:#022c22;border-bottom:1px solid #065f46}.species-page-header-inner{max-width:72rem;margin:auto;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.species-page-brand{font-size:1.25rem;font-weight:900;color:#fff;text-decoration:none}.species-page-brand span{color:#34d399}.species-page-nav{display:flex;gap:.3rem;flex-wrap:wrap}.species-page-nav a{padding:.55rem .7rem;color:#a7f3d0;font-size:.8rem;font-weight:800;text-decoration:none}.species-page-nav a:hover{background:#064e3b;border-radius:.6rem}
.species-page-main{max-width:38rem;margin:1.5rem auto;padding:0 1rem}.species-page-breadcrumb{margin-bottom:1rem;font-size:.75rem;color:#a8a29e;display:flex;gap:.5rem;flex-wrap:wrap}.species-page-breadcrumb a{color:#6ee7b7;text-decoration:underline}.species-page-card{background:#1c1917;border:1px solid #292524;border-radius:1.5rem;padding:1.5rem;box-shadow:0 25px 50px -12px #0004;overflow-wrap:anywhere}.species-page-card .detail-heading{gap:.8rem;flex-wrap:wrap}.species-page-card .detail-name-block{flex:1 1 16rem}.species-page-card .detail-name-block>div>span{flex-shrink:0}.species-page-card .detail-edibility-badge{max-width:100%;white-space:normal}.species-page-card .detail-lookalike-heading{flex-wrap:wrap}.species-page-card .detail-lookalike-title{flex:1 1 9rem}.species-page-card .detail-lookalike-badge{white-space:normal}.species-page-card .species-curious-content{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #44403c}.species-page-card #species-card-front{display:block}.species-page-card .species-curious-section{padding:1.1rem;border:1px solid #065f46;border-radius:1rem;background:#022c2280}.species-page-card .species-curious-content h4{color:#a7f3d0;font-weight:700;margin:.8rem 0}.species-page-card .species-curious-content ol{list-style:decimal;margin:.6rem 0;padding-left:1.3rem}.species-page-card .species-curious-content li+li{margin-top:.45rem}
.species-page-footer{max-width:36rem;margin:1.5rem auto;padding:0 1rem 2rem;color:#a8a29e;font-size:.75rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.species-page-footer a{color:#6ee7b7;text-decoration:underline}
.species-static-photo-dialog{max-width:min(90vw,60rem);max-height:90dvh;padding:1rem;background:#1c1917;color:#f5f5f4;border:1px solid #065f46;border-radius:1rem}.species-static-photo-dialog::backdrop{background:#000c}.species-static-photo-dialog img{max-height:72dvh;max-width:100%;object-fit:contain;margin:auto}.species-static-photo-dialog button{min-height:44px;padding:.6rem 1rem;border-radius:.75rem;background:#064e3b;color:#a7f3d0;font-weight:800}.species-static-photo-dialog a{color:#6ee7b7;text-decoration:underline}.species-static-photo-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}
@media(min-width:768px){.species-page-card{padding:2rem}}@media(max-width:520px){.species-page-main{padding:0 .65rem;margin-top:1rem}.species-page-card{padding:1rem}.species-page-card .species-curious-section{padding:.85rem}.species-page-header-inner{gap:.4rem}.species-page-nav a{padding:.45rem .5rem}.species-page-card .detail-species-name{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}