/* 生物圖鑑（01、02 館共用，見 guide.js） */
dialog.guide-dialog{width:min(1080px,92vw);max-width:none;height:min(720px,88vh);padding:0;background:linear-gradient(140deg,#123c46,#04212b);color:#e5edde;border:1px solid #9fc6c4;border-radius:16px;box-shadow:inset 0 0 0 4px #05202a;overflow:hidden}
.guide-dialog[open]{display:flex;flex-direction:column}
.guide-dialog::backdrop{background:#00151bc4;backdrop-filter:blur(10px)}
.guide-dialog header{position:static;display:block;padding:22px 30px 10px}   /* 01 館 style.css 的 header 是絕對定位，這裡蓋回來 */
.guide-dialog h2{margin:6px 0 0;font-size:24px;font-weight:600;line-height:1.3;letter-spacing:3px}
.guide-dialog .guide-close{position:absolute;right:16px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid #6f9ea0;background:#0b2f38;color:#e5edde;font-size:20px;cursor:pointer}
.guide-body{flex:1;display:grid;grid-template-columns:250px 1fr;gap:18px;padding:0 24px 22px;min-height:0}
.guide-list{list-style:none;margin:0;padding:0 6px 0 0;overflow:auto;display:flex;flex-direction:column;gap:4px}
.guide-list button{width:100%;text-align:left;padding:8px 12px;border-radius:10px;border:1px solid transparent;background:#0b303a;color:#d9e8dc;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.guide-list button small{font-size:10.5px;opacity:.6;font-style:italic}
.guide-list button:hover{border-color:#5f8f91}.guide-list button[aria-selected="true"]{background:#cee4c5;color:#14343e}
.guide-detail{display:grid;grid-template-columns:1fr 300px;column-gap:22px;min-height:0}.guide-info{display:flex;flex-direction:column;min-height:0}
.guide-stage{position:relative;border-radius:14px;background:radial-gradient(circle at 50% 40%,#2a6670,#0a2a34 70%);overflow:hidden;min-height:320px}
.guide-stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.guide-stage canvas:active{cursor:grabbing}
.guide-tip{position:absolute;left:14px;bottom:12px;font-size:11px;letter-spacing:1px;opacity:.6}
.guide-detail h3{margin:8px 0 2px;font-size:21px;letter-spacing:1px}.guide-latin{margin:0;font-style:italic;opacity:.7;font-size:13px}
.guide-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.guide-chips span{font-size:12px;padding:4px 10px;border-radius:20px;background:#0b303a;border:1px solid #3f6f73}
.guide-size{display:flex;flex-direction:column;gap:7px;font-size:11.5px}.guide-size div{display:grid;grid-template-columns:72px 1fr 56px;align-items:center;gap:8px}
.guide-size i{display:block;height:8px;border-radius:4px;background:#6f9ea0}.guide-size .me i{background:#e8b56a}.guide-size b{font-weight:500;text-align:right;opacity:.8}
.guide-note{font-size:13.5px;line-height:1.75;opacity:.9;margin:14px 0 0;overflow:auto;flex:0 1 auto}
.guide-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}.guide-actions button{flex:1;padding:10px;border-radius:22px;border:1px solid #6f9ea0;background:#0b303a;color:#e5edde;cursor:pointer;font:inherit;font-size:13.5px}
.guide-actions .guide-go{background:#cee4c5;color:#14343e;border-color:#cee4c5}.guide-actions button[hidden]{display:none}
.guide-fact{font-size:12.5px;line-height:1.7;opacity:.75;margin:8px 0 0}.guide-fact[hidden],.guide-source[hidden]{display:none}.guide-source{font-size:12.5px;color:#a9d8d2;margin-top:6px;display:inline-block}