:root{--navy:#0b3954;--teal:#087e8b;--sand:#f6f1e7;--ink:#1d2731;--accent:#ff5a5f}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--sand);line-height:1.55}
header{background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff;padding:2.5rem 1rem;text-align:center}
header h1{margin:0 0 .4rem;font-size:clamp(1.7rem,5vw,2.6rem)}header p{margin:0;opacity:.9}
nav{position:sticky;top:0;background:var(--navy);display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem;padding:.4rem;z-index:5}
nav a{color:#fff;text-decoration:none;padding:.35rem .7rem;border-radius:4px;font-size:.9rem}nav a:hover{background:var(--teal)}
main{max-width:1050px;margin:auto;padding:1rem}
section{background:#fff;border-radius:10px;padding:1.3rem 1.5rem;margin:1.2rem 0;box-shadow:0 2px 8px rgba(0,0,0,.06)}
h2{color:var(--navy);border-bottom:3px solid var(--teal);padding-bottom:.3rem;margin-top:0}h3{color:var(--teal);margin-bottom:.3rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.card{border:1px solid #e3e3e3;border-radius:8px;padding:.9rem 1rem;background:#fcfcfa}
.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}
th,td{border:1px solid #ddd;padding:.45rem .55rem;text-align:left;vertical-align:top}th{background:var(--navy);color:#fff}tr:nth-child(even) td{background:#f7f9fa}
.badge{display:inline-block;background:var(--accent);color:#fff;border-radius:999px;padding:.1rem .6rem;font-size:.78rem;font-weight:600}
.note{font-size:.85rem;color:#555;background:#fff8e1;border-left:4px solid #f2b705;padding:.5rem .8rem;border-radius:4px}
sup a{text-decoration:none}a{color:var(--teal)}
footer{text-align:center;font-size:.85rem;color:#555;padding:2rem 1rem}
ol.src{font-size:.85rem;word-break:break-all}
@media(max-width:600px){section{padding:1rem}th,td{font-size:.82rem}}
.species{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem}
.species figure{margin:0;background:#fcfcfa;border:1px solid #e3e3e3;border-radius:8px;overflow:hidden}
.species img{width:100%;height:120px;object-fit:contain;background:#eef3f5;display:block}
.species figcaption{padding:.4rem .6rem;font-size:.85rem}.species figcaption b{display:block}
.credits{font-size:.78rem}
.brand{color:#fff;text-decoration:none}
.live{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}
.live [data-k]>b{font-size:1.5rem;display:block;color:var(--navy)}.live li b{font-size:.9rem}.live .card{align-self:start}.live .card small{color:#666}
.live ul{padding-left:1rem;margin:.3rem 0;font-size:.9rem}.fallback{color:#a33;font-size:.85rem}
.verify{display:inline-block;background:#fde2e1;color:#9b1c1c;border:1px solid #f5b5b2;border-radius:4px;padding:0 .4rem;font-size:.75rem;font-weight:700;white-space:nowrap}
.ok{display:inline-block;background:#e1f5e8;color:#17663a;border:1px solid #a9dfbd;border-radius:4px;padding:0 .4rem;font-size:.75rem;font-weight:700;white-space:nowrap}
.newsletter{background:linear-gradient(135deg,var(--teal),var(--navy));color:#fff}.newsletter h2{color:#fff;border-color:#fff}
.newsletter form{display:flex;flex-wrap:wrap;gap:.5rem}.newsletter input[type=email]{flex:1 1 220px;padding:.6rem;border-radius:6px;border:0;font-size:1rem}
.newsletter button,.btn{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.6rem 1.1rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.newsletter small{opacity:.85}.newsletter a{color:#fff}
.disclaimer{font-size:.8rem;color:#555;max-width:900px;margin:0 auto .6rem}
footer nav{position:static;background:none}footer nav a{color:var(--teal)}
.post-list li{margin:.4rem 0}
.sr{position:absolute;left:-9999px}