/* Shared appearance for the article outline and chapter navigation. */
.zc-chapter-sidebar{display:flex;flex-direction:column;gap:14px}
.zc-chapter-sidebar>details{margin:0;background:#fff;border:1px solid #dce6e4;border-radius:10px;box-shadow:0 4px 18px #183d4008;overflow:hidden}
.zc-chapter-sidebar>details>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:17px 18px;cursor:pointer;font:600 16px/1.5 'ZC Roboto',Arial,sans-serif;color:#183d40}
.zc-chapter-sidebar>details>summary::-webkit-details-marker{display:none}
.zc-chapter-sidebar>details>summary::before{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);flex-shrink:0;transition:transform .15s}
.zc-chapter-sidebar>details[open]>summary::before{transform:rotate(45deg)}
.zc-chapter-sidebar>details[open]>summary{border-bottom:1px solid #edf1ef;margin-bottom:8px}
.zc-chapter-sidebar>details>summary>span{float:none;margin-left:auto;min-width:27px;text-align:center;border-radius:20px;background:#eef4f2;padding:2px 8px;font:500 12px/1.7 'ZC Roboto',Arial,sans-serif;color:#657b75}
.zc-chapter-sidebar>details>nav{padding:0 8px 10px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdcfc7 transparent}
.zc-chapter-sidebar>details ol{list-style:none!important;margin:0!important;padding:0!important}
.zc-chapter-sidebar>details li{margin:0;padding:0}
.zc-chapter-sidebar>details li a{border-left:3px solid transparent;border-radius:4px;padding:9px 10px;font:400 14px/1.5 'ZC Roboto',Arial,sans-serif;color:#425654;text-decoration:none;overflow-wrap:anywhere}
.zc-chapter-sidebar .zc-page-outline a{display:block}
.zc-chapter-sidebar .zc-page-outline .is-subheading a{padding-left:24px;font-size:13px;color:#60746f}
.zc-chapter-sidebar>details a:hover{background:#f2f6f4;color:#164f47}
.zc-chapter-sidebar>details a[aria-current]{background:#eaf3ee;border-left-color:#287866;color:#164f47;font-weight:600}
.zc-chapter-sidebar .zc-page-outline nav{max-height:34vh}
.zc-chapter-sidebar:has(.zc-page-outline) .zc-chapter-list nav{max-height:30vh}
.zc-chapter-sidebar .zc-chapter-category{padding:4px 0;margin:0 12px 8px;font-size:11px;line-height:1.6}
@media(max-width:1100px){.zc-chapter-sidebar{gap:10px}.zc-chapter-sidebar .zc-page-outline nav,.zc-chapter-sidebar:has(.zc-page-outline) .zc-chapter-list nav{max-height:42vh}.zc-chapter-sidebar>details>summary{padding:15px 17px}}
@media(prefers-reduced-motion:reduce){.zc-chapter-sidebar>details>summary::before{transition:none}}

.zc-chapter-sidebar .zc-chapter-overview{display:flex;align-items:center;gap:8px;min-height:48px;padding:13px 18px;border-top:1px solid #dce6e4;background:#f4f8f5;color:#19574a;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none}.zc-chapter-sidebar .zc-chapter-overview:hover{background:#e7f1eb}.zc-chapter-overview:focus-visible{outline-offset:-3px}

/* Align the return action with chapter text and keep both panels within the viewport. */
.zc-chapter-sidebar .zc-chapter-overview{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:14px 20px;text-align:left;width:100%;box-sizing:border-box;font:500 14px/1.5 'ZC Roboto',Arial,sans-serif}
.zc-chapter-overview>span:first-child{display:block;text-align:center;line-height:1}
.zc-chapter-overview>span:last-child{min-width:0;text-wrap:pretty}
@media(min-width:1101px){.zc-chapter-sidebar .zc-page-outline nav,.zc-chapter-sidebar:has(.zc-page-outline) .zc-chapter-list nav{max-height:max(100px,calc((100dvh - 300px)/2))}}