.encounter-panel{max-width:760px;margin:1rem auto;padding:clamp(1.25rem,4vw,2.5rem);border:2px solid #9bbba9;border-radius:22px;background:#153d37;color:#fffdf3;box-shadow:0 10px 28px #08251c35}
.encounter-panel h1,.encounter-panel h2,.encounter-panel p{color:inherit}
.encounter-panel h1{font-size:clamp(1.6rem,5vw,2.25rem);line-height:1.35}
.encounter-panel h2{font-size:1.35rem;margin-top:1.8rem}
.encounter-eyebrow{font-weight:800;letter-spacing:.04em;color:#f8db9e!important}
.encounter-note{padding:.8rem 1rem;border-left:4px solid #f4d58d;background:#ffffff16;border-radius:0 8px 8px 0;line-height:1.65}
.encounter-helper{font-size:.92rem;line-height:1.55;color:#e4eee9!important;margin:.7rem 0}
.encounter-learn{margin:1.2rem 0;padding:1rem 1.2rem;border:1px solid #a5c7b4;border-radius:14px;background:#ffffff12}
.encounter-learn h2{margin:.1rem 0 .6rem}
.encounter-learn-name{font-size:1.25rem;font-weight:800;margin:.3rem 0 .7rem}
.encounter-learn dl{display:grid;grid-template-columns:8em 1fr;gap:.5rem .8rem;margin:.6rem 0 1rem;line-height:1.6}
.encounter-learn dt{font-weight:800}
.encounter-learn dd{margin:0}
.encounter-learn a{color:#ffdf99;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.encounter-learn a:focus-visible{outline:3px solid #ffdf99;outline-offset:3px}
.field-reference-photo{margin:1rem 0;padding:.65rem;border:1px solid currentColor;border-radius:12px;background:#ffffff14;text-align:center}
.field-reference-photo img{display:block;width:100%;max-height:340px;object-fit:contain;margin:auto;border-radius:8px}
.field-reference-photo figcaption{font-size:.84rem;line-height:1.55;margin-top:.5rem;text-align:left;color:inherit}
.field-reference-photo a{color:#ffdf99;text-decoration:underline;text-underline-offset:2px}
.species-card .field-reference-photo{background:#eef2ea;border-color:#b7c9b8}
.species-card .field-reference-photo a{color:#075a7b}
.encounter-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.75rem;margin:1rem 0}
.encounter-panel .btn{min-height:52px;background:#fffdf3;color:#163d34;border:2px solid #fffdf3;font-size:1rem;font-weight:700;text-align:left}
.encounter-panel .btn:hover,.encounter-panel .btn:focus-visible{background:#ffe5a9;color:#102d27;border-color:#ffe5a9}
.encounter-panel .btn.primary{background:#f8d58a;color:#17372e;border-color:#f8d58a}
.encounter-art{max-width:440px;margin:1rem auto;text-align:center}
.encounter-art img{display:block;width:100%;height:auto;border-radius:14px}
.encounter-art figcaption{font-size:.82rem;color:#e4eee9;margin-top:.35rem}
.discovery-tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem 0}
.discovery-tabs .btn{min-height:48px;flex:1 1 145px;background:#fffdf6;color:#193d32;border:2px solid #6f9681;font-weight:700}
.discovery-tabs .btn.current{background:#225c48;color:#fffdf6;border-color:#225c48}
.discovery-tabs .btn:focus-visible,.species-card a:focus-visible,.trip-after .btn:focus-visible{outline:3px solid #b46b00;outline-offset:3px}
.species-intro{display:flex;align-items:center;gap:1rem;background:#fffdf6;border:1px solid #bdd0bc;border-radius:16px;padding:.7rem 1rem;color:#193d32}
.species-intro img{width:88px;height:88px;object-fit:contain;flex:none}
.species-intro p{margin:.3rem 0;color:inherit}
.species-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem;margin-top:1rem}
.species-card{padding:1.25rem;border:2px solid #b0c7ad;border-radius:16px;background:#fffdf6;color:#193d32;overflow-wrap:anywhere}
.species-card h2,.species-card p,.species-card dt,.species-card dd,.species-card summary{color:inherit}
.species-kind{font-size:.88rem;font-weight:800;color:#345e48!important}
.species-card h2{font-size:1.5rem;margin:.3rem 0}
.species-card dl{display:grid;grid-template-columns:7.5em 1fr;gap:.55rem .4rem;line-height:1.6}
.species-card dt{font-weight:800}
.species-card dd{margin:0}
.species-card a{color:#075a7b;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.species-card .species-found{padding:.5rem .7rem;background:#eaf1df;border-radius:8px;font-weight:700}
.species-unknown{background:#f3f2e9;border-color:#c9c9b8}
.species-hint{line-height:1.6}
.species-sources{border-top:1px solid #c7d4c9;padding-top:.6rem;font-size:.9rem}
.species-sources summary{cursor:pointer;font-weight:700}
.diary-encounters,.trip-after{margin:1.25rem 0;padding:1rem;border:1px solid #aec5b1;border-radius:14px;background:#fffdf6;color:#193d32}
.diary-encounters h3,.trip-after h3{color:inherit;margin:.1rem 0 .7rem}
.diary-encounters ol{padding-left:1.5rem;margin:.5rem 0}
.diary-encounters li{padding:.45rem 0;border-bottom:1px solid #dce5d8}
.diary-encounters li:last-child{border-bottom:0}
.diary-encounters p{margin:.2rem 0;color:inherit}
.trip-after-choices{display:flex;flex-wrap:wrap;gap:.6rem}
.trip-after .btn{min-height:48px;flex:1 1 130px;background:#f4f3e8;color:#193d32;border:2px solid #6e927c}
.trip-after .btn.current{background:#225c48;color:#fffdf6}
.trip-after-saved{font-weight:700;color:#193d32}
@media(max-width:480px){.encounter-panel{margin:.5rem 0;padding:1.2rem}.encounter-choices{grid-template-columns:1fr}.encounter-learn dl{grid-template-columns:1fr;gap:.15rem}.encounter-learn dd{margin-bottom:.5rem}.species-intro img{width:65px;height:65px}.species-card dl{grid-template-columns:1fr;gap:.15rem}.species-card dd{margin-bottom:.6rem}}