.help-page {
    display: flex;
    min-height: calc(100vh - 357px);
    max-width: 1200px;
    margin: auto;
    background: #fff;
}

.tab-radio {
    display: none;
}

.tab-panel {
    padding: 0;
    border: 0;
}

.help-sidebar {
    width: 260px;
    padding-top: 40px;
}

.help-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .help-menu label {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 46px;
        padding: 0 28px 0 42px;
        font-size: 18px;
        font-weight: 600;
        color: #222;
        cursor: pointer;
    }

        .help-menu label::before {
            content: "";
            position: absolute;
            left: 25px;
            top: 9px;
            width: 2px;
            height: 28px;
            background: transparent;
        }

        .help-menu label::after {
            content: "�;
            font-size: 26px;
            font-weight: 300;
            color: #666;
        }

        .help-menu label:hover {
            color: #2f70d8;
        }

.help-content {
    flex: 1;
    padding: 70px 80px;
    padding-top: 20px;
}

.tab-panel {
    display: none;
}

#tab-listing:checked ~ .help-page label[for="tab-listing"],
#tab-order:checked ~ .help-page label[for="tab-order"],
#tab-customer:checked ~ .help-page label[for="tab-customer"],
#tab-template:checked ~ .help-page label[for="tab-template"],
#tab-analysis:checked ~ .help-page label[for="tab-analysis"],
#tab-account:checked ~ .help-page label[for="tab-account"],
#tab-promotion:checked ~ .help-page label[for="tab-promotion"],
#tab-stock:checked ~ .help-page label[for="tab-stock"] {
    color: #2f70d8;
}

    #tab-listing:checked ~ .help-page label[for="tab-listing"]::before,
    #tab-order:checked ~ .help-page label[for="tab-order"]::before,
    #tab-customer:checked ~ .help-page label[for="tab-customer"]::before,
    #tab-template:checked ~ .help-page label[for="tab-template"]::before,
    #tab-analysis:checked ~ .help-page label[for="tab-analysis"]::before,
    #tab-account:checked ~ .help-page label[for="tab-account"]::before,
    #tab-promotion:checked ~ .help-page label[for="tab-promotion"]::before,
    #tab-stock:checked ~ .help-page label[for="tab-stock"]::before {
        background: #4f7edb;
    }

#tab-listing:checked ~ .help-page #panel-listing,
#tab-order:checked ~ .help-page #panel-order,
#tab-customer:checked ~ .help-page #panel-customer,
#tab-template:checked ~ .help-page #panel-template,
#tab-analysis:checked ~ .help-page #panel-analysis,
#tab-account:checked ~ .help-page #panel-account,
#tab-promotion:checked ~ .help-page #panel-promotion,
#tab-stock:checked ~ .help-page #panel-stock {
    display: block;
}

.feature-list {
    max-width: 850px;
}

.feature-item {
    display: flex;
    align-items: center;
    min-height: 150px;
    padding: 32px 0;
    border-bottom: 1px solid #eee;
}

.feature-icon {
    width: 160px;
    text-align: center;
    flex-shrink: 0;
}

    .feature-icon img {
        width: 120px;
        object-fit: contain;
    }

.feature-text {
    flex: 1;
}

    .feature-text h3 {
        margin: 0 0 14px;
        color: #333;
        font-size: 18px;
        font-weight: 700;
    }

    .feature-text p {
        margin: 0;
        color: #999;
        font-size: 14px;
        line-height: 1.9;
    }