.kind-plant{--g: #587a2a;--g-soft: rgb(88 122 42 / 12%)}.kind-animal{--g: #8a5a2b;--g-soft: rgb(138 90 43 / 12%)}.kind-section{margin-top:18px;padding-top:0;overflow:hidden}.kind-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 16px;margin:0 -20px 6px;padding:18px 20px 16px;color:#fff;background:radial-gradient(circle at 95% 0%,rgb(255 255 255 / 20%),transparent 45%),linear-gradient(135deg,var(--g),color-mix(in srgb,var(--g) 70%,#000))}.kind-head h2{font:400 clamp(2rem,1.6rem + 1.6vw,2.6rem) / 1 var(--display)}.kind-count{margin:0;font-weight:700;font-size:.85rem;opacity:.9}.kind-intro{grid-column:1 / -1;margin:6px 0 0;max-width:75ch;font-size:.96rem;opacity:.95}.ff-group{margin-top:18px}.group-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:1.35rem;color:var(--g)}.group-icon{display:grid;width:26px;height:26px}.group-icon svg{width:100%;height:100%}.ff-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.ff-tile{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:12px;border:1px solid var(--line);border-left:4px solid var(--g);border-radius:12px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.ff-tile:hover{transform:translateY(-2px);box-shadow:0 8px 18px #10253b1a}.ff-mark{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--g);background:var(--g-soft);border:1.5px solid var(--g)}.ff-mark svg{width:24px;height:24px}.ff-text{display:grid;gap:1px;min-width:0}.ff-name{font:400 1.3rem/1.1 var(--display);color:var(--navy);overflow-wrap:anywhere}.ff-epithet{font-size:.88rem;color:var(--ink)}.ff-meta{font-size:.74rem;color:var(--muted);margin-top:2px}.ff-tile.is-open{background:var(--g);border-color:var(--g);color:#fff;box-shadow:0 8px 18px #10253b2e}.ff-tile.is-open .ff-name,.ff-tile.is-open .ff-epithet,.ff-tile.is-open .ff-meta{color:#fff}.ff-tile.is-open .ff-mark{color:var(--g);background:#fff;border-color:#fff}.uses{display:grid;gap:4px;margin:0;padding-left:1.1em}.uses li::marker{color:var(--g)}.who{display:grid;gap:8px;margin:0;padding:0;list-style:none}.who li{display:grid;gap:4px;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--g)}.who p{margin:0}.who-name{font-weight:700;color:var(--navy)}a.who-name{text-decoration-color:var(--g);text-underline-offset:2px}a.who-name:hover{color:var(--g)}.who-ref{justify-self:start;font-size:.8rem;font-weight:600;color:#7a5a1c}.lesson{padding:10px 14px;border-radius:10px;background:var(--g-soft);border-left:3px solid var(--g);font-weight:500}.law{padding:8px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:.94rem}.mention-total{margin:0 0 8px;color:var(--muted)}.mention-total b{font:400 2.2rem/1 var(--display);color:var(--g)}.mention-bar{display:flex;height:10px;overflow:hidden;border-radius:999px;background:#10253b14}.mention-old{background:var(--g)}.mention-new{background:var(--gold)}.mention-key{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;font-size:.8rem;color:var(--muted)}.mention-key span{display:inline-flex;align-items:center;gap:6px}.mention-key span:before{content:"";width:9px;height:9px;border-radius:50%}.key-old:before{background:var(--g)}.key-new:before{background:var(--gold)}.row-panel .detail-side .first-verse{border-left-color:var(--g)}.book-counts{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.book-counts a{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 10px;border-radius:999px;font-size:.84rem;font-weight:600;text-decoration:none;color:var(--navy-2);background:#fff;border:1px solid var(--line)}.book-counts a:hover{border-color:var(--g)}.book-count{min-width:22px;padding:0 6px;border-radius:999px;font-size:.74rem;text-align:center;color:#fff;background:var(--g)}@media (max-width: 600px){.kind-head{margin:0 -16px 4px;padding:16px}.ff-grid{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion: reduce){.ff-tile{transition:none}.ff-tile:hover{transform:none}}
