.help-page { background: #fff; min-height: 70vh; }
    .help-layout { display: flex; max-width: 1200px; margin: 0 auto; padding: 20px 16px 40px; gap: 28px; align-items: flex-start; }
    .help-toolbar { display: none; }
    .help-sidebar { width: 240px; flex: 0 0 240px; }
    .help-sidebar-inner { position: sticky; top: 16px; background: #fbfcfe; border: 1px solid #eef1f6; border-radius: 12px; padding: 14px 12px; max-height: calc(100vh - 32px); overflow-y: auto; }
    .help-sidebar .hdm-home { display: flex; align-items: center; gap: 6px; font-weight: 600; color: #233049; padding: 8px 10px 14px; border-bottom: 1px solid #eef1f6; margin-bottom: 10px; text-decoration: none; }
    .help-sidebar .hdm-cats { list-style: none; margin: 0; padding: 0; }
    .help-sidebar .hdm-cat-li { margin-bottom: 6px; }
    .help-sidebar .hdm-cat-title { font-size: 13px; font-weight: 600; color: #6b7280; padding: 8px 10px 4px; }
    .help-sidebar .hdm-item { margin: 0; }
    .help-sidebar .hdm-link { display: block; padding: 7px 12px; font-size: 14px; color: #4a5568; border-radius: 8px; text-decoration: none; }
    .help-sidebar .hdm-link:hover { background: #eef3ff; color: #4f7cff; }
    .help-sidebar-mask { display: none; }

    .help-main { flex: 1; min-width: 0; max-width: 860px; }
    .help-hero { border-radius: 18px; padding: 30px 28px; color: #fff; background: linear-gradient(120deg, #4f7cff 0%, #7a6cff 60%, #a05cff 100%); box-shadow: 0 10px 24px rgba(94,91,255,.28); margin-bottom: 26px; }
    .help-hero h1 { margin: 0 0 8px; font-size: 1.7rem; }
    .help-hero p { margin: 0; opacity: .92; font-size: .95rem; }
    .help-cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .help-cat-card { border: 1px solid #eef1f6; border-radius: 14px; padding: 18px 18px; background: #fff; transition: transform .16s, box-shadow .16s; display: block; color: inherit; text-decoration: none; }
    .help-cat-card:hover { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(31,35,56,.08); }
    .help-cat-card h2 { font-size: 1.05rem; font-weight: 700; color: #233049; margin: 0 0 6px; }
    .help-cat-card p { font-size: .85rem; color: #8a91a5; margin: 0 0 12px; line-height: 1.6; }
    .help-cat-card ul { list-style: none; margin: 0; padding: 0; }
    .help-cat-card li { font-size: .85rem; color: #4f7cff; margin: 4px 0; }

    @media (max-width: 991px) {
        .help-toolbar { display: flex; align-items: center; gap: 10px; padding: 10px 16px; background: #fff; border-bottom: 1px solid #eef1f6; position: sticky; top: 0; z-index: 20; }
        .help-toggle { display: inline-flex; align-items: center; gap: 6px; background: #4f7cff; color: #fff; border: none; border-radius: 8px; padding: 8px 12px; font-size: 14px; cursor: pointer; }
        .help-layout { padding: 0; position: relative; }
        .help-sidebar { position: fixed; top: 0; left: 0; bottom: 0; width: 280px; z-index: 100; transform: translateX(-100%); transition: transform .25s ease; }
        .help-layout.show-sidebar .help-sidebar { transform: translateX(0); }
        .help-sidebar-mask { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); opacity: 0; visibility: hidden; transition: opacity .25s ease; }
        .help-layout.show-sidebar .help-sidebar-mask { opacity: 1; visibility: visible; }
        .help-sidebar-inner { position: static; max-height: none; height: 100%; border-radius: 0; border: none; }
        .help-main { padding: 16px; }
        .help-cat-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 520px) {
        .help-cat-grid { grid-template-columns: 1fr; }
    }