/* Doggy Pedia Table of Contents — brand: #5BB81F / #143B0E */
.dp-toc{
  --dp-green:#5BB81F; --dp-green-d:#3E8F15; --dp-forest:#143B0E;
  --dp-tint:#F2F8EC; --dp-active:#E7F2DA; --dp-border:#D8EAC8;
  --dp-ink:#23301a; --dp-muted:#5b6b50;
  font-family:inherit; border:1px solid var(--dp-border); border-radius:14px;
  overflow:hidden; background:#fff; box-shadow:0 6px 22px -14px rgba(20,59,14,.45);
  margin:0 0 34px; max-width:100%;
}
.dp-toc__head{
  display:flex; align-items:center; gap:11px; padding:13px 16px;
  background:linear-gradient(135deg,var(--dp-green) 0%,var(--dp-green-d) 100%);
  color:#fff; cursor:pointer; user-select:none; border:0; width:100%; text-align:left;
}
.dp-toc__paw{flex:0 0 auto;width:22px;height:22px}
.dp-toc__paw svg{display:block;width:100%;height:100%;fill:#fff}
.dp-toc__title{font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  margin:0;flex:1 1 auto;text-shadow:0 1px 1px rgba(20,59,14,.35)}
.dp-toc__count{font-size:12px;font-weight:700;background:rgba(255,255,255,.22);color:#fff;
  padding:2px 9px;border-radius:999px}
.dp-toc__chev{flex:0 0 auto;width:18px;height:18px;margin-left:4px;transition:transform .28s ease}
.dp-toc__chev svg{display:block;width:100%;height:100%;stroke:#fff}
.dp-toc.is-collapsed .dp-toc__chev{transform:rotate(-90deg)}
.dp-toc__body{background:var(--dp-tint);max-height:1600px;transition:max-height .35s ease,opacity .25s ease;overflow:hidden}
.dp-toc.is-collapsed .dp-toc__body{max-height:0;opacity:0}
.dp-toc__list{list-style:none;margin:0;padding:8px 0}
.dp-toc__list--sub{list-style:none;margin:0;padding:0 0 2px 0}
.dp-toc__item>a{position:relative;display:block;padding:8px 18px 8px 38px;color:var(--dp-ink);
  text-decoration:none;font-size:15px;line-height:1.4;border-left:3px solid transparent;
  transition:background .15s ease,color .15s ease,border-color .15s ease}
.dp-toc__item>a::before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);
  width:7px;height:7px;border-radius:50%;background:var(--dp-green);opacity:.45;transition:opacity .15s ease,transform .15s ease}
.dp-toc__item>a:hover{background:#eaf4dd;color:var(--dp-forest)}
.dp-toc__item>a:hover::before{opacity:.85}
.dp-toc__sub>a{position:relative;display:block;padding:6px 18px 6px 50px;font-size:13.5px;color:var(--dp-muted);
  text-decoration:none;line-height:1.4;border-left:3px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}
.dp-toc__sub>a::before{content:"";position:absolute;left:34px;top:50%;transform:translateY(-50%);
  width:5px;height:5px;border-radius:50%;background:var(--dp-green);opacity:.35}
.dp-toc__sub>a:hover{color:var(--dp-forest);background:#eaf4dd}
.dp-toc__item.is-active>a,.dp-toc__sub.is-active>a{background:var(--dp-active);color:var(--dp-forest);
  border-left-color:var(--dp-green);font-weight:700}
.dp-toc__item.is-active>a::before,.dp-toc__sub.is-active>a::before{opacity:1;transform:translateY(-50%) scale(1.15)}
.dp-toc a:focus-visible{outline:2px solid var(--dp-forest);outline-offset:-2px}
@media (max-width:480px){.dp-toc__title{font-size:13.5px}.dp-toc__item>a{font-size:14.5px}}
@media (prefers-reduced-motion:reduce){.dp-toc__body,.dp-toc__chev,.dp-toc__item>a,.dp-toc__sub>a{transition:none}}
