@media (max-width: 768px) {
    .minimal-sidebar-guide { position: fixed; top: 58px; left: 12px; z-index: 1300; width: min(290px, calc(100vw - 24px)); padding: 14px 16px; border: 1px solid #d9e2f2; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px #0002; color: #1f2937; font-size: 13px; line-height: 1.5; }
    .minimal-sidebar-guide::before { content: ''; position: absolute; top: -8px; left: 16px; width: 14px; height: 14px; transform: rotate(45deg); border-left: 1px solid #d9e2f2; border-top: 1px solid #d9e2f2; background: #fff; }
    .minimal-sidebar-guide strong { display: block; font-size: 14px; }
    .minimal-sidebar-guide p { margin: 5px 0 12px; }
    .minimal-sidebar-guide button { border: 0; padding: 4px 0; background: none; color: #2452b8; font: inherit; font-weight: 600; cursor: pointer; }
    .dashboard-page-nav:has(.minimal-sidebar-guide-target) { position: relative; z-index: 1301; }
    .dashboard-sidebar-toggle.minimal-sidebar-guide-target, .dashboard-sidebar-close.minimal-sidebar-guide-target { outline: 2px solid #2452b8; outline-offset: 2px; background: #e9f0ff; }
    .minimal-sidebar-guide.is-open { position: absolute; top: 70px; left: 12px; z-index: 1; width: calc(100% - 24px); }
    .minimal-sidebar-guide.is-open::before { left: auto; right: 17px; }
}
