.mount-detail-nav {
    position: fixed;
    left: 0;
    top: calc(50% + var(--mount-header-offset, 96px) / 2);
    transform: translateY(-50%);
    z-index: 1000;
    font-size: 15px;
    line-height: 1.6;
}
.mount-detail-nav summary, .mount-overview > summary { list-style: none; cursor: pointer; }
.mount-detail-nav summary::-webkit-details-marker, .mount-overview > summary::-webkit-details-marker { display: none; }
.mount-detail-nav summary:focus-visible, .mount-detail-nav a:focus-visible, .mount-overview > summary:focus-visible { outline: 3px solid var(--v2-primary-500) !important; outline-offset: 3px; }
.mount-nav-menu:not([open]) > summary { padding: 12px 16px; border-radius: 0 10px 10px 0; background: var(--v2-primary-500, #2967d3); color: #fff; box-shadow: 0 4px 16px #173f7726; }
.mount-nav-menu:not([open]) > summary:hover { background: var(--v2-primary-600, #2054af); }
.mount-nav-collapsed, .mount-nav-expanded { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-weight: 650; }
.mount-nav-menu:not([open]) .mount-nav-expanded, .mount-nav-menu[open] .mount-nav-collapsed { display: none; }
.mount-nav-menu[open] { width: min(280px, calc(100vw - 32px)); max-height: calc(100vh - var(--mount-header-offset, 96px) - 32px); max-height: calc(100dvh - var(--mount-header-offset, 96px) - 32px); overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--v2-bg-divider); border-left: 0; border-radius: 0 16px 16px 0; background: var(--v2-bg-primary); color: var(--v2-text-heading, #171a1d); box-shadow: 0 10px 30px #17283c26; }
.mount-nav-menu[open] > summary { position: sticky; top: 0; z-index: 1; padding: 18px 20px; border-bottom: 1px solid #e5eaf0; background: #fff; font-size: 18px; }
.mount-nav-expanded > i { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #f1f4f8; color: #636a73; font-size: 16px; }
.mount-nav-menu[open] > summary:hover .mount-nav-expanded > i { background: #e2ecff; color: #2054af; }
.mount-nav-panel { padding: 12px; }
.mount-nav-links { list-style: none; padding: 0; margin: 0; }
.mount-nav-links li + li { margin-top: 4px; }
.mount-nav-links a { display: block; padding: 10px 12px; border-radius: 7px; color: #555e69; text-decoration: none; overflow-wrap: anywhere; }
.mount-nav-links a:hover, .mount-nav-links a.is-active { background: #edf3fd; color: var(--v2-primary-600, #2054af); }
.mount-nav-links a.is-active { font-weight: 650; }
.mount-nav-manual { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 14px; padding: 12px; border-radius: 8px; color: #fff; background: var(--v2-primary-500, #2967d3); text-decoration: none; }
.mount-nav-manual:hover { background: var(--v2-primary-600, #2054af); color: #fff; }

.mount-overview { border: 1px solid #dfe6ee; border-radius: 16px; background: #fff; }
.mount-overview > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; min-height: 68px; color: var(--v2-text-heading, #171a1d); font-size: 18px; font-weight: 650; border-radius: inherit; background: #f5f7fa; }
.mount-overview > summary:hover { background: #eaf0f8; }
.mount-overview-label { display: flex; align-items: center; gap: 12px; }
.mount-overview-label > i { color: var(--v2-primary-500, #2967d3); }
.mount-overview-state { display: flex; align-items: center; gap: 10px; flex-shrink: 0; color: var(--v2-primary-600, #2054af); font-size: 15px; }
.mount-overview[open] .mount-overview-collapsed, .mount-overview:not([open]) .mount-overview-expanded { display: none; }
.mount-overview[open] > summary { border-bottom: 1px solid #dfe6ee; border-radius: 16px 16px 0 0; }
.mount-overview[open] .mount-overview-state > i { transform: rotate(180deg); }
.mount-overview-body { padding: 32px; }

@media (max-width: 1719px) {
    .mount-detail-nav { top: auto; bottom: 20px; transform: none; }
}

@media (max-width: 767px) {
    .mount-detail-nav { top: auto; bottom: 20px; transform: none; }
    .mount-nav-menu:not([open]) > summary { padding: 11px 12px; font-size: 13px; }
    .mount-nav-collapsed { gap: 8px; }
    .mount-overview > summary { padding: 18px 16px; gap: 12px; font-size: 16px; }
    .mount-overview-label { gap: 8px; }
    .mount-overview-state { gap: 6px; font-size: 14px; }
    .mount-overview-body { padding: 20px 16px; }
}