/* Bamboo Scrollspy – thân tre mọc theo section (dùng cho WordPress) */
.spine,.prog{
  --g9:#00793f; --g9d:#00592e; --g5:#80ca42; --cream:#f7f6f0;
  --bss-maxw:1180px;   /* bề rộng container của theme – chỉnh nếu thân tre đè lên nội dung */
  --ease:cubic-bezier(.22,.8,.24,1);
}
.spine{position:absolute;top:0;left:max(12px,calc((100vw - var(--bss-maxw))/2 - 44px));width:12px;z-index:40;pointer-events:none;display:none}
.spine.ready{display:block}
.spine-track,.spine-fill{position:absolute;left:0;top:0;width:12px;border-radius:6px}
.spine-fill{height:0;background:linear-gradient(180deg,#b6e87a,#80ca42 60%,#5fb82e);box-shadow:0 0 10px rgba(128,202,66,.55)}
.spine-fill{height:0;background:linear-gradient(180deg,var(--g5),var(--g9) 70%)}

.node{position:absolute;left:-7px;width:26px;height:26px;transform:translateY(-50%);pointer-events:auto;border:0;padding:0;background:none;cursor:pointer}
.node .ring{position:absolute;left:-2px;top:7px;height:12px;width:30px;border-radius:6px;background:var(--cream);box-shadow:inset 0 0 0 2px rgba(0,121,63,.25);transition:background .4s,box-shadow .4s}
.node.on .ring{background:var(--g9d);box-shadow:inset 0 0 0 2px var(--g9d)}
.node.current .ring{background:var(--g5);box-shadow:0 0 0 4px rgba(128,202,66,.25),inset 0 0 0 2px var(--g9)}
.node .leaf{position:absolute;left:18px;top:4px;width:44px;height:22px;pointer-events:none;transform-origin:0 50%;transform:rotate(-30deg) scale(0);transition:transform .7s var(--ease) .05s}
.node .leaf.l2{left:-38px;transform-origin:100% 50%;transform:rotate(30deg) scale(0)}
.node.on .leaf.l1{transform:rotate(-34deg) scale(1)}
.node.on .leaf.l2{transform:rotate(26deg) scale(.82)}
.node .tag{position:absolute;right:46px;top:50%;transform:translateY(-50%);white-space:nowrap;font-weight:800;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--g9);opacity:0;transition:opacity .4s;display:none}
.node.on .tag{opacity:.75}
.node.current .tag,.node:hover .tag{opacity:1;color:var(--g9d)}
@media (min-width:1500px){.node .tag{display:block}}
@media (max-width:999px){.spine{display:none!important}}

.prog{position:fixed;left:0;right:0;top:0;height:4px;z-index:9999;background:rgba(0,121,63,.1);display:none}
.prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--g5),var(--g9));border-radius:0 4px 4px 0}
@media (max-width:999px){.prog{display:block}}

/* Menu sáng theo section đang xem */
a.active[href^="#"]{color:#00793f!important}