/* Picture Index (pictures.js) */
#picture-index{padding:4px 0 24px;font-size:1rem;line-height:1.4}
#picture-index .pi-top{display:flex;align-items:center;gap:10px;margin:6px 0}
#picture-index h2{margin:0;font-size:1.35rem}
#picture-index .pi-back{display:inline-block;padding:10px 12px;min-height:24px;border:2px solid #2f6f4f;border-radius:10px;text-decoration:none;font-weight:700;color:#1d4d35;background:#fff}
#picture-index .pi-sub{margin:4px 0 8px;color:#444}
#pi-q{width:100%;box-sizing:border-box;font-size:1.05rem;padding:12px;border:2px solid #2f6f4f;border-radius:10px}
.pi-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.pi-chips button{font-size:.9rem;padding:7px 10px;min-height:38px;border-radius:999px;border:2px solid #9bb5a6;background:#fff;color:#1b2b22;font-weight:600}
.pi-chips button small{opacity:.75;font-weight:500}
.pi-chips button.on{background:#2f6f4f;color:#fff;border-color:#2f6f4f}
.pi-count{margin:6px 0;color:#444;font-weight:600}
.pi-h{margin:18px 0 8px;font-size:1.15rem;border-bottom:2px solid #cfd8d2;padding-bottom:4px}
.pi-h small{font-weight:500;color:#555}
.pi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:620px){.pi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){.pi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pi-tile{position:relative;border:2px solid #cfd8d2;border-radius:12px;background:#fff;overflow:hidden;content-visibility:auto;contain-intrinsic-size:260px}
.pi-main{display:block;color:inherit;text-decoration:none;padding-bottom:6px}
.pi-img{display:block;width:100%;aspect-ratio:4/3;background:#eef2ee}
.pi-img.cover{object-fit:cover}.pi-img.contain{object-fit:contain;background:#fff}
.pi-ph{display:flex;align-items:center;justify-content:center;font-size:2rem}
.pi-badge{position:absolute;top:6px;left:6px;max-width:calc(100% - 12px);padding:4px 8px;border-radius:8px;font-size:.8rem;font-weight:700;line-height:1.25;color:#fff;background:#555;box-shadow:0 1px 3px rgba(0,0,0,.35)}
.pi-badge.k-bad{background:#a3201a}.pi-badge.k-good{background:#1b6e2f}.pi-badge.k-warn{background:#ffd966;color:#3a2a00}.pi-badge.k-ok{background:#3b5f8a}
.pi-name{display:block;padding:6px 8px 0;font-size:.98rem}
.pi-d{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;padding:2px 8px 0;font-size:.85rem;color:#333}
.pi-art{display:block;padding:4px 8px 0;font-size:.78rem;color:#2d5a43;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pi-also{padding:0 8px 8px;font-size:.78rem;color:#444}
.pi-also a{color:#1a5fa8}
.pi-note{margin-top:18px;font-size:.85rem;color:#444}
#pi-home.pi-home{display:block;text-align:center;background:#2f6f4f;color:#fff;text-decoration:none;margin:8px 0}
#pi-home small{display:block;font-weight:400;font-size:.8rem;opacity:.95}
#pi-bar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#2f6f4f;color:#fff;padding:6px 10px;border-radius:0 0 10px 10px;margin-bottom:6px}
#pi-bar a{color:#fff;font-weight:700;text-decoration:underline;padding:6px 0;min-height:24px}
#pi-bar span{font-size:.85rem;opacity:.9}
.pi-flash{outline:5px solid #ffb300!important;outline-offset:3px;border-radius:6px;animation:piflash 1.1s ease-in-out 3}
@keyframes piflash{0%,100%{box-shadow:0 0 0 0 rgba(255,179,0,0)}50%{box-shadow:0 0 0 14px rgba(255,179,0,.45)}}
html.rr-calm .pi-flash{animation:none}
@media(prefers-reduced-motion:reduce){.pi-flash{animation:none}}
/* night */
html.rr-night #picture-index .pi-sub,html.rr-night .pi-count,html.rr-night .pi-note,html.rr-night .pi-also,html.rr-night .pi-h small{color:#aab3aa}
html.rr-night #picture-index .pi-back,html.rr-night .pi-chips button,html.rr-night .pi-tile,html.rr-night #pi-q{background:#1c211c;color:#e4e4e0;border-color:#3a443a}
html.rr-night #picture-index .pi-chips button.on{background:#3d8a62;color:#fff;border-color:#3d8a62}
html.rr-night .pi-d{color:#d6d9d3}html.rr-night .pi-art{color:#8fd1ae}html.rr-night .pi-also a{color:#8fc1ff}
html.rr-night .pi-img{background:#2a312a}html.rr-night .pi-img.contain{background:#e9ece6}
html.rr-night .pi-h{border-color:#3a443a}html.rr-night #pi-bar{background:#245640}
html.rr-night .pi-badge.k-warn{background:#c99a00;color:#fff}
html.rr-contrast .pi-tile,html.rr-contrast .pi-chips button{border:2px solid #000!important}

/* species chapters 62-64: inline badges */
.rr-tag{display:inline-block;padding:2px 8px;border-radius:8px;font-size:.78rem;font-weight:700;line-height:1.3;color:#fff;background:#555;vertical-align:baseline}
.rr-tag.k-bad{background:#a3201a}.rr-tag.k-good{background:#1b6e2f}.rr-tag.k-warn{background:#ffd966;color:#3a2a00}.rr-tag.k-ok{background:#3b5f8a}
html.rr-night .rr-tag.k-warn{background:#c99a00;color:#fff}
.rr-where{color:#555;font-size:.9em}html.rr-night .rr-where{color:#aab3aa}
.rr-src{color:#444;margin:0 0 6px}html.rr-night .rr-src{color:#aab3aa}
.rr-more{background:#eef4ea;border:1px solid #b9c9b0;border-radius:8px;padding:6px 10px}html.rr-night .rr-more{background:#22301f;border-color:#3d5a3a}